Kare kare animasyon yöntemini kullanarak bir pilin cep telefonlarında göründüğü gibi şarj olduğunu gösteren animasyonun yapımı.

Şarj olan pil animasyonu - kare kare animasyon

Flash programını çalıştırdıktan sonra A.S 2.0 özelliğinde bir çalışma sayfası açıyoruz ve boyutlarını değiştirmiyoruz. Toplam üç adet katman oluşturuyoruz.

Şarj olan pil animasyonu

Kaynak FLA ve SWF dosyasını indir (CS 4)

Açılan katmanlardan alttakinin adını "pil arkaplanı", ortada kalan katmanın adını ise "sarj" ve üstteki katmanın adını "yazı" olarak değiştiriyoruz.

Katmanları yukarıdaki resimdeki gibi yerleşimlerini ayarladıktan sonra pil arkaplan katmanında aşağıdaki özelliklerde çizimlerimizi yapıyoruz.

  1. 150 x 310 boyutlarında, kenarları 10px yuvarlatılmış, kenar kalınlığı 10, arkaplan rengi beyaz, kenarlık rengi parlak turuncu olan dikdörtgeni çiziyoruz.
  2. 75 x 50 boyutlarında, kenarları 10px yuvarlatılmış, kenar kalınlığı 10, arkaplan rengi sarı, kenarlık rengi parlak turuncu olan dikdörtgeni çiziyoruz.
  3. Ardından ilk çizilen dikdörtgenin üzerine konumlandırıp pil görünümünü elde ediyoruz.
  4. Katmanın kilit simgesine tıklayıp görüntünün bozulmasını engelliyoruz.

Sarj katmanına geçip aşağıda verilen özelliklerdeki dikdötgenden 5 adet hazırlayıp aşağıda verilen resimdeki gibi yerleştiriyoruz.

  1. 125 x 50 boyutlarında, kenarları yuvarlatılmamış, kenarlığı olamayan, arkaplan rengi mor olan dikdörtgeni çiziyoruz.
  2. Kopyala yapıştır ile 5 tane yapıyoruz.

Sarj katmanına her 20 karede bir anahtar kare ekleyip ( f6 tuşuyla ) mor dikdörtgen sayısı kadar olmasını sağlıyoruz. Sarj katmanının ilk anahtar karesinde 1 adet dikdörtgen, ikinci anahtar karesinde 2 dikdörtgen olacak şekilde diğer anahtar kareleride ayarlayıp fazla olan dikdörtgenleri siliyoruz. Toplamda 100 kare elde ediyoruz. Her anahtar kare ekranda 20 kare olarak görüntülenmiş olcak.

Yazı katmanında ise 20 karede bir anahtar kare eklemesi ( f6 tuşuyla ) yapıp, birinci anahtar kareye % 20, ikinci anahtar kareye %40 olacak şekilde yazım aracını kullanarak ekliyoruz. En son anahtar kareye de 0 yazıp tamamlıyoruz.

Yukardaki iki paragrafta yapılan anahtar kare eklemelerinin aynı karelerde olmasına dikkat ediyoruz.

Pil arkaplan katmanın görünür olması için 100. kareye gelip f5 tuşuna basarak kare ekliyoruz ve aşağıdaki görüntüyü elde ediyoruz.

Ctrl + enter tuşlarına basarak kare kare animasyon yöntemiyle yaptığımız animasyonu çalıştırıyoruz.

 

  • Yazı Etiketleri :
  • frame by frame
  • kare kare animasyon
  • flash c4
  • flash cs6
Fare tıklamasını takip eden nesne - AS2 ile
Yazıyı Oku

Fare tıklamasını takip eden nesne - AS2 ile

play() ve stop() komutları - AS2 ile
Yazıyı Oku

play() ve stop() komutları - AS2 ile

startDrag ve stopDrag kullanımı - AS3 ile
Yazıyı Oku

startDrag ve stopDrag kullanımı - AS3 ile

3 boyutlu nesne döndürme - AS3 ile
Yazıyı Oku

3 boyutlu nesne döndürme - AS3 ile

gotoAndPlay ve stop kullanımı - action script ile
Yazıyı Oku

gotoAndPlay ve stop kullanımı - action script ile

Güneş çevresinde dönen dünya - kılavuz katman ile
Yazıyı Oku

Güneş çevresinde dönen dünya - kılavuz katman ile

Menu