Photoshopin ja After Effectsin käyttäminen animoidun grafiikan luomiseen

Photoshopin ja After Effectsin käyttäminen animoidun grafiikan luomiseen

Adoben ohjelmiston avulla voit siirtää työnkulkuja ja resursseja ohjelmasta toiseen. Vaikka tämän ristityön yleisempi käyttö on Adobe Dynamic Linkin kautta Premiere Pron ja After Effectsin välillä, After Effects tukee myös kerrostettuja Photoshop-tiedostoja.





Tämä on tärkeää, koska After Effects keskittyy vähemmän suunnitteluun ja kuvankäsittelyyn. Joten tuomalla ne Photoshopin kautta voit hienosäätää animoidun grafiikan tasoja ennen animointia.





Tässä artikkelissa näytämme, kuinka voit ottaa useita valokuvia Photoshopiin, käsitellä ja valmistaa niitä kerroksiksi ja tuoda ne sitten After Effectsiin animointia varten.





miten aloittaa tumblr -blogi

Kuvien valmistelu Photoshopissa

Aloitetaan etsimällä kuvia viimeiseen animoituun grafiikkaan.

Omassa projektissasi voit käyttää mitä haluat. Mutta tässä tapaustutkimuksessa käytetään Pexelsin kuvia. On laaja valikoima sivustot, joiden avulla voit ladata rojaltittomia kuvia .



Kun olet löytänyt haluamasi kuvat, luo uusi kuva Photoshopissa. Ihannetapauksessa haluat, että Photoshop -tiedostosi mitat vastaavat videolähtöäsi. Joten jos tuotat animaatiota HD -muodossa, haluat, että kankaan mitat ovat 1 920 pikseliä ja 1 080 pikseliä.

Kun HD -kangas on ladattu, tuo ladatut kuvat sisään. Tässä esimerkissä peruskuvat on jo lisätty.





Seuraavaksi leikataan aiheet pois, skaalataan ja lisätään joitain rekvisiitta ja tekstiä. Jos et ole varma, miten tämä tehdään, tai huomaat olevasi hieman jumissa, oppaamme Photoshopin muokkauksen perusteista auttaa sinua osoittamaan oikeaan suuntaan.

Kun olet tyytyväinen muokkaamiseen, sinulla pitäisi olla perusjoukko kuvia ja tasoja.





Kerrosten valmistelu

Tässä esimerkissä haluamme, että koiran tassu osuu ärtyneen kissan päähän. Valitse tassu käyttämällä Lasso työkalu .

Kun olet valinnut, napsauta näppäimistöä hiiren kakkospainikkeella ja valitse Kerros leikkauksen kautta . Valinnasta, joka tässä tapauksessa on tassu, tulee nyt uusi kerros.

Tasoista puhuttaessa sinun tulee nimetä jokainen näistä uudelleen selvästi. Tiedä sitten mikä vastaa mitä. Alla on esimerkki tämän tekemisestä:

Lopuksi haluat, että kissa reagoi koiran tassun iskuun päähän. Kopioidaan kerros nimeltä Cat, jonka nimi on yksi Cat_Normal ja Cat_Bonked.

Cat_Bonked -kerroksessa googly -silmät on piirretty lisätehosteen lisäämiseksi.

Joten nyt sinulla on kaikki grafiikkasi elementit. Varmista, että tasosi on merkitty ja että kaikki on haluamassasi paikassa. Sitten on aika aloittaa animaatio After Effectsissä.

Photoshop -tiedoston saattaminen jälkiefekteihin

Ensimmäinen asia on ensin: sinun on varmistettava, että kerroksesi on tallennettu .PSD -tiedostona. Osuma Tiedosto> Tallenna nimellä . Oletuksena se tallentaa .PSD -muodossa. Näin se tuodaan After Effectsiin Photoshopista.

Tässä esimerkissä tiedoston nimi on Dog_Cat_Animation.PSD.

Avaa seuraavaksi After Effects. Osuma Tiedosto> Tuo> Tiedosto . Siirry uuteen .PSD -tiedostoon, jossa näet valintaikkunan. Kohteessa Tuo Kind avattavasta valikosta, valitse Koostumus - säilytä kerroskoot .

Tämä tuo kaikki Photoshop -tiedoston yksittäiset kerrokset pitäen koot mittojen mukaisina (siksi valitsit alussa HD -resoluution). Osuma OK .

