Oblikovanje utripa za Flash CS3 animacijo

• Maj 5, 2024

Lastnik J3 Designs me je prosil, naj ustvarim oglaševalsko sporočilo za njeno spletno mesto za digitalno beležko. Želela je ohraniti klasično eleganco blagovne znamke podjetja in mi dala komplet grafike, ki jo je že uporabila za svoj logotip. Ti so bili sestavljeni iz kameja, čipk, grunge ozadij, lok, suhega cvetja in dveh kapuc. Te grafike so bile prvotno ustvarjene pri 300 dpi in so bile zelo velike. Moja prva naloga je bila, da zmanjšam vsako grafiko na 72 dpi in na velikost, dovolj majhno, da jo lahko uporabim v utripaču velikosti 150 x 50 slikovnih pik. Iz tega testa bi lahko ugotovil, kateri od elementov bi se lahko uporabljal pri tako majhni velikosti, ne da bi pri tem izgubil preveč podrobnosti.

Presenetilo me je, da je večina elementov delovala odlično ob takšnem zmanjšanju velikosti, razen kameja in suhega cvetja. Ko se zmanjša na višino 50 slikovnih pik, se je večina elementov izgubila iz teh elementov. Toda cameo je bil tako pomemben del logotipa, odločil sem se, da bom uporabil le zgornjo polovico kameja. S tem mi ni bilo treba zmanjšati slike na tako majhno velikost in sem shranil večino detajlov videa.

Dizajn sem začel graditi s statičnimi elementi ozadja. Ti elementi ne bi bili del animacije. Kot celoten sloj ozadja izberem eno od štirih grunge ozadij, vključenih v grafične vzorce. Naprej sem dodala čipko in cameo. Da bi prihranil prostor na vrhu utripa za animacijo besedila, sem postavil čipko pod kotom v spodnji levi kot. Za konec sem dodal še eno od obeh dam. Toda te dame so samo čakale, da bodo animirane.

Temelj animacije bi sestavljalo več besedilnih animacij. Ampak te dame so me nenehno gledale, zato sem se odločil dodati drugo animacijo, v kateri so igrale bobice. Med prevajanjem besedila bi bila ena plavža vidna, nato pa se bo druga dama pojavila izpod kamere. Končno bi skupaj odplaknili. Da bi to naredil, sem moral razbiti ozadje na več plasti. Prvi sloj ozadja bi bil grafik grungea. Druga bi bila čipka in cameo. Seveda sem potreboval PNG obeh dame, čipke in kamero, da sem ohranil preglednost Flash.

Torej, zdaj sem imel poleg svoje plasti animacije besedila štiri plasti, ki sem jih dodal pozneje.

Večina utripov na spletnih mestih za beležko je 150 x 50 slikovnih pik. To vam ne daje veliko prostora za zapleteno animacijo besedila. Za animiranje besedila sem se odločil, da bom uporabil vgrajene časovne učinke. Prvi del animacije bi bilo oblikovalčevo ime. Za to spletno mesto obstaja pet oblikovalcev, vključno z mano. Ker je bilo ime mojega podjetja najdaljše, se odločim, da bom s svojim imenom ustvaril izvirno animacijo. Potem bi bilo enostavno izstaviti ime oblikovalca za ostale štiri utripajoče. Zdaj, ko je zasnovana, smo pripravljeni zgraditi svojo animacijo.

J3 Dizajni

Avtorske pravice 2018 Adobe Systems Incorporated. Vse pravice pridržane. Posnetki zaslona izdelkov Adobe so bili ponatisnjeni z dovoljenjem 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, Fireworks, Prispevaj, Captivate, Flash Catalyst in Flash Paper so ali so [a] registrirana blagovna znamka (-e) ali blagovna znamka Adobe Systems Incorporated v Združenih državah Amerike in / ali drugih državah.