Kuinka tehdä yksinkertainen animaatio Adobe Illustratorilla ja After Effectsillä

Oletko koskaan tehnyt upeaa kuvitusta Adobe Illustratorilla ja miettinyt, mitä muuta voit tehdä sillä? Voit tuoda sen After Effectsiin ja muuttaa siitä upean animaation. Seuraa, kuinka helppoa se voi olla.

Luo kuvitus Adobe Illustratorissa

On olemassa erilaisia ​​tapoja luoda kuvitus tulevaa animaatiota varten. Adobe Illustrator tarjoaa sinulle intuitiivisia kuvitusratkaisuja, jotka voidaan helposti tuoda ja ymmärtää After Effectsissä. Voisit myös käytä Photoshopia luodaksesi sommitelman After Effectsille, mutta keskitymme työskentelemään Illustratorin kanssa.

Kun luot Illustrator-dokumenttia, aseta se aiottelemasi videon koon mukaan (käytämme 1920 x 1080). Aloita uusi asiakirja napsauttamalla Uusi tiedosto ja valitse mittasi. Klikkaus OK ja olet valmis aloittamaan suunnittelun.

Käytä yksinkertaisia ​​muotoja

Todellinen etu Illustratorin käyttämisestä animaatiosuunnittelussa on pathfinder-vaihtoehdot. Voit suunnitella käyttämällä yksinkertaisia ​​muotoja, kuten ellipsiä tai suorakulmiota, ja käyttämällä polunetsintätoimintoja voit helposti muuttaa yksinkertaiset muodot monimutkaisemmiksi kuviksi.

Yksinkertaisten, minimalististen muotojen käyttäminen kuvissa auttaa sinua myös animoinnissa. Yksinkertainen kuva on helpompi animoida kuin jotain paljon monimutkaisempaa. Huomaat todennäköisesti, että useimmat verkosta löytämäsi animaatiot ovat melko yksinkertaisia.

Minimalistinen väripaletti täydentää yksinkertaista animaatiota – olemme kirjoittaneet luomisoppaan automaattinen väripaletti Illustratorissa.

Työskentele erillisillä kerroksilla

Erillisten tasojen työstäminen Illustratorissa ei ole vain hyvä käytäntö, vaan se on olennainen osa kuvien tuomista After Effectsiin myöhemmin. Tasot säilyvät, ja voit helposti animoida kerros kerrokselta.

Jokaisen suunnittelusi elementin, jonka haluat animoida – tai et halua animoida – on oltava erillisellä tasolla. Jos elementti on monimutkainen, mutta siinä ei ole yksittäisiä animoitavia osia, koko osion tulee olla samalla tasolla yhdessä. Jokainen taso tulee nimetä uudelleen, jotta voit seurata niitä kaikkia AE: ssä. Voit nimetä tason uudelleen kaksoisnapsauttamalla sen nykyistä nimeä.

Kun tuot kuvasi AE: hen, tiedoston ja tason mitat eivät pysy samoina – näin ollen pitämällä elementit oikeissa paikoissaan, mutta animaatioelementit erotetaan oikein toisistaan yhtä hyvin.

Illustrator-tiedoston tallentaminen

Kun kuvasi on valmis, siirry kohtaan Tiedosto > Tallenna nimellä ja tallenna se AI-tiedostona. Napsautuksen jälkeen Tallentaa, ponnahdusikkuna tulee näkyviin. Varmista, että Luo PDF-yhteensopiva tiedosto -ruutu on valittuna ja napsauta sitten OK.

Syy kuvien tallentamiseen AI-tiedostona on, että siitä tulee live-tiedosto. Jos loit animaation samasta tiedostosta, mutta huomaat myöhemmin, että haluat muuttaa kuvan väriä tai osaa, voit tehdä sen. Kaikki tekoälytiedostoon tallennetut muutokset näkyvät välittömästi After Effects -animaatiossa, kunhan käytät tekoälytiedostoa.

Tämä on vaihtoehto, jota et toivottavasti tarvitse, jos olet tehnyt kuvituksen haluamallasi tavalla. Mutta on hienoa, että meillä on mahdollisuus muuttaa näkökohtia tulevaisuudessa tarvittaessa.

Suunnittelun tuominen Adobe After Effectsiin

Kun AI-tiedostosi on tallennettu, on aika tuoda kuva After Effectsiin. AE: llä on kolme pääaluetta: projektipaneeli, aikajana ja kokoonpano. Kaksoisnapsauta Project-paneelia ja ponnahdusikkuna tulee näkyviin. Etsi Illustrator-tiedosto, valitse Tuo nimellä > Koostumus – Säilytä kerrosten kootja napsauta Tuonti. Varmista Luo sävellys on tarkistettu.

Kun se avautuu, näet kaksi tiedostovaihtoehtoa Projekti-paneelissa. Toinen on sävellystiedosto ja toinen erillisten kerrosten kansio. Sinun ei tarvitse käyttää kansiota. Vedä sävellystiedosto alas aikajanalle, niin kuvasi tulee näkyviin sommittelualueelle. Näet kaikki tasosi aikajanalla.

