Animirane palme iz rastrske grafike

• April 26, 2024

V naslednjih dveh vajah bomo v Flashu animirali palme^R CS5. To je bilo del animacije Flash ecard, ki sem jo ustvarila za kartice Pamela Gladding. Umetniško delo je napisala Louise Max, ena od umetnic na P G Ecards. Pamela je za to voščilnico izmislila tablico za animacijo, ena prvih nalog pa je bila animiranje dveh palm na plaži. Ta animacija se bo nadaljevala skozi celotno animacijo kartice in tudi po koncu kartice.

Nisem še videl palme, zato sem šel v Google in iskal video posnetke palm, ki se premikajo po vetru. Najprej boste opazili, da se deblo palme, razen če je orkan, premakne zelo malo. Vse dejanje je v dlaneh, ki graciozno vihrajo v vetru.

Ko so mi umetniško delo za kartico poslali v večplastno datoteko Photoshop, so dlani prepisali (vse v enem kosu) iz ozadja in jih postavili na prozorno plast. Tako smo imeli plast ozadja, ki je vsebovala vse (nebo, pesek in drevesa) in plast s skupino dlani.

Na tem mestu bi bil edini način za animiranje dlani vrtenje skupine dlani v tivem sloju nad ozadjem. Vendar to ne bi bilo videti preveč realistično. Najprej se bo prikazala prvotna skupina dlani, ki je še vedno v sloju ozadja, ko se plast dlan vrti. Drugič, v resničnem življenju se vsaka dlan giblje posamezno in ne skupaj kot skupina.

Ker so animacije za razglednice za kartice G G ustvarjene iz rastrske grafike, so možnosti animacije v primerjavi z vater animacijo omejene. Tako bomo lahko s pomočjo katerega koli dela animacije naredili bolj realističen celoten vtis, ki ga ustvari kartica.

Realnejšo animacijo lahko ustvarimo s premikanjem vsake dlani. Prva naloga je bila torej izbrati vsako izmed dlani in jih postaviti na svoj prosojni sloj. Eden od trikov, ki sem jih uporabil v preteklih letih, je povečevanje obsega, da povečate območje, ki ga želite izbrati in uporabiti orodje Polygonal Lasso. Ker so barve na dlaneh tako podobne, to deluje bolje kot orodje za hitro izbiranje.

Kot vidite, je prvotna skupina dlani odrezana na vrhu. Ta raven rob bi bil težava, kadar so dlani animirani, prikaže pa manjkajoči del dlani, ko se vrtijo. Naslednji korak je bil, da uporabimo posamezne kose dlani, ki jih imamo na voljo, da zapolnimo manjkajočo sekundo teh zgornjih dlani.

Nazadnje bomo za sliko v ozadju želeli odstraniti dlani in zapolniti prazne luknje na nebu, ki so nastale, ko smo dlani odstranili iz ozadja. Ker je nebo skoraj trdne barve, lahko z vsebinsko zavestno polnitvijo enostavno nadomestimo manjkajoče nebo.

Zdaj smo pripravljeni animirati dlani.

Naslednji →

Oglejte si gotovo kartico na kartici Pamela Gladding

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.

Navodila Video: T&T #4 - Rasterska i vektorska grafika (April 2024).