Sinulla pitäisi nyt olla uusi sävellys samalla nimellä kuin .PSD -tiedostosi. Avaa se kaksoisnapsauttamalla sitä. Jokainen Photoshopin kerros on nyt taso koostumuksesi aikajanalla.

Nyt animointi voi alkaa. Aloita siirtämällä otsikkoteksti ruudun ulkopuolelle --- se animoidaan 'putoamaan' näyttöön.

milloin voit mennä livenä Tiktokiin

Siirretään myös karvaisia ​​ystäviämme alas; ne siirtyvät vähitellen kehykseen, kun teksti putoaa paikoilleen.

Säästä aikaa napsauttamalla Taso> Uusi> Nollaobjekti , ja vanhemmat koiran, koiran tassun, Cat_Normal- ja Cat_Bonk -kerrokset siihen.

Kaikki nollaobjektiin kohdistamasi liikkeet koskevat nyt kaikkia näitä.

Kehystetään liike sävellyksen alareunassa kehyksessä 0 ja nostetaan asteittain viiden sekunnin aikana.

Älä unohda, että voit lisätä avainkehyksiä Liike parametreja napsauttamalla Sekuntikello myös kuvakkeet.

Animoidaan seuraavaksi koiran tassu ja kissan reaktio.

Kohteessa Muuttaa määritä koiran tassukerroksen ominaisuudet Tukipiste koiran jalan pohjaan. Näin varmistat, että kaikki animaatiot pyörivät sen pisteen ympäri, jossa luun nivel luonnollisesti olisi.

Seuraavaksi, riippuen siitä, miltä haluat sen näyttävän, voit joko näppäillä kehyksen koiran tassun pyörimisen ja lisätä silmukoivan lausekkeen tai käyttää Heilutus - kierto luodaan joukko satunnaistettuja liikkeitä.

Löydät erilaisia ​​tehosteita Tehosteet ja esiasetukset paneeli. Vedä ja pudota se kerroksen päälle ja säädä parametreja kerroksen nopeuden ja pyörimismäärän määrittämiseksi.

Luo lopuksi se vaikutus, että kissa osuu koiran tassusta leikkaamalla kahden aiemmin valmistamamme kehyksen väliin luodaksemme liikkeen illuusion.

Animoi teksti ja siellä se on, sinulla on animoitu grafiikka! Nyt voit käyttää sitä missä haluat.

Vaikka sen esittäminen ilman videoesimerkkiä on vaikeampaa, voit olla varma, että koiran tassu iskee kissaa iloisella mielellä.

Photoshopin ja After Effectsin käyttö yhdessä

Tämä oli nopea läpimeno siitä, kuinka luoda kerrostettu kuva Adobe Photoshopissa ja myöhemmin animoida yksittäiset kerrokset ja elementit After Effectsissä. Vaikka tarkasteltava tapaustutkimus oli perus, voit käyttää samoja vaiheita monimutkaisten kerrostettujen tiedostojen luomiseen, joita voidaan animoida After Effectsissä.

Tämän nopean harjoituksen pitäisi antaa sinulle käsitys siitä, kuinka nämä kaksi ohjelmaa voidaan yhdistää toisiinsa upean sisällön luomiseksi. Älä unohda, että tämä prosessi on tapahtunut kahdessa ulottuvuudessa, jotta asiat pysyvät yksinkertaisina, mutta voit olla varma, että voit myös animoida Photoshop -tasot 3D -liikkeellä.

Jaa Jaa Tweet Sähköposti Anna kolmas ulottuvuus: Työskentely 3D -työnkulkujen kanssa Adobe After Effectsissä

Jos haluat työskennellä 3D -tasojen kanssa Adobe After Effectsissä, näytämme sinulle, miten pääset alkuun.

Lue seuraava
Liittyvät aiheet
  • Luova
  • Tietokoneanimaatio
  • Adobe Photoshop
  • Graafinen suunnittelu
Kirjailijasta Laurie Jones(20 artikkelia julkaistu)

Laurie on videon toimittaja ja kirjailija, joka on työskennellyt televisiolähetysten ja elokuvien parissa. Hän asuu Lounais -Englannissa.

Lisää Laurie Jonesilta

tilaa uutiskirjeemme

Liity uutiskirjeeseemme saadaksesi teknisiä vinkkejä, arvosteluja, ilmaisia ​​e -kirjoja ja ainutlaatuisia tarjouksia!

Klikkaa tästä tilataksesi