Voit säätää animaation kestoa pidentämällä tai vähentämällä aikajanan yläpuolella olevaa aikakaistaa. Tämä on videosi pituus, kun se viedään, mutta sitä voidaan muuttaa milloin tahansa suunnitteluprosessin aikana.

Muunna After Effectsissä

Aikajanalla jokainen taso voidaan animoida yksilöllisesti useilla eri siirtymävaihtoehdoilla. Näet siirtymät napsauttamalla pientä valkoinen nuoli tasolle ja napsauta sitten vieressä olevaa nuolta Muuttaa tarkastella ja muuttaa animaatiotyyppejä.

Näet nämä muunnosvaihtoehdot:

• Tukipiste
• asema
• Mittakaava
• Kierto
• Peittävyys

Jokaisen vaihtoehdon vieressä on joukko numeroita. Nämä luvut voivat olla prosentteja, koordinaatteja tai jotain muuta. Ne liittyvät kaikki vieressä olevaan Muunna-vaihtoehtoon. kun muutat osan animaatiostasi, luvut heijastavat muutosta.

Muunnosasetusten muuttaminen ei tee mitään ilman avainkehysten käyttöä. Ne ovat tärkein osa After Effectsin animaatiota.

Työskentely avainkehysten kanssa

Avainkehykset ovat vinoneliön muotoisia kuvakkeita, jotka edustavat aikailmaisimen Transform-elementtiä. Ennen kuin voit käyttää avainkehyksiä, sinun on painettava valitsemasi muunnosvaihtoehdon vieressä olevaa sekuntikellokuvaketta – se toimii kytkimenä ja tunnistaa, että muunnosvaihtoehtoa käytetään.

Kun sekuntikello on päällä, voit siirtää ajan ilmaisimen – pystysuoran sinisen viivan, jonka yläosassa on välilehti – animaation aikajanallasi paikkoihin, joissa haluat animaatioelementtien näkyvän. Numeroparametrien muuttaminen lisää avainkehyksen. Joissakin muunnosasetuksissa, kuten Scale tai Position, voit myös siirtää elementtiä käsin sommitteluikkunassa numeroiden muuttamisen sijaan.

Aina kun siirrät ajan ilmaisinta ja muutat sitten muunnosparametria, se lisää avainkehyksen. Voit siirtää avainkehyksiä niiden paikoista ja parametri siirtyy kohtaan, johon asetat avainkehyksen.

Voit myös kopioida ja liittää avainkehyksen, joka näkyy toisessa tasossa. Jos esimerkiksi haluat useiden tasojen liikkuvan samanaikaisesti, voit kopioida yhden tason Position keyframes ja liittää ne sitten toiseen tasoon. Ne liitetään sinne, missä ajan ilmaisin on. Kun valitset useita tasoja kerralla ja lisäät avainkehykset yhteen, sama avainkehys asetetaan kaikille valituille tasoille.

Easy Easyn käyttäminen

Easy Ease -toimintoa käytetään yleisesti, mutta mitä se tekee? Vihje on jossain määrin nimessä - se helpottaa animaatioelementtejä.

Easy Easen lisääminen avainkehykseen tekee Transform-vaihtoehdosta luonnollisemman helppouden äkillisen lopetuksen (tai alun) sijaan. Se on hyvin hienovarainen ero, mutta se on luultavasti lisää asiantuntemusta animaatioihisi.

Käytä Easy Easea napsauttamalla hiiren kakkospainikkeella mitä tahansa avainkehystimanttia ja siirry kohtaan Keyframe Assistant > Easy Easy. Voit myös käyttää pikakuvaketta F9 toteuttaa Easy Easy. Avainkehyksen timantti muuttuu tiimalasin muotoiseksi edustamaan Easy Easea.

Animaatiosi vienti

Kun olet lopettanut animoinnin After Effectsissä ja olet tyytyväinen siihen, miltä se näyttää, sinun on tallennettava videosi. Sinä pystyt käytä laajennuksia, kuten LottieFiles, luodaksesi Lottie-animaatioita videostasi tai voit viedä videona eri renderöintivaihtoehdoilla.

Mene Tiedosto > Vie > Lisää renderöintijonoon. Valitse tulostuskohde ja napsauta Renderöi. Voit jättää animaatiosi renderöimään ilman valvontaa; riippuen sen pituudesta ja elementtien lukumäärästä, se voi kestää hetken. Kun se on renderöity, sinulla on animaatiovideosi.

Muuta Illustrator-taidettasi After Effectsillä

Voit maksimoida Adobe Illustrator -taitosi muuttamalla yksinkertaisen kuvituksen vaikuttavaksi animaatioksi. Kun käytät Illustratorin pathfinder-työkalua ja tasoja, arvostat työkalua sen jälkeen, kun olet tuonut sen After Effectsiin. Seuraa tätä opasta ja tee hieno animaatio.

Yli 75 Adobe After Effects -pikanäppäintä, jotka helpottavat elämääsi

Lue Seuraava

Kirjailijasta