360° Panoramik Banner
Flash çalışmamızda panoramik efekti uygulanmış banner yapalım[hidepost]Â
Yeni bir çalışma sayfası açalım 250×125 px olsun
Çalışmamızda kullanacağımız resmimizi photoshop ile hazırlayabiliriz benim hazırladığım resim 4 adet resmin birleşmesi sonucunda 729×125 px remi hazırladım resmi photoshop üzerinede tekrar kopyalayarak uzattım 1459×125 px ölçüsünde resim elde ettim çalışmamıza devam edelim hazırladığımız resmi flash içine import edelim. Sahnedeki resmi seçelim Modify>Convert Symbol movie clip yapalım name kısmına panoramik yazalım
Panoramik klipimizi seçelim tekrar movie klip yapalım name panoramik panoramik_animasyon yazalım klibimiz içinde çalışmaya başlayalım layer adını panoramik olarak belirleyelim 140 ferameye keyframe ekleyelim F6 1 frameye gelelim create motion tween uygulayalım sahnedeki başlangıcı resimde görüldüğünüz şekilde ayarlayın.
140 frameye gelelim sahnedeki resmi örnek resimdeki şekilde kaydıralım
Modify>Convert Symbol buton hazırlayalım name buton olsun
Butonumuz sadece up kısmında aktif olsun
Bannerimizin yazı animasyonunu hazırlayalım Text tool (T) aracını seçelim Static text yazımızı yazalım seçerek movie clip yapalım name yazı olsun
Yazı klipimiz içinde yazımızı seçelim kopya yapalım yeni bir layer ekleyelim layer adı text olsun kopyaladığımız yazıyı 1 frameye paste yapalım yazı rengini beyaz yapalım. Klavyeden yön tuşu vasıtası ile biraz kaydıralım
Modify>Convert Symbol movie clip yapalım name kısmına yazı_animasyon yazalım klipimiz içinde layer 1 100 framesine keyframe ekleyelim kütüphaneden yazı klipimizi alarak ekleyelim 117 frameye keyframe ekleyelim F6 frameler arasına create motion tween uygulayalım yazımızı ok tuşu ile kaydıralım 126 frameye keyframe ekleyelim 117 ve 126 arasına create motion tween uygulayalım 126 framede yön tuşları ile yazımızı tekrar kaydıralım 133 frameye keyframe ekleyelim 126 frame 133 frame arasına create motion tween uygulayalım 133 framede yön tuşu ile kaydıralım 133 frameden sonra 137 frameye keyframe ekleyelim geri gelelim 135 frameye keyframe ekleyelim ardından eklediğimiz frameyi delete silelim burada amaç 135 frame ile 137 frame arasında yazımızın kaybolmasını sağlamış oluyoruz devam edelim 141 frameye keyframe ekleyelim 139 frameyede keyframe ekleyelim ve delete silelim 145 frameye keyframe ekleyelim 143 frameye keyframe ekleyelim delete silelim 215 frameye key ekleyelim örnek resim üzerinden inceleyelim yeni layerler ekleyerek yazı_animasyon klipimizi daha genişletebiliriz
Scene 1 sahnemize gelelim kliplerimizi butonumuzu yerleştirelim layer1 adını panoramik yazalım kütüphaneden panoramik_animasyon klipimizi alarak yerleştirelkim yeni layer ekleyelim layer adını yazı olarak yazalım kütüphaneden yazı_animasyon klipimizi alarak ekleyelim. Yeni layer ekleyelim layer adı buton olsun kütüphaneden butonumuzu alarak ekleyelim Color alpa değerini 0 yapalım. Yeni layer ekleyelim layer adı actions olsun verdiğim kodları ekleyelim
adButton.onRelease = function() {
 getURL("http://www.photoders.com", "_blank");
}
Ben yeni bir layer daha ilave ederek bu layer üzerine çerçeve hazırladım
Çalışmayı test edelim CTRL+ENTER
<!– flash –>
<center><object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0” width=”300″ height=”300″ id=”flash_email” align=”middle”>
<param name=”allowScriptAccess” value=”sameDomain” />
<param name=”movie” value=”flash_email.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<param name=”Src” value=”http://www.photoders.com/flashdersler/flash_mail_form/flash_email.swf“>
<embed src=”http://www.photoders.com/flashdersler/flash_mail_form/flash_email.swf” quality=”high” bgcolor=”#ffffff” width=”300″ height=”300″ name=”flash_email” align=”middle” allowScriptAccess=”sameDomain” type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer” />
</object></center>
<!– /flash –>
[/hidepost]Â
Merhaba.. Photoders sitesi photoshop ve flash derslerin türkçe paylaşımak amaclı kurulmuş web sitesidir. Sitede mevcut dersler tamamen ücretsizdir. Ziyaretciler üye olmadan siteyi gezebilir yararlanabilirler, destek alabilmek sorunlarını iletebilmek için tek yapmaları gereken kısa bir zaman ayırarak ücretsiz üye olmalarıdır.Site içinde eklenmiş derslere yorum ekleyerek verilen emeklere saygı göstermek olduğu unutulmamalıdır.
Yorum Yazın