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
Css ile position: fixed kullanımı
Yazıyı Oku

Css ile position: fixed kullanımı

Css kutu modeli örneği ve float
Yazıyı Oku

Css kutu modeli örneği ve float

Nesne tabanlı programlama metot çağırma uygulamaları
Yazıyı Oku

Nesne tabanlı programlama metot çağırma uygulamaları

Css kutu modeli örneği ve konumlandırma
Yazıyı Oku

Css kutu modeli örneği ve konumlandırma

Css ile çoklu arkaplan uygulaması
Yazıyı Oku

Css ile çoklu arkaplan uygulaması

Fare tıklamasını takip eden nesne - AS2 ile
Yazıyı Oku

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

Menu