Animeeritud palmipuud rastergraafikast

• Mai 16, 2024

Kahes järgmises õpetuses animeerime palme Flashis^R CS5. See oli osa Flash-kaartide animatsioonist, mille lõin Pamela Gladding Ecards jaoks. Kunstiteos oli Louise Max, üks P G Ecards kunstnikest. Pamela tuli selle mälukaardi jaoks välja animatsiooni süžeeskeemiga ja üks esimesi ülesandeid oli rannas kahte palmipuud animeerida. Animatsioon jätkub kogu kaartide animatsiooni ajal ja ka pärast kaardi lõppemist.

Ma ei ole palmipuud näinud, seetõttu käisin Google'is ja otsisin tuule käes liikuvate palmipuude videoid. Kõigepealt märkate, et kui see pole orkaan, liigub palmipuu pagasiruum väga vähe. Kogu tegevus toimub peopesades, mis kõigutavad graatsiliselt tuult.

Kui e-mälukaardi kujundus saadeti mulle kihilisse Photoshopi faili, kopeeriti palmipuu peopesad (kõik ühes tükis) taustalt ja asetati läbipaistvale kihile. Niisiis, meil oli taustkiht, mis sisaldas kõike (taevas, liiv ja puud) ning kiht palmi rühmaga.

Sel hetkel oleks ainus viis peopesade animeerimiseks pöörata peopesade rühm taustal asuvas vahepealses kihis. Kuid see ei tunduks liiga realistlik. Esiteks kuvatakse peopesa kihi pöörlemisel esialgne peopesade rühm, mis on endiselt taustkihis. Teiseks, päriselus liigub iga peopesa individuaalselt ja mitte koos rühmana.

Kuna P G-kaartide jaoks antavad animatsioonid on loodud rastergraafikast, on animatsioonivõimalused piiratud vaster-animatsioonidega. Nii et mis tahes viisil saame animatsiooni ühe osa realistlikumaks muuta, aitab see e-kaardi üldmuljet jätta.

Saame luua realistlikuma animatsiooni, liigutades iga peopesa iseseisvalt. Nii et esimene ülesanne oli valida iga peopes ja asetada need oma läbipaistvale kihile. Üks trikk, mida olen aastate jooksul kasutanud, on suumimine, et suurendada soovitud ala ja kasutada Polygonal Lasso tööriista. Kuna peopesade värvid on nii sarnased, töötab see paremini kui kiirvaliku tööriist.

Nagu näete, lõigatakse peopesade alumine rühm ülaosas ära. See sirge serv oleks probleem, kui peopesad on animeeritud, näidates peopesade puuduvat osa pöörlemisel. Nii et meie järgmine samm oli kasutada üksikuid peopesa tükke, mis meil on olemas, nende ülemiste peopesade puuduva teise osa täitmiseks.

Lõpuks tahame taustpildi jaoks peopesad eemaldada ja täita tühjad augud taevas, mis tekkisid siis, kui peopesad taustalt eemaldasime. Kuna taevas on peaaegu ühtlase värvusega, saame puuduva taeva hõlpsaks asendamiseks kasutada rakendust Content Aware Fill.

Nüüd oleme valmis peopesasid animeerima.

Järgmine →

Vaadake valmiskaart Pamela Gladdingi kaartide juures

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: Mõõda targalt! (Joonmeedia animeeritud-selgitav video) (Mai 2024).