Flash Motion Tweens ile Blinkie'yi bitirmek

• Mayıs Ayı 3, 2024

Flash blinkie animasyonunda en son çalıştığımızda, metin efektlerini yeni bitirdik. Animasyonda meydana gelen son metin efekti, “J3 Designs” web sitesi adının ortaya çıkması ve kaybolmasıydı. Zaman Çizgisi Geçiş Efekti (Zaman Çizelgesi'ndeki Geçiş 3) ile sahne alanının solundan kaybolur. Bunun bir nedeni vardı ve bu nedenin ne olduğunu bulmak üzeresiniz.

Unutmayın, tasarım detaylarının bir parçası olarak, bu iki uğur böceği var. Onları işe koymanın zamanı geldi. Katmanları blinkie projemize inşa ettiğimizde Bug 1 katmanına altın uğur böceği ekledik. Şimdi yapacağımız ilk şey, ikinci uğur böceğini Bug 2 olarak adlandıracağımız yeni bir katmana eklemek. Bu kırmızı uğur böceğinin kamera hücresinin altından görünmesini istiyoruz. Bu nedenle, yeni katmanı Statik Ayrıntılar katmanının altına yerleştirmemiz gerekecek.

Flash CS3'te blinkie2.fla dosyasını açın ve işe koyulalım. Web sitesinin adı kaybolmaya başladığında uğur böceğinin kamera hücresinin altından hareket etmesini istiyoruz. Uğur böceği yüzünden metnin kayboluyormuş gibi görünmesini istiyoruz. Bu yüzden, bu yeni uğur böceğini, metin kaybolmaya başladığı Kare 110'a ekleyeceğiz.

1. İçe Aktar iletişim kutusunu açmak ve kırmızı uğur böceğini Kitaplığımıza eklemek için Dosya - İçe Aktar - Kitaplığa Aktar'ı tıklayın.
   
   
2. Statik Ayrıntılar katmanının altına yeni bir katman ekleyin ve “Bug 2” olarak adlandırın. Kare 110'a bir Ana Kare (Ekle - Zaman Çizelgesi - Ana Kare) ekleyin. Kırmızı uğur böceğini Kütüphane'den kamera hücresinin altına ve görüş alanının dışına sürükleyin.
   
   Bu uğur böceğinin metin kayboluncaya kadar sahneden kaybolana kadar sola hareket etmesini istiyoruz. Bu yüzden, 160. kareye ulaştığımızda uğur böceğinin sahnenin soluna ve sonuna kadar olmasını istiyoruz.
   
   
3. Bug 2 katmanında 160. kareye tıklayın, bir Anahtar Kare ekleyin ve kırmızı uğur böceğini sola ve sahneden sonuna kadar sürükleyin. Kare 110 ve 160 arasında sağ tıklayın ve açılır menüden Ara Hareket Oluştur'u seçin.
   
   Filmi test edin ve uğur böceği üzerinde hareket ettikçe metnin kaybolduğunu görmelisiniz. Kırmızı uğur böceği sahneden çıktıktan sonra, altın böceği (Bug 1 katmanı) sahneden kaybolana kadar yukarı ve sağa hareket ettireceğiz.
   
   
4. Bug 1 katmanındaki 160. kareye tıklayın ve altın uğur böceğinin animasyonu için başlangıç ​​noktası için bir Ana Kare ekleyin. Altın uğur böceğini sahneden çıkarmak için 20 kare kullanalım. Kare 180'i tıklayın ve bir Ana Kare ekleyin. Altın uğur böceğini sahneden yukarı ve dışarı hareket ettirin.
   
   
5. 160 ve 180 numaralı kareler arasında sağ tıklayın ve bir Ara Hareket oluşturun. Kare 180'i tıklayın ve bu katmanlardaki içeriğin tekrar görünür olmasını sağlamak için Statik Ayrıntılar ve Arka Plan katmanlarına bir Çerçeve ekleyin.
   
   Son olarak, altın uğur böceğini sahnenin sol alt kısmındaki orijinal konumuna geri taşımak istiyoruz. Ancak böceğin sahnenin üstünden aşağı inmesini istemiyoruz. Sahnenin altından yukarı doğru hareket etmesini istiyoruz. Bu yüzden önce altın uğur böceğini solda ve sahnenin altına yerleştirmeliyiz. Sonra tek yapmamız gereken, animasyonu tekrar edebilmek için yukarı doğru orijinal konumuna geri getirmektir. Uğur böceğini tekrar yerine taşımak için 10 çerçeve kullanacağız.
   
   
6. Bug 1 katmanındaki Kare 1'e geri dönün ve altın uğur böceği seçin. Altın uğur böceğinin orijinal konumunu kaydetmek için Düzenle - Kopyala'yı tıklayın.
   
   
7. Hala Hata 1 katmanında, Çerçeve 190'a bir Ana Kare ekleyin. Zaten var olan altın uğur böceğini kaldırmak için Düzenle - Temizle'yi tıklayın. Ardından, altın uğur böceğini orijinal konumuna geri getirmek için Düzenle - Yerine Yapıştır'ı tıklayın.
   
   
8. Yine de Bug 1 katmanında, Frame 181'e tıklayın ve bir Anahtar Kare ekleyin. Ardından, zaten var olan altın uğur böceğini kaldırın. Altın uğur böceğini bu çerçevedeki orijinal konumuna geri getirin (Yapıştır). Ardından, bu uğur böceğini sahnenin altına sürükleyin. Bu uğur böceğini yukarı ve sahneye taşıyacak olan Kare 181 ve 190 arasına bir Hareket Arası ekleyin.
   
   
9. Çerçeve 190'a tıklayın ve bu katmanlardaki içeriğin tekrar görünür olmasını sağlamak için Statik Ayrıntılar ve Arka Plan katmanlarına bir Çerçeve ekleyin.
   
   

Blinkie'yi blinkie3.fla olarak test edin ve kaydedin. Ardından blinkie'nizi bir .swf dosyası olarak yayınlayın ve yeni blinkie'nizin keyfini çıkarın.

J3 Tasarımları

Telif Hakkı 2018 Adobe Systems Incorporated. Tüm hakları Saklıdır. Adobe ürün ekran görüntüleri, Adobe Systems Incorporated'ın izniyle kullanılmıştır. Adobe, Photoshop, Photoshop Albümü, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Köprü, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Havai Fişek, Contribute, Captivate, Flash Catalyst ve Flash Paper Amerika Birleşik Devletleri ve / veya diğer ülkelerde Adobe Systems Incorporated'in [a] tescilli ticari markaları veya ticari markalarıdır.