Designe en Blinkie til Flash CS3 Animation

• Kan 16, 2024

Ejeren af ​​J3 Designs bad mig om at oprette en reklame blinkie til hendes websted til digital scrapbooking. Hun ville opretholde den klassiske elegance af firmamærket og gav mig et sæt grafik, som hun allerede havde brugt til sit logo. Disse bestod af en komo, blonder, grunge baggrunde, bue, tørrede blomster og to marihøner. Denne grafik blev oprindeligt oprettet med 300 dpi og var meget stor. Så mit første job var at reducere hver grafik til 72 dpi og til en størrelse, der var lille nok til at bruge i en 150 x 50 pixel blinkie. Fra denne test kunne jeg bestemme, hvilket af elementerne der kunne bruges i en så lille størrelse uden at miste for meget af deres detaljer.

Jeg var overrasket over, at de fleste af elementerne fungerede fint ved en sådan reduktion i størrelse bortset fra komo og tørrede blomster. Når de reduceres til en højde på 50 pixels, mistede de fleste detaljer fra disse elementer. Men comeo var en så vigtig del af logoet, jeg besluttede kun at bruge den øverste halvdel af comeo. Ved at gøre dette, behøvede jeg ikke at reducere billedet til en så lille størrelse og gemte det meste af detaljen i comeo.

Jeg begyndte at bygge designet med de statiske baggrundselementer. Disse elementer ville ikke være en del af animationen. Jeg vælger en af ​​de fire grunge baggrunde inkluderet i de grafiske prøver som det samlede baggrundslag. Derefter tilføjede jeg kniplinger og komo. For at spare plads øverst på blinket til tekstanimationen placerede jeg kniplinger i en vinkel i nederste venstre hjørne. Til sidst tilføjede jeg en af ​​de to marihøner. Men disse marihøner ventede bare på at blive animeret.

Fundamentet for animationen består af flere tekstanimationer. Men disse marihøner kiggede fortsat på mig, så jeg besluttede at tilføje en anden animation med hovedrollen på marihønerne. Én marihøne ville være synlig under tekstanimationen, og derefter den anden marihøne vises fra under komoen. Endelig ville de kravle sammen. For at gøre dette, var jeg nødt til at opdele baggrundslaget i flere lag. Det første baggrundslag ville være grunge grafik. Det andet ville være blonder og kom. Selvfølgelig havde jeg brug for PNG'er fra begge marihøner, kniplinger og komo for at bevare gennemsigtigheden i Flash.

Så jeg havde nu fire lag til min blinkie udover tekstanimationslaget, som jeg ville tilføje senere.

De fleste blinker på scrapbookingsider er 150 x 50 pixels. Dette giver dig ikke meget plads til en kompliceret tekstanimation. Jeg besluttede at bruge de indbyggede tidslinjeeffekter til at animere teksten. Den første del af animationen ville være designerens navn. Der er fem designere til dette websted, inklusive mig selv. Da mit forretningsnavn var det længste, beslutter jeg at oprette den originale animation ved hjælp af mit navn. Derefter ville det være let at skifte designerens navn til de andre fire blink. Nu, hvor designet er bygget, er vi klar til at opbygge vores animation.

J3 Designs

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: How to Add Entrance Animations to Your WordPress Website Using Elementor Page Builder (Kan 2024).