Rasteroidun grafiikan animoidut palmut

• Saattaa 5, 2024

Kahdessa seuraavassa opetusohjelmassa animoimme palmuja Flashilla^R CS5. Tämä oli osa Flash eCard -animaatiota, jonka luin Pamela Gladding Ecards -kortille. Taideteos oli Louise Max, yksi P G Ecards -taiteilijoista. Pamela keksi tämän kortin animaatiopöydän, ja yksi ensimmäisistä tehtävistä oli animoida kaksi palmua rannalla. Tämä animaatio jatkuu koko eCard-animaation ajan ja myös kortin päättymisen jälkeen.

En ole nähnyt palmua, joten kävin Googlessa ja etsin videoita tuulen liikkuvista palmuista. Ensin huomaat, että palmurunko liikkuu hyvin vähän, ellei se ole hurrikaania. Kaikki toiminta tapahtuu kämmenissä, jotka hierovat sulavasti tuulessa.

Kun e-kortin taideteos lähetettiin minulle sähköpostitse kerrostettuun Photoshop-tiedostoon, palmujen kämmenet kopioitiin (kaikki yhtenä kappaleena) taustasta ja asetettiin läpinäkyvälle kerrokselle. Joten, meillä oli taustakerros, joka sisälsi kaiken (taivas, hiekka ja puut) ja kerroksen palmujen kanssa.

Tässä vaiheessa ainoa tapa animoida kämmenet olisi kääntää kämmenryhmä tween-kerroksessa taustan yläpuolella. Se ei kuitenkaan vaikuttaisi liian realistiselta. Ensinnäkin alkuperäinen kämmenryhmä, joka on edelleen taustakerroksessa, näkyy kämmenkerroksen pyöriessä. Toiseksi, tosielämässä kukin kämmen liikkuu erikseen eikä yhdessä ryhmänä.

Koska P G -korttien eCard-animaatiot luodaan rasterigrafiikasta, animaatiomahdollisuudet ovat rajoitetut verrattuna vasterianimaatioihin. Joten miten voimme tehdä yhden osan animaatiosta realistisemman, se auttaa e-kortin luomaa kokonaiskuvaa.

Voimme luoda realistisemman animaation siirtämällä kutakin kämmenä itsenäisesti. Joten ensimmäinen tehtävä oli valita kukin kämmen ja sijoittaa ne omalle läpinäkyvälle kerrokselleen. Yksi temppu, jota olen käyttänyt vuosien varrella, on zoomata suurentaaksesi valitsemasi aluetta ja käyttää Polygonal Lasso -työkalua. Koska kämmenten värit ovat niin samankaltaisia, tämä toimii paremmin kuin pikavalintatyökalu.

Kuten näette, alkuperäinen kämmenryhmä on leikattu ylhäältä. Tämä suora reuna olisi ongelma, kun kämmenet animoituvat, jolloin kämmenten puuttuva osa näkyy pyöriessä. Joten seuraava askel oli käyttää yksittäisiä kämmenkappaleita, joita meillä on käytettävissä, täyttämään puuttuva toinen näistä yläpalmuista.

Lopuksi haluamme poistaa taustakuvan kämmenet ja täyttää tyhjät taivaanreiät, jotka syntyivät, kun poistimme kämmenet taustasta. Koska taivas on melkein yksivärinen, voimme käyttää Content Aware Fill -tapahtumaa korvaamaan puuttuvan taivaan helposti.

Nyt olemme valmiit animoimaan kämmenet.

Seuraava →

Näytä valmis kortti Pamela Gladding -kortteilla

Tekijänoikeus 2018 Adobe Systems Incorporated. Kaikki oikeudet pidätetään. Adobe-tuotteen näyttökuva (t) uusitaan Adobe Systems Incorporatedin luvalla. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Ilotulitteet, Contribute, Captivate, Flash Catalyst ja Flash Paper on / on joko [a] rekisteröity tavaramerkki (t) tai Adobe Systems Incorporatedin tavaramerkki (t) Yhdysvalloissa ja / tai muissa maissa.