Dizajniranje treptaja za Flash CS3 animaciju

• Travanj 25, 2024

Vlasnik J3 Designs tražio je da napravim reklamni blinkie za njezinu web stranicu s digitalnim scrapbookingom. Željela je održati klasičnu eleganciju marke tvrtke i dala mi je grafiku koju je već koristila za svoj logo. Sastojile su se od kamena, čipke, grunge pozadine, luk, suho cvijeće i dvije dame. Te su grafike izvorno nastale pri 300 dpi i bile su vrlo velike. Dakle, moj prvi zadatak bio je smanjiti svaku grafiku na 72 dpi i na veličinu dovoljno malu za upotrebu u blinkieju od 150 x 50 piksela. Iz ovog testa, mogao sam utvrditi koji se od elemenata može koristiti pri tako maloj veličini, a da pri tome ne izgubim previše detalja.

Iznenadilo me je što je većina elemenata dobro funkcionirala na takvom smanjenju veličine, osim kamena i suhog cvijeća. Nakon smanjenja na visinu od 50 piksela većina detalja je izgubljena iz tih elemenata. No, cameo je bio tako važan dio logotipa, odlučio sam upotrijebiti samo gornju polovicu cameoa. Radeći to, nisam trebao smanjiti sliku na tako malu veličinu i spremio sam većinu detalja.

Počeo sam graditi dizajn sa statičkim elementima pozadine. Ti elementi ne bi bili dio animacije. Kao cjelokupni sloj pozadine odabirem jednu od četiri grunge pozadine uključene u grafičke uzorke. Dalje sam dodala čipku i cameo. Da bih uštedio prostor na vrhu treptaja za animaciju teksta, postavio sam čipku pod kutom u donji lijevi kut. Na kraju sam dodao i jednu od dvije damice. Ali te su damice samo čekale animiranje.

Temelj animacije sastojao bi se od nekoliko tekstualnih animacija. Ali te su me bubice neprestano gledale, pa sam odlučio dodati drugu animaciju u kojoj glumim dame. Jedna će bubnja biti vidljiva tijekom animacije teksta, a druga će se pojaviti ispod kamena. Napokon bi zajedno puzali. Da bih to učinio, morao sam rastaviti pozadinski sloj na nekoliko slojeva. Prvi sloj pozadine bio bi grunge grafika. Druga bi bila čipka i cameo. Naravno, trebali su mi PNG-ovi obje dame, čipka i cameo kako bih održao transparentnost u Flash-u.

Dakle, sada sam imao četiri sloja za svoj blinkie, osim sloja za animaciju teksta, koji bih dodao kasnije.

Većina treperavih mjesta na scrapbookingu iznosi 150 x 50 piksela. To vam ne daje puno prostora za kompliciranu animaciju teksta. Odlučio sam koristiti ugrađene efekte vremenske trake za animiranje teksta. Prvi dio animacije bio bi ime dizajnera. Postoji pet dizajnera za ovu web stranicu, uključujući mene. Kako je ime moje tvrtke bilo najduže, odlučujem stvoriti originalnu animaciju koristeći svoje ime. Tada bi bilo lako zamijeniti ime dizajnera za ostala četiri treptaja. Sad kad je dizajniran, spremni smo izgraditi našu animaciju.

J3 dizajni

Autorska prava 2018. Adobe Systems Incorporated. Sva prava pridržana. Snimke zaslona Adobe proizvoda preispisane su uz dozvolu tvrtke 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, Contribute, Captivate, Flash Catalyst i Flash Paper je ili su [a] registrirani zaštitni znak (i) ili zaštitni znak (Adobe) tvrtke Adobe Systems Incorporated u Sjedinjenim Državama i / ili drugim zemljama.

Upute Video: Photoshop - Timeline (video animacija) (Travanj 2024).