Flash CS3 Animasyonu için Blinkie Tasarlama

• Mayıs Ayı 3, 2024

J3 Designs'ın sahibi, dijital scrapbooking web sitesi için bir reklam blinkie oluşturmamı istedi. Şirket markasının klasik zarafetini korumak istedi ve bana logosu için kullandığı bir dizi grafik verdi. Bunlar bir kameo, dantel, grunge arka planlar, yay, kuru çiçekler ve iki uğur böceğinden oluşuyordu. Bu grafikler aslında 300 dpi'de oluşturuldu ve çok büyüktü. Bu yüzden ilk işim her grafiği 72 dpi'ye ve 150 x 50 piksellik yanıp sönmeye yetecek kadar küçük bir boyuta düşürmekti. Bu testten, detaylarından çok fazla kaybetmeden hangi elemanların bu kadar küçük bir boyutta kullanılabileceğini belirleyebilirim.

Elemanların çoğunun, cameo ve kuru çiçekler hariç, boyutta bir azalma ile iyi çalıştığına şaşırdım. 50 piksel yüksekliğe düşürüldüğünde, ayrıntıların çoğu bu öğelerden kayboldu. Ama kamera hücresi logonun önemli bir parçasıydı, kamera hücresinin sadece üst yarısını kullanmaya karar verdim. Bunu yaparak, görüntüyü bu kadar küçük bir boyuta indirmeye gerek duymadım ve kamera hücresinin ayrıntılarının çoğunu kurtardım.

Tasarımı statik arka plan elemanları ile oluşturmaya başladım. Bu öğeler animasyonun bir parçası olmaz. Grafik örneklerinde yer alan dört grunge arka planından birini genel arka plan katmanı olarak seçiyorum. Sonra dantel ve cameo ekledim. Metin animasyonu için yanıp sönmenin üst kısmından yer kazanmak için, danteli sol alt köşeye bir açıyla yerleştirdim. Sonunda iki uğur böceğinden birini ekledim. Ama bu uğur böcekleri sadece canlandırılmayı bekliyordu.

Animasyonun temeli çeşitli metin animasyonlarından oluşacaktır. Ama o uğur böceği bana bakmaya devam etti, bu yüzden uğur böceğinin oynadığı ikinci bir animasyon eklemeye karar verdim. Metin animasyonu sırasında bir uğur böceği görünür ve daha sonra ikinci uğur böceği kamera hücresinin altından görünür. Sonunda birlikte sürüneceklerdi. Bunu yapmak için, arka plan katmanını birkaç katmana ayırmam gerekiyordu. İlk arka plan katmanı grunge grafik olacaktır. İkincisi dantel ve cameo olurdu. Tabii ki, Flash'ta şeffaflığı korumak için her iki uğur böceği, dantel ve cameo'nun PNG'lerine ihtiyacım vardı.

Şimdi, daha sonra ekleyeceğim metin animasyonu katmanının yanı sıra, blinkie'mde dört katman vardı.

Scrapbooking sitelerinde çoğu yanıp sönme 150 x 50 pikseldir. Bu size karmaşık bir metin animasyonu için fazla yer vermez. Metni canlandırmak için yerleşik Zaman Çizelgesi Efektlerini kullanmaya karar verdim. Animasyonun ilk kısmı tasarımcının adı olacaktır. Bu web sitesi için ben de dahil olmak üzere beş tasarımcı var. İşletme adım en uzun olduğu için adımı kullanarak orijinal animasyonu oluşturmaya karar verdim. Ardından, diğer dört yanıp sönen için tasarımcının adını değiştirmek kolay olurdu. Artık tasarım yapıldığına göre, animasyonumuzu oluşturmaya hazırız.

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.