Animirane palme iz rasterske grafike

• Svibanj 1, 2024

U sljedeće dvije udžbenike ćemo animirati palme u Flash-u^R CS5. To je bilo dio Flash ecard animacije koju sam stvorio za Pamela Gladding Ecards. Umjetničko djelo radila je Louise Max, jedna od umjetnica na P G Ecards. Pamela je smislila ploču s animacijom za ovu karticu, a jedan od prvih zadataka bio je animirati dvije palme na plaži. Ta će se animacija nastaviti tijekom cijele animacije na kartici, a također i nakon završetka kartice.

Nisam vidio palmu, pa sam otišao do Googlea i tražio video zapise palmi koje se kreću na vjetru. Ono što ćete prvo primijetiti je da se, osim ako nije uragan, deblo palme pomiče vrlo malo. Sva radnja je u dlanovima koji graciozno njišu na vjetru.

Kad su mi umjetnički radovi na čestitki poslani u slojevitu Photoshop datoteku, dlanovi palme kopirani su (sve u jednom komadu) iz pozadine i stavljeni na prozirni sloj. Dakle, imali smo pozadinski sloj koji je sadržavao sve (nebo, pijesak i drveće) i sloj s grupom dlanova.

U ovom trenutku, jedini način animiranja dlanova bilo bi rotiranje grupe dlanova u sloju koji se nalazi između pozadine. Međutim, to ne bi izgledalo previše realno. Prvo, izvorna skupina dlanova, koja je još uvijek u pozadinskom sloju, prikazat će se kako se sloj dlanova rotira. Drugo, u stvarnom životu svaki se dlan kreće pojedinačno, a ne zajedno kao skupina.

Budući da su animacije za kartice na P G karticama kreirane iz rasterske grafike, mogućnosti animacije su ograničene u odnosu na vater animaciju. Na taj način bilo koji način da jedan dio animacije učinimo realnijim pomoći će cjelokupnom dojmu koji je stvorila čestitka.

Realniju animaciju možemo stvoriti pomicanjem svakog dlana neovisno. Dakle, prvi zadatak bio je odabrati svaki dlan i staviti ih na vlastiti prozirni sloj. Jedan trik koji sam koristio tijekom godina je zumiranje da biste povećali područje koje želite odabrati i koristiti alat Polygonal Lasso. Budući da su boje na dlanovima toliko slične, to djeluje bolje od alata za brzi odabir.

Kao što vidite, originalna skupina dlanova odrezana je na vrhu. Ovaj ravni rub mogao bi predstavljati problem prilikom animiranja dlanova, pokazujući manjkavi dio dlanova dok se okreću. Dakle, naš sljedeći korak bio je korištenje pojedinačnih komada dlanova koje imamo na raspolaganju za popunjavanje nedostajuće sekunde ovih gornjih dlanova.

Napokon, za pozadinsku sliku želimo ukloniti dlanove i popuniti prazne rupe na nebu stvorene kad smo dlanove uklonili iz pozadine. Budući da je nebo gotovo pune boje, možemo upotrijebiti Content Aware Fill da lako zamijenimo nedostajuće nebo.

Sada smo spremni animirati dlanove.

Sljedeće →

Pogledajte Gotovu karticu na karticama Pamela Gladding

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 ili zaštitni znak tvrtke Adobe Systems Incorporated u Sjedinjenim Državama i / ili drugim zemljama.

Upute Video: T&T #4 - Rasterska i vektorska grafika (Svibanj 2024).