Swishmax ta arayüz hazırlayalım ( Ders 1 )

28 Mart 2006 | Kategori: GRAFİK TASARIM | Yazar:

Swishmax ile neler yapabiliriz. Ben her zaman şunu savunmuşumdur önemli olan hangi programı kullandığın değil sonucun seni tatmin edip etmemesidir.

Swishmax pek önemsenmiyor amatörler kullanıcılar için yapılmış bir program gözüyle bakılıyor ancak internette swish ile yapılmış site ve animasyonları görünce bu kanıdan vazgeçiyor insan ister istemez.

Bugün hazırladığım dökümandan bir arayüz yapımının basit bir örnekle anlatımını sunacağım sizlere.

Önce Swishmax te bir arayüz çizelim bunun için bezier tool ile örnekteki gibi birşeyler çizelim swish ekranımıza…

Bezier tool ile çizime başladığımız yere gelerek çizimi bitiriyoruz sağ taraftaki shape bölümünde renk ve border ayarlarını yapabilirsiniz ben border olmasını istemedim.

1 Swishmax ta arayüz hazırlayalım ( Ders 1 ) grafik tasarim

Sonra araçlardan bir daire oluşturmak için ellipse aracını alalım ve bir daire oluşturalım.sonrada yuvarlak şeklimiz seçiliyken sağ tuşa tıklayarak order -> send to back seçenğiyle objemizi önceden çizmiş olduğumuz şeklin arkasına atıyoruz.Bir kare yada autoshape menüsünden oval bir dikdörten alarak bir alan yaratalım Daha sonra araç kutumuzdan text i seçip oluşturduğumuz alanın üstüne menü adını yazıyoruz.

2 Swishmax ta arayüz hazırlayalım ( Ders 1 ) grafik tasarim

Üstte frame lerin olduğu bölümden Text imizi dairemizi ve yazı altındaki siyah alanımızı ALT tuşu seçiliyken hepsini alıyoruz ve sağ tuşla Grouping -> Group as Sprite seçeniğle grubumuzu oluşturuyoruz.

3 Swishmax ta arayüz hazırlayalım ( Ders 1 ) grafik tasarim

Üstteki frame menümüzden oluşturduğumuz spirete gruba iki kere tıklayarak scene oluşturmuş gibi önceden yapmış olduğumuz grup elemanlarını görüyoruz. Sprite da scene üzerinde çalışyormuş gibi bir imkanımız olur. Sprite içindeyken bir alan oluşturalım tekrardan ama bu seferki alanımızın opacity değerini %0 sıfır yapacağız böylece mouse over, out işlemlerini gerçekleştirebileceğiz rahatça.

4 Swishmax ta arayüz hazırlayalım ( Ders 1 ) grafik tasarim

%0 değerindeki alanımız seçiliyken Görüntü penceremizin hemen yanında bulununan sekmedeki script bölümüne geçiyoruz.Add script -> buton -> on roll over seçiyoruz.( yani mouse üzerindeyken ne olsun ? )

5 Swishmax ta arayüz hazırlayalım ( Ders 1 ) grafik tasarim

daha sonra tekrar add scriptten movie control -> go to and play -> go to and play (FRAME) seçeneğini seçiyoruz. burada frame belirleyeceğiz. Aslında önceden efekt oluşturup daha sonradan bunları yapmak vardı ya neyse alışmış ben böyle çalışmaya neyse efendim.

6 Swishmax ta arayüz hazırlayalım ( Ders 1 ) grafik tasarim

üstteki frame bölmesinde sprite üzerinde 5.ci frame e stop atayalım ki movie miz hareket etmesin loop halinde…

7 Swishmax ta arayüz hazırlayalım ( Ders 1 ) grafik tasarim

tekrar görüntü penceresine geçip menü yazısı, yazı altındaki siyah alan ve daire şeklimize 5. frame e kadar move uygulayalım yani sağ tuş move. 10 tane frame atar kendiliğinden ama biz onu 5 yapalım şekildeki gibi. mouse üzerine gelmediği zamanlarda kısa bir zaman aralığı olması efektin düzeni açısından daha iyi olacaktır. hatta 2 frame yapmak en iyisidir.

8 Swishmax ta arayüz hazırlayalım ( Ders 1 ) grafik tasarim

şimdi 5. frame den sonra olacak yani mouse over halinde olacak örnek bir efekt uygulayalım ben text ve siyah alana 10 frame lik move uyguladım daha sonra da move üzerindeyken özellikler diyerek movie özelliklerini belirledim yazıya fade to black siyah alanada fade to white dedim.Dairemizi ise havaya kaldırdım move atayıp daha sonrada 15. frame i seçtim yukarıdan ve 15. frame e kadar dairemizi yukarıya kaydırdım.

9 Swishmax ta arayüz hazırlayalım ( Ders 1 ) grafik tasarim

Ben işin biraz daha fantezisine kaçarak dairemizi loop şeklinde aşağıya yukarıya kaydırdım aynı move yöntemiyle ve görülüğü gibi sprite deki 35. frame e sağ tuşla Movie control -> go to and play -> go to and play (FRAME) seçeneğiyle script paneline yönlendim ve frame i 16 seçtim ki dairemizin loopu ordan başlıyor.

10 Swishmax ta arayüz hazırlayalım ( Ders 1 ) grafik tasarim

Bu arada opacity %0 olan alanımıza gelerek on mouse over daki frame numarasını girelim unutmuşuz. 6. frame e atıyoruz roll overı

11 Swishmax ta arayüz hazırlayalım ( Ders 1 ) grafik tasarim

Bir de roll out içn aynı adımları oluşturalım opacity %0 olan alanıımızda tekrardan add script buton ve bu sefer on roll out u seçiyoruz ve go to and play frame ini 36 olarak belirliyoruz çünkü 35. frame kadar ki bölüm on roll over bölümü.Şimdi 36 frame den sonrasına bir efekt te ekleyebilrisiniz roll out ta..Ben roll over için yapmış olduğumuz şeyleri tersine çevirdim mesela text ve siyah alanı tekrar eski haline gelirdim yani text i fade to white ,beyaz olmuş alanı da geriye fade to black ile çevirdim. Dairemizi de move ile eski yerine taşıdım.

Butonlara istediğiniz linki de verebilirsiniz. şu şekilde.yine opacity %0 olan alanda script bölümünden add script buton -> on press adımlarını oluşturalım ve daha sonra da browser /network -> get url ile aşağıdaki görüntüyü elde edelim. linkimiz hazır.

12 Swishmax ta arayüz hazırlayalım ( Ders 1 ) grafik tasarim

Daha sonra ana scene ekranında sprite i sağ tuşla kopyalayıp çoğaltabiliriz sadece url yi değiştirirz ve bir de menü adını böylece aynı işlemleri yapmaktan kurtulmuş oluruz.

13 Swishmax ta arayüz hazırlayalım ( Ders 1 ) grafik tasarim

Bir başka derste görüşmek üzere

Dökümanı Hazırlayan: captainzap

Arama Terimleri:

swish script nerde, 25 5 yuvarlak grafik, microsoft word te yazı nasıl yuvarlak yapılır, swishmax ta oval yazı, swishmax menü nasıl yapılır, swishmax da oval tasarım, swishmax browser/network, swish sınav kodu, swish max 2 on press, swish 4 dersler

ceviz.net

Yazar - 28 Mart 2006. Kategori GRAFİK TASARIM. Bu yazıya yazılan yazıları RSS üzerinden takip edebilirsiniz RSS 2.0. Yorum yazabilir veya geri izlemede bulunabilirsiniz.