„Flash CS3“ animacijos „blinkie“ projektavimas

• Gegužė 20, 2024

„J3 Designs“ savininkė paprašė, kad aš sukurtų savo skaitmeninio albumo apie scrapbooking svetainę reklaminę nuorodą. Ji norėjo išlaikyti klasikinę įmonės prekės ženklo eleganciją ir davė man grafikos rinkinį, kurį ji jau panaudojo savo logotipui. Juos sudarė kupranugaris, nėriniai, grunge fonai, lankas, džiovintos gėlės ir dvi ladybugs. Iš pradžių ši grafika buvo sukurta 300 dpi formatu ir buvo labai didelė. Taigi mano pirmasis darbas buvo sumažinti kiekvieną grafiką iki 72 dpi ir iki tokio dydžio, kad būtų galima naudoti 150 x 50 pikselių miniatiūrą. Iš šio testo galėjau nustatyti, kurį iš elementų galima naudoti tokiu mažu dydžiu, neprarandant per daug jų detalių.

Aš nustebau, kad dauguma elementų, išskyrus kama ir džiovintas gėles, puikiai veikė sumažinus dydį. Sumažinus iki 50 taškų aukščio, dauguma elementų buvo prarasta. Tačiau kameja buvo tokia svarbi logotipo dalis, nusprendžiau naudoti tik viršutinę kameros pusę. Atlikdamas tai, man nereikėjo sumažinti vaizdo iki tokio mažo dydžio ir išsaugoti didžiąją kameros detalę.

Pradėjau kurti projektą su statiniais fono elementais. Šie elementai nebus animacijos dalis. Kaip bendrą fono sluoksnį pasirenku vieną iš keturių grunge fono, įtraukto į grafinius pavyzdžius. Toliau pridėjau nėrinius ir kameją. Norėdami sutaupyti vietos blykstės viršuje, kad galėtumėte naudoti tekstinę animaciją, nėrinius uždėjau kampu apatiniame kairiajame kampe. Galiausiai pridėjau vieną iš dviejų „ladybugs“. Bet tos ladybugs tiesiog laukė, kad bus pagyvintos.

Animacijos pagrindą sudarytų kelios tekstinės animacijos. Bet tie „ladybugs“ vis žiūrėjo į mane, todėl nusprendžiau pridėti antrą animacinę juostą su „ladybugs“ žvaigžde. Viena ladybug bus matoma animacijos metu, o antrasis ladybug pasirodys iš po kameros. Pagaliau jie nugrimztų kartu. Kad tai padaryčiau, man reikėjo padalinti foninį sluoksnį į kelis sluoksnius. Pirmasis fono sluoksnis būtų grunge grafika. Antrasis būtų nėriniai ir kameja. Žinoma, man reikėjo abiejų „ladybugs“, nėrinių ir „cameo“ PNG, kad išlaikyčiau „Flash“ skaidrumą.

Taigi, aš turėjau keturis mano miniatiūros sluoksnius, be teksto animacijos sluoksnio, kurį pridėsiu vėliau.

Dauguma mirksi nuotraukų albumų albumų yra 150 x 50 taškų. Tai nesuteikia daug vietos sudėtingai teksto animacijai. Tekstui pagyvinti nusprendžiau naudoti įmontuotą laiko juostos efektą. Pirmoji animacijos dalis būtų dizainerio vardas. Šioje svetainėje yra penki dizaineriai, įskaitant mane patį. Kadangi mano įmonės vardas buvo ilgiausias, nusprendžiu sukurti originalią animaciją naudodamas savo vardą. Tada būtų lengva pakeisti dizainerio vardą kitoms keturioms mirksėms. Dabar, kai dizainas yra sukurtas, mes esame pasirengę sukurti savo animaciją.

J3 dizainas

Autorių teisės 2018 m. „Adobe Systems Incorporated“. Visos teisės saugomos. „Adobe“ produkto ekrano kopija (-os) perspausdinta gavus „Adobe Systems Incorporated“ leidimą. „Adobe“, „Photoshop“, „Photoshop Album“, „Photoshop Elements“, „Illustrator“, „InDesign“, „GoLive“, „Acrobat“, „Cue“, „Premiere Pro“, „Premiere Elements“, „Bridge“, „After Effects“, „InCopy“, „Dreamweaver“, „Flash“, „ActionScript“, „Fejerverkai“, „Prisidėkite“, „Captivate“, „Flash Catalyst“ ir „Flash“ popierius yra (yra) registruotas (-i) prekės ženklas (-ai) arba „Adobe Systems Incorporated“ prekės ženklas (-ai) JAV ir (arba) kitose šalyse.