?> Flash Banner-2 - photoders
Site » Flash Dersleri

Flash Banner-2

[ 27 Nis 2008 | 2 Yorum ]

photoders

Flash banner örnek çalışmalarımıza devam edelim
. İlk olarak yeni bir çalışma sayfası açalım 468×60 px olsun.
Sahneye Rectangle tool (R) aracı ile bir dikdörtgen çizelim renk kırmızı olsun 650×9 px ölçülerde olsun.
null
Sahneye çizdiğimiz şeklimizi kopyalayıp tekrar yapıştıralım seçili durumda kırmızı rengi beyaz yapalım yan yana ayarlayalım
null
Sahnede hazırladığımız şekli seçili yapalım kopyalayıp yapıştıralım yan yana gelecek şekilde ayarlayalım tekrar pate edelim 16 adet ekleyelim
null
Hazırladığımız çalışmayı F8 movie klip yapalım name photoders yazalım
Photoders klipimizi seçili durumda tekrar F8 Movie klip yapalım name animasyon yazalım free transform aracını seçelim (Q) -18 derece çevirelim
null
Animasyon klipin 15 framesine keyframe ekleyelim F6 1 ile 15 arasına create motion tween uygulayalım 15 framede sahnedeki şekli aşağı tarafa kaydıralım .
Sahneye gelelim yazımızı yazalım yazımızı seçili yapalım Modify>Break Apart yapalım yazımız seçil durumda F8 movie klip yapalım name text yazalım
null
Text klipin içine girelim layer 1 adını gölge olarak isim verelim 1 frameyi kopyalayalım yeni bir layer ekleyelim layer adi text olsun 1 frameye paste yapalım renk olarak bu layerdeki yazıyı beyaz yapalım şimdi text layer deki yazıyı break apart yapalım Bottle Tool (S) seçelim harflerin etrafına stroke uygulayalım renk olarak siyah olsun
null
Scene1 gelelim layer1 adını animasyon1 olarak yazalım kütüphaneden animasyon isimli klipi alarak 1 frameye ekleyeim 65 frameye key ekleyelim F5
Yeni layer ekleyelim layer adını text olarak verelim kütüphaneden text klipimizi alarak 1 frameye ekleyelim 40 frameye keyframe ekleyelim 1 frame ile 40 arasına create motion tween verelim 65 frameyede key ekleyelim 1 frameye gelelim scala aracı ile resimdeki şekilde yazımızı küçültelim properties panelde resimdeki ayarları yapalım
null
Kendimize görünmez buton yapalım 468×60 dış çizgisi olmayan içi istediğiniz renk bir dikdörtgen oluşturalım seçil durumda F8 button yapalım adını buton olarak belirleyelim butonumuz sadece hit kısmında aktif olacak unutmayalım.
İlk sahnemizi hazırladık şimdi yeni bir scene oluşturalım scene2 oldu ilk layer üzerinde line tool aracı ile çapraz çizgi çizelim çizgiyi tekrar kopya paste yapalım yapıştırdığımız seçili durumdayken Modify>Transform>Flip Horizontal çevirelim görüntümüz
null
Tekrar kopyalayalım paste yapalım free transform aracı ile örnek şekilde küçültelim
null
Aynı uygulamaya devam ediyoruz
null
En son görüntümüz
null
Dış kısmını çerceve içine alırsak daha kolay renk doldururuz beyaz yerleri kırmızı yerleri seçerek doldurun daha sonra line tool aracı ile çzdiğimiz çizgileri silelim tek tek seçereken shift tuşuna basılı seçelim en sonunda delete yaparız
null
Sahnedeki şeklimizdeki renkleri doldurduk çizgileri temizledik sahnemiz seçili Modify>Group yapalım 4 frameye keyframe ekleyelim frame üzerinde örnek resimdeki şekilde renkleri değişelim 6 frameye key ekleyelim
null
Layer1 adını animasyon olarak değişelim yeni bir layer ekleyelim layer adını text olarak verelim rectangle tool aracı ile dış çizgisi siyah iç renk olarak beyaz kenarları oval diktörtgen çizelim F8 movie klip yapalım klip adı text1 olsun klip içine girelim layer1 adını arkaplan yazalım yeni bir layer ekleyelim layer adı yazı olsun yazımızı yazalım
null
Scene2 sahnemize gelelim text layerinin üzerine yeni layer ekleyelim layer adı buton olsun kütüphaneden daha önce yaptığımız butonu ekleyelim.
Yeni bir layer ekliyoruz layer adını actions olarak yazalım 6 frameye keyframe ekleyelim F9 actions paneli açalım kodu ekleyelim

gotoAndPlay(1);

Eklediğimiz kodun amacı sadece scene2 sahnemizde kalmamız scene1 geri dönemek isterseniz eklemezsiniz tekrar ederek çalışır.
Tabi butonumuzu sahnede seçili yapalım link verelim

on(press) {
getURL("http://www.photoders.com","_blank");
}

Çalışmamızı test edebiliriz
CTRL+ENTER

FLA İndir

Etiket:

2 Yorum »

  • Fatih diyor'ki:
    27 Nis 2010 saat 13:35

    tam ihtiyacim olan banner calısması yanlız fla dosyasını ındırlmıyor.baska bır lınk e baglamıssınız tekrardan eklersenız sevınırım.

  • admin (author) diyor'ki:
    27 Nis 2010 saat 22:04

    Sorun yok indirebilirsiniz.

Yorum Yazın

Konuyla ilgili yorumlarınızı aşağıya yazabilir diğer okuyucularla paylaşabilirsiniz, yazıdan alıntı yapacak olursanız geribildirim yapmayı unutmayın.. Yazıdaki yorumları RSS olarak takip etmek için tıklayınız .

Yorum yazarken dikkat etmeniz gereken hususlar;

  • Spam ve reklam içerikli yorumlar silinecektir.
  • Yorumlar onay gerektirdiğinden birden fazla kez aynı yorumu yazmayınız.
  • Yorumlarınızın konu ile alakalı olmasına özen gösteriniz.
  • Küfür, hakaret etmenizin kimseye faydası olmadığını unutmayın.
  • Yorum yapmanız, onaylanacağı anlamına gelmemektedir. Buradaki hususlara dikkat etmeniz, onaylanma şansını artıracaktır.

    • Güvenlik Kodunun Resmi
    *

    Kapat
    E-posta ile paylaş