Proiectarea unui Blinkie pentru Flash CS3 Animation

• Mai 5, 2024

Proprietarul J3 Designs mi-a cerut să creez un blinkie publicitar pentru site-ul ei digital de scrapbooking. A vrut să mențină eleganța clasică a mărcii companiei și mi-a oferit un set de elemente grafice pe care le folosise deja pentru logo-ul ei. Acestea au constat dintr-un cameo, dantelă, fundal grunge, arcul, flori uscate și două puieturi. Aceste grafice au fost create inițial la 300 dpi și erau foarte mari. Așadar, primul meu job a fost să reduc fiecare grafic la 72 dpi și o dimensiune suficient de mică pentru a fi folosit într-un blinkie de 150 x 50 pixeli. Din acest test, am putut determina care dintre elemente pot fi utilizate la o dimensiune atât de mică, fără a pierde prea mult din detaliile lor.

Am fost surprins că majoritatea elementelor au funcționat bine la o astfel de reducere a dimensiunii, cu excepția camei și a florilor uscate. Când au fost reduse la o înălțime de 50 de pixeli, majoritatea detaliilor s-au pierdut din aceste elemente. Dar cameo a fost o parte atât de importantă a logo-ului, am decis să folosesc doar jumătatea superioară a camei. Făcând acest lucru, nu a fost nevoie să reduc imaginea la o dimensiune atât de mică și am salvat cea mai mare parte a detaliilor din cameo.

Am început să construiesc designul cu elementele de fundal static. Aceste elemente nu ar face parte din animație. Am ales unul dintre cele patru fundaluri grunge incluse în probele grafice ca strat de fundal general. În continuare am adăugat dantela și cameo. Pentru a salva spațiul din partea de sus a clipului pentru animarea textului, am așezat dantela într-un unghi în colțul din stânga jos. În cele din urmă, am adăugat una dintre cele două buburuze. Dar acele buburuze abia așteptau să fie animate.

Fundația animației ar fi alcătuită din mai multe animații text. Dar acei ladybugs continuau să mă privească, așa că am decis să adaug o a doua animație în care joacă ghioceii. O singură buburuză va fi vizibilă în timpul animației textului, iar cea de-a doua maruntă va apărea de sub cameo. În cele din urmă, se vor târâ împreună. Pentru a face acest lucru, a trebuit să despărțesc stratul de fundal în mai multe straturi. Primul strat de fundal ar fi graficul grunge. Al doilea ar fi dantela și cameo. Bineînțeles, aveam nevoie de PNG-uri atât de ladybugs, dantelă și cameo pentru a menține transparența în Flash.

Deci, acum aveam patru straturi la blinkie, pe lângă stratul de animație text, pe care l-aș adăuga mai târziu.

Majoritatea clipurilor de pe site-urile de scrapbooking sunt de 150 x 50 pixeli. Aceasta nu vă oferă mult spațiu pentru o animație text complicată. Am decis să folosesc efectele de timp încorporate pentru a anima textul. Prima parte a animației ar fi numele designerului. Există cinci proiectanți pentru acest site web, inclusiv eu. Deoarece numele meu de afaceri a fost cel mai lung, am decis să creez animația originală folosind numele meu. Apoi, ar fi ușor să schimbați numele designerului pentru celelalte patru clipiri. Acum că designul este construit, suntem gata să ne construim animația.

J3 Proiecte

Copyright 2018 Adobe Systems Incorporated. Toate drepturile rezervate. Captura (ecranele) de produs Adobe tipărite cu permisiunea Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Elementele Premiere, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst și Flash Paper este / sunt [o] marcă înregistrată [sau] sau o marcă comercială a Adobe Systems Incorporated în Statele Unite și / sau în alte țări.