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
Javascript if - else - else if çözümlü sorular
Yazıyı Oku

Javascript if - else - else if çözümlü sorular

Css ile kutu modeli oluşturma (box model örneği)
Yazıyı Oku

Css ile kutu modeli oluşturma (box model örneği)

Asp.net ile basit kullanıcı ekleme, listeleme, silme ve güncelleme
Yazıyı Oku

Asp.net ile basit kullanıcı ekleme, listeleme, silme ve güncelleme

Nesne tabanlı programlama uygulamaları (try - catch - finally)
Yazıyı Oku

Nesne tabanlı programlama uygulamaları (try - catch - finally)

Asp.net ile veritabanına bağlanma ve basit kayıt ekleme, listeleme, silme, güncelleme
Yazıyı Oku

Asp.net ile veritabanına bağlanma ve basit kayıt ekleme, listeleme, silme, güncelleme

İnternet programcılığı çerez (cookie), oturum yönetimi (session) ve grafik uygulamaları
Yazıyı Oku

İnternet programcılığı çerez (cookie), oturum yönetimi (session) ve grafik uygulamaları

Menu