SWiSHmax Dersleri

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

Ö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.
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]
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.
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]

Ü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.
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]
Ü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.
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]

%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 ? )
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]
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 [Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ] neyse efendim.
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]
üstteki frame bölmesinde sprite üzerinde 5.ci frame e stop atayalım ki movie miz hareket etmesin loop halinde...
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]
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.
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]
ş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.
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]
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.
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]
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ı
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]
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.
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]
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.
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]

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