Maymun görselini kullanarak her bir bakış resmini belirtilen karelere kopyalayıp çevresine bakınan maymun animasyonu yapımı.

Etrafına bakınan maymun animasyonu - kare kare animasyon

İlk olarak aşağıda verilen resmi animasyonumuzu oluşturmak üzere bilgisayarımıza kayıt ediyoruz.

Çevresine bakınan maymun animasyonu

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

Verilen resmi fireworks programıyla açıp herbir resmi eşit genişlik ve yükseklikte ayrı ayrı kaydediyoruz. ( Resim adlarını ardışık olarak veriniz. Örn: m1.jpg, m2.jpg, m3.jpg gibi. Sebebi ise flash programına aktarmada kolaylık sağlaması için. )

Flash programını açtıktan sonra, dosya > içe aktar > sahneye aktar menüsünü kullanarak ilk resmi içeriye aktarınız.

Aktarma işleminin devamında kullanılacak olan diğer resimleri aktarmak istiyormusunuz şeklinde bir soru soran pencere açılacak. Buraya evet diyerek resimleri sahneye aktarıyoruz. Aktarılan resim sayısı kadar anahtar kare zaman çizelgesinde görüntülenecek.

ekleme işlemi tamamlandıktan sonra her bir anahtar karenin 20 kare görüntülenmesini sağlayacağız. Sahnemizde 5 resim ve 5 anahtar karemiz olacak. Son 4 anahtar kareyi seçili hale getirip seçili olanları sağa doğru 20 kare sürüklüyoruz ve ilk anahtar karenin görünürlüğünü 20 kare uzatmış oluyoruz.

Yukarda anlatılan işlemi diğer anahtar kareler için tekrarlayarak kare kare animasyon yöntemiyle etrafına bakınan maymun animasyonunu tamamlamış oluyoruz.

 

  • Yazı Etiketleri :
  • kare kare animasyon
  • maymun animasyonu
Css ile yatay ve dikey menu oluşturma, kutu modeli içerisinde kullanma
Yazıyı Oku

Css ile yatay ve dikey menu oluşturma, kutu modeli içerisinde kullanma

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ı

Menu