?> Uçan Kuş Animasyonu - photoders
Site » Flash Dersleri

Uçan Kuş Animasyonu

[ 18 Eyl 2009 | 4 Yorum ]

photoderFlash çalışmamızda uçan kuş animasyonu yapacağız.Yeni bir çalışma sayfası açalım benim çalışma sayfam 400x220px oldu. LineTool aracını seçelim stroke height 0,25 px olsun çalışma sahnemize örnek resimdeki çizimi yapalım çizim işlemi bitince paint bucket tool aracı ile içini beyaz renk ile dolduralım.

 


 
photoders
2-Kuşun gövde kısmını tamamladık şimdi seçili durumda movie clip yapalım F8 name kısmına BirdGövde yazalım.
photoders
3-Sahnedeki klipe tıklayalım BirdGövde klip içine girelim layer1 adını BirdGövde olarak isimlendirelim 30 frameye key ekleyelim F5 layeri kilitleyelim daha rahat çalışırız.
4-Yeni layer ekleyelim layer adı kanat1 olsun line tool aracı ile kanat çizelim kova aracı ile içini dolduralım.
photoders
5-Çizgileri kanat kenarlarından silelim şimdi sırası ile başlayalım biraz emek vermek gerekiyor. 2 frameye keyframe ekleyelim kanatımızı biraz çevirelim ve biraz inceltelim.
6-4. frameye keyframe ekleyelim kanat şeklimizi tekrar çevirelim inceltelim. Resimleri ikişer frame olarak ekliyorum frame sayıları yazılı.
photoders
7-6.frameye keyframe ekleyelim kanatımızı tekrar çevirelim küçültelim Selection Tool aracı ile kenar kısımlarına gelelim kendimize göre şekil verelim.
8-8.Frameye gelelim tekrar aynı şekilde ayarlama yapalım.
photoders
9-10.Frameye keyframe ekleyelim tekrar kanat ayarını yapalım.
10-12.Frameye keyframe ekleyelim gerekli ayarlamayı yapalım bazı ayarlarda Selection Tool aracı kullanın biçimlendirmede kolaylık sağlarsınız.
photoders
11-14.Frameye keyframe ekleyeip kanat şeklimizi ayarlayalım.
12.16.Frameye keyframe ekeleyip kanat şeklimizi tekrar ayarlıyoruz.
photoders
13-18.frameye keyframe ekleyip tekrar şeklimizi değişelim.
14-20.Frameye keyframe ekleyip ayarlama yapalım.
photoders
15-22.Frameye keyframe ekliyor gerekli biçimlendirmeyi yapıyoruz.
16-24.frameye keyframe ekliyor ayarlamayı yapıyoruz.
photoders
17-26.Frameye keyframe ekleyelim kanat şeklimizi değişelim.
18-28.Frameye keyframe ekleyelim tekrar kanat ayarlayalım.
photoders
19-30.Frameye keyframe ekleyelim son framedeki görünüm 2. Framedeki ile aynı olabilir.
photoders
20-Yeni layer ekleyelim layer adı kanat2 olsun kanat2 layeri en alta alalım kanat1 en üstte gövde ortada oluyor.
21-Kanat2 daha kolay olacak kanat1 den ilk frameyi kopya yapalım kant2 layer 1 frameye Paste Frames yapalım. Aynı hizada olan kanatı çevirmek için Modify>Transform>Flip Horizontal yolu ile çevirelim klavyeden sağ yön tuşu ile kaydıralım.
photoders
22-Sizlere anlattığım kopya kopya frames ve paste frames yöntemi ve çevirmek için Flip Horizontal yolu ile diğer kanat2 kolayca ayarlayabiliriz. Son olarak bitmiş görüntümüz.
photoders
23-Animasyon daha iyi olması için Frame Rate hız ayarını yükseltelim 30 olsun test edelim.
Ctrl+Enter
24-Çalışmamızda hazırladığımız klip istediğimiz resim üzerinde kullanabiliriz. Çalışma sayfamıza uygun 400×220 px resmi flash içine import edelim.
25-Resmi scene1 sahnede en alta alalım adını arka olarak değişelim hemen üstünde oluşan layere kuş1 adını verelim. BirdGövde klipi resmin sol tarafına alalım.
photoders
26-Kuş1 layerin 200 framesine keyframe ekleyelim. 200 framede klipi en sağ resmin dışına taşıyalım. Frame aralarına create motion tween verelim. Test edelim Ctrl+Enter.
27-yeni layer ekleyelim layer adı kuş2 olsun. 1. Frameye tekrar kütüphaneden BirdGövde isimli klipi alarak ekleyelim. Aynı şekilde sahnenin sol kenarında olsun. 75 frameye keyframe ekleyelim klipi resmin dışına çıkmayacak şekilde kaydıralım. 100.frameye keyframe ekleyelim klipi şimdi sahnenin dışına kaydıralım frame aralarına create motion tween verelim.
28-Yeni layer ekleyelim layer adı kuş3 olsun klipi 104.frameye yerleştirelim. 150. Frameye keyframe ekleyelim klipi resmin sağ tarafına kaydıralım tekrar 200 frameye keyframe ekleyip klipi resmin dışına sağ üst tarafa kaydıralım. Test edelim.
FLA İndir

Etiket: , , ,

4 Yorum »

  • hakan diyor'ki:
    21 Eyl 2009 saat 15:39

    tesekkurler hocam sızın sayenızde gelıstırıyorum kendımı

  • architect55 diyor'ki:
    02 Eki 2009 saat 16:39

    sitenin yeni tasarımı gayet başarılı olmuş.. elinize sağlık:)

  • Net diyor'ki:
    01 Eyl 2010 saat 14:14

    Güzel bişey sevdim bunu

  • hayydii diyor'ki:
    26 Eki 2010 saat 17:25

    Elinize sağlık , sizin kadar güzel yapamasam da çok işime yaradı.
    Çok teşekkür ederim güzel şeyleri vakit ayırıp paylaştığınız için…

    Saygılarımla.

    Hayy dii

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ş