• Programlama
• Sistem
• Web & Grafik
• Genel Konular

 Ö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.

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.

Ü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.

Ü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.

%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 ? )

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.

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

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.

ş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.

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.

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ı

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.

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.

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

Dökümanı Hazırlayan: captainzap

captainzap 28.03.2006

Tümünü Göster / Sadece Başlıklar Yorumlar Yns Çok güzel Bu güzel anlatim icin tesekkurler.   sedo şahane çok güzel olmuş...eline sağlık   hmustak Neden interface? Şuna artık arayüz desek... Nekadar çok "yabancı dil" bağımlısı olduk   captainzap - neden interface haklısın ama dersi hazırlarken onun yerini alabilecek bir kelime bulamadığım için ve hızlı yazdığım için öyle oldu ders içindede bazı kavramları ingilizce yazdım mesela bir dahaki makalelerde daha dikkatli olmaya calısırım   SaRiBeLa Resimler Örnek resimleride gösterseydin daha ii olacakdı ama yinede eline saqlık   omer opacity nerde bulamadım opacity demişin yukarda ama nerde ve nedir bulamadım biraz daha açıklayarak anlatsan daha iyi olurdum ben yeni başlayan biriyim opacity nin nerde oldunu bulamadım orda takıldım ama emeğine sağlık   captainzap - opacity nerde bulamadım (cevap) Renklerin bulunduğu palette "Alpha" değerinden bahsediyorum.   Mehmet Swish Bayağı hoş olmuş, tebrikler.   gercegigor yeni bir alan nasıl oluşturuyoruz Ü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. nasıl yeni bir alan anlamadım açıklayabilirseniz sevinirim   ekim yeni alan Bu yeni bir alan oluşturma nedir ben de anlamadım... Açıklarsanız sevinirim   captainzap - yatın: Yeni alan Belirttiğiniz bölümün altındaki resimdede görüleceği gibi oluşturmuş olduğunuz o animasyonu kaplayacak şekilde bir alan yani kare,diktörgen v.s. bir alan yaratın, daha sonra resimdede görüleceği gibi şeffaflık oranını %0 ı a indirgeyin.   mehmet kimi kandiriyorsunuz ancak bukadar berbat olabilirdi ELİNE SALIK bASARMISIN   Arda interface arayüz yaw adam ne kadar emek vermiş biri berbat diyor birir yazıya takılmış siz yapında dogrusunu görelim ellerine sağlık arkadasım   Oğuz Olmuyor ya arkadaşlar yeni başladım da swishe 5e koyduğumuz stopda kalıyor bu :S yardımcı olurmusunuz.   Abdullah kimi kandiriyorsunuz diyen kendini bilmez "ancak bukadar berbat olabilirdi ELİNE SALIK bASARMISIN" diyen kendini bilmez, çok biliyorsan sende birşeyler yapıp etrafına faydalı olursun. Benim gibi u konulara yeni girin veya hiç bilmeyenlere örnek teşkil eder bu yapılanlar, resimli uğraşılıp yapılan bu bilgilere saygısızlık etmek senin haddin değil...   ceyhun off berbat   ayprk gözlem çok harika olmuş ama site adı bölümünüde anlatırsan iyi olur   bengü tebrikler böyle bir paylaşım için çok teşekkür ederim...ben BÖTE bölümü öğrencisiyim...swishte kendimi geliştirmek istiyorum;ancak elimde ve nette hiçbir kaynağa (sıfırdan anlatan) ulaşamıyorum...bu konuda yardımcı olursanız sevinirim... teşekkürler.....   ali vural Bezier Eğrisi ilk ders için güzel bir anlatım.Bezier ile çizim yaptıktan sonra ilk noktaya gelip bitiriyoruz arkadaşlar.Böylece kapalı bir şekil oluyorki yukarıdaki resimde pembe gibi olabiliyor.15 dk uğratım bunu çözmek için.   utku güzel olmuş güzel ama daha açıklamalı yazsaydın eminim daha güzel olurdu   Kemal İyidir iyi... bunu bulamayanda var. başlangıç seviyesinde olan (ben gibi) kişiler için kaynak işte...neyini ayırd ediyorsunuz yok çekirdeği... yok sapı...kıl... tüy mevzular için emeği karalamayın. eline sağlık. ha belki 3 gün 5 gün sonra ustalaştıktan sonra beğenmeyeceğiz belki de ama o güne kadar bilmeyen için mis gibi kaynak... devamını bekleriz. kolay gelsin   neslihan soru????? ilk için güzel yalın bi anlatım benim bi sorum olacak acaba mpg uzantılı görüntü yükleme imkanımz varmı? nasıl?   captainzap cevap: soru??? swish e video dosyaları import edilmiyor bildiğim kadarıyla.   Gorunmezadam Olur.. Mpeg sessiz Sekilde atacaksan Gif'e cevirip atmalisin ama frameleri kisa tutmalisin.. bence en mantiklisi böyle...   Murat Tesekkur Teşekkürler..   Oğuzha n Teşekkürler... Güzel anlatım ancak benim kullandığım swishte bunları yapmak imkansız... Toollar çok kötü... :(   gsdfg sdfgsdfg sdfgsdfgsdfg   sdfgsdfg dfghdfgh fghdfghdfgh   sezko Daha Güzel Daha güzelini yapmak bile çok kolay photoshopta tasarlayın swish e aktarın   engin scene swish scene geçileri çok sert oluyor bunu nasıl önleriz arkadaşlar

Yorum ekle