Flash CS3 animatsiooni jaoks blinkie kujundamine

• Aprill 25, 2024

J3 Designsi omanik palus mul luua oma digitaalse scrapbookingu veebisaidi reklaamivink. Ta soovis säilitada ettevõtte kaubamärgi klassikalist elegantsi ja kinkis mulle graafikakomplekti, mida ta oli juba oma logo jaoks kasutanud. Need koosnesid cameo'st, pitsist, grunge taustast, vibust, kuivatatud lilledest ja kahest lepatriinust. Need graafikad loodi algselt 300 dpi ja olid väga suured. Minu esimene ülesanne oli vähendada iga graafikat 72 dpi-ni ja piisavalt väikeseks, et seda saaks kasutada 150 x 50 pikslistes piltides. Selle testi abil sain ma kindlaks teha, milliseid elemente saab kasutada nii väikeste mõõtmetega, kaotamata nende detailidest liiga palju.

Ma olin üllatunud, et enamik elemente, välja arvatud cameo ja kuivatatud lilled, toimisid sellise suuruse vähendamise korral kenasti. 50 piksli kõrguseks vähendades kaotas enamik elemente neist elementidest. Kuid cameo oli logo oluline osa, otsustasin kasutada ainult cameo ülemist poolt. Seda tehes ei pidanud ma pilti nii väikeseks vähendama ja salvestasin suurema osa kameo detailidest.

Hakkasin kujundust ehitama staatiliste taustaelementidega. Need elemendid ei kuuluks animatsiooni. Üldise taustakihina valin ühe graafilistes proovides sisalduva neljast grunge taustast. Järgmisena lisasin pitsi ja kameet. Teksti animatsiooni jaoks blinkie ülaosas ruumi säästmiseks paigutasin pitsi vasakusse alanurka nurga all. Lõpuks lisasin ühe kahest lepatriinust. Kuid need lepatriinud lihtsalt ootasid animeerimist.

Animatsiooni aluse moodustaksid mitmed tekstianimatsioonid. Kuid need lepatriinud vaatasid mind endiselt, nii et otsustasin lisada teise animatsiooni, mille peaosas olid lepatriinud. Üks lepatriinu oleks tekstianimatsiooni ajal nähtav ja teine ​​lepatriinu ilmuks kama alt. Lõpuks indekseeriksid nad koos. Selleks oli mul vaja taustakiht mitmeks kihiks jagada. Esimene taustakiht oleks grunge-graafika. Teine oleks pits ja cameo. Muidugi vajasin Flashi läbipaistvuse säilitamiseks mõlema lepatriinu, pitsi ja cameo PNG-sid.

Niisiis, mul oli nüüd blinkie peale neli animatsiooni kihti lisaks tekstianimatsiooni kihile, mille hiljem lisan.

Enamik pilte scrapbooking-saitidel on 150 x 50 pikslit. See ei anna keeruka tekstianimatsiooni jaoks palju ruumi. Otsustasin teksti animeerimiseks kasutada sisseehitatud ajajoone efekte. Animatsiooni esimene osa oleks kujundaja nimi. Sellel veebisaidil on viis disainerit, sealhulgas mina. Kuna minu ärinimi oli kõige pikem, otsustasin luua originaalse animatsiooni oma nime abil. Siis oleks hõlpsalt ülejäänud nelja pilguga disainerinimi välja vahetatud. Nüüd, kui kujundus on üles ehitatud, oleme valmis oma animatsiooni üles ehitama.

J3 kujundused

Autoriõigus 2018 Adobe Systems Incorporated. Kõik õigused kaitstud. Adobe toote ekraanipilt (ed) kordustrükis Adobe Systems Incorporated loal. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper on / on kas [a] registreeritud kaubamärk (id) või Adobe Systems Incorporated'i kaubamärk (id) Ameerika Ühendriikides ja / või teistes riikides.

Video Juhiseid: How to do easy Animation in animation on Flash CS3 Pro (Aprill 2024).