Ako používať Photoshop a After Effects na vytváranie animovaných grafík

Ako používať Photoshop a After Effects na vytváranie animovaných grafík

Softvér spoločnosti Adobe vám umožňuje prenášať pracovné toky a prostriedky z jedného programu do druhého. Hoci bežnejšie využitie tejto krížovej práce je prostredníctvom Adobe Dynamic Link medzi Premiere Pro a After Effects, After Effects podporuje aj vrstvené súbory Photoshopu.





Je to dôležité, pretože After Effects sa menej zameriava na dizajn a manipuláciu s obrázkom. Ich importovaním do Photoshopu teda môžete pred animáciou vyladiť vrstvy svojej animovanej grafiky.





V tomto článku vám ukážeme, ako vytvoriť niekoľko fotografií do Photoshopu, manipulovať s nimi a pripravovať ich do vrstiev a potom ich importovať do After Effects na animáciu.





môžete dostať netflix na vypínač?

Príprava vašich snímok vo Photoshope

Začnime hľadaním obrázkov pre konečnú animovanú grafiku.

Pre svoj vlastný projekt môžete použiť čokoľvek, čo chcete. Ale v tejto prípadovej štúdii budú použité obrázky od spoločnosti Pexels. Existuje široká škála webové stránky, ktoré vám umožňujú sťahovať snímky bez licenčných poplatkov .



Keď nájdete požadované obrázky, vytvorte vo Photoshope nový obrázok. V ideálnom prípade chcete, aby rozmery vášho súboru Photoshop zodpovedali vášmu video výstupu. Ak teda vytvárate animáciu v HD, budete chcieť, aby rozmery plátna boli 1 920 pixelov na šírku a 1 080 pixelov na výšku.

Akonáhle máte načítané plátno HD, prineste stiahnuté snímky. V tomto prípade už boli pridané základné obrázky.





Ďalej vystrihneme predmety, zmeráme ich a pridáme niekoľko rekvizít a textu. Ak si nie ste istí, ako to urobiť, alebo sa trochu zaseknete, náš sprievodca základmi úprav Photoshopu by vám mal pomôcť nasmerovať vás správnym smerom.

Keď ste s úpravami spokojní, mali by ste mať základnú sadu obrázkov a vrstiev.





Príprava vašich vrstiev

V tomto prípade chceme, aby labka psa zasiahla podráždenú mačku na hlavu. Vyberme labku pomocou nástroj laso .

Po výbere kliknite pravým tlačidlom myši na klávesnicu a vyberte si Vrstva Via Cut . Z výberu, ktorým je v tomto prípade labka, sa teraz stane nová vrstva.

Keď už hovoríme o vrstvách, mali by ste každú z nich jasne premenovať. Potom budete vedieť, čo čomu zodpovedá. Príklad, ako to urobiť, je uvedený nižšie:

Nakoniec chcete, aby mačka reagovala na zásah psa labkou do hlavy. Skopírujme vrstvu s názvom Cat s názvom Cat_Normal a duplikát Cat_Bonked.

Pre vrstvu Cat_Bonked boli nakreslené googly oči, ktoré dodávajú extra efekt.

Takže teraz máte všetky prvky vašej grafiky. Uistite sa, že sú vaše vrstvy označené a že je všetko tam, kde chcete. Potom je čas začať animovať v After Effects.

Prenesenie súboru Photoshopu do efektov After Effects

Prvá vec je prvá: musíte sa uistiť, že sú vaše vrstvy uložené ako súbor .PSD. Hit Súbor> Uložiť ako . Štandardne sa uloží vo formáte .PSD. Takto sa potom importuje do After Effects z Photoshopu.

V tomto prípade sa súbor bude nazývať Dog_Cat_Animation.PSD.

Ďalej otvorte After Effects. Hit Súbor> Importovať> Súbor . Prejdite do svojho nového súboru .PSD, kde sa vám potom zobrazí dialógové okno. V Importovať druh v rozbaľovacej ponuke vyberte Zloženie - zachovať veľkosti vrstiev .

Tým sa importujú všetky jednotlivé vrstvy vášho súboru Photoshop, pričom sa zachová veľkosť zodpovedajúca rozmerom (preto ste na začiatku zvolili rozlíšenie HD). Hit OK .

Teraz by ste mali mať novú kompozíciu s rovnakým názvom ako váš súbor .PSD. Dvojitým kliknutím ho otvoríte. Každá z vašich vrstiev vo Photoshope je teraz vrstvou na vašej časovej osi kompozície.

Teraz môže animácia začať. Začnite presunutím textu nadpisu mimo obrazovku-bude animovaný tak, aby „spadol“ na obrazovku.

ako odstrániť kategórie v službe Steam

Poďme tiež presunúť našich chlpatých priateľov nadol; postupne sa presunú do rámca, keď text zapadne na svoje miesto.

Ak chcete ušetriť čas, stlačte Vrstva> Nový> Nulový objekt , a rodič Pes, Psia labka, Cat_Normal a Cat_Bonk sa do nej vrstvia.

Teraz akýkoľvek pohyb, ktorý použijete na nulový objekt, bude platiť pre všetky tieto.

Poďme definovať pohyb v spodnej časti kompozície v rámci 0 a postupne stúpať počas piatich sekúnd.

Nezabudnite, že do neho môžete pridať kľúčové snímky Pohyb parametre kliknutím na Stopky ikony tiež.

Ďalej animujme labku psa a reakciu mačky.

V Transformovať atribúty psej labkovej vrstvy, nastavte Kotviaci bod do spodnej časti psej nohy. Tým sa zabezpečí, že akákoľvek rotácia, ktorú animujete, sa otočí okolo tohto bodu, kde by kĺb kosti prirodzene bol.

Ďalej, v závislosti od toho, ako chcete, aby to vyzeralo, môžete buď vytvoriť kľúčovú snímku otáčania labky psa a pridať slučkový výraz, alebo použiť Wiggle - rotácia efekt na vytvorenie sady randomizovaných pohybov.

V súbore môžete nájsť rôzne efekty Efekty a predvoľby panel. Aplikujte potiahnutím na vrstvu a upravte parametre tak, aby sa určila rýchlosť a veľkosť otáčania vrstvy.

Nakoniec vytvorte efekt, keď je mačka zasiahnutá labkou psa, prestrihnutím medzi dva rámce, ktoré sme pripravili predtým, aby sa vytvorila ilúzia pohybu.

Animujte text a je to tam, máte svoju animovanú grafiku! Teraz ho môžete použiť kdekoľvek chcete.

Aj keď je to ťažšie predvádzať bez video ukážky, môžete si byť istí, že labka psa bije do mačky radostnou chuťou.

Spoločné používanie Photoshopu a After Effects

Toto bol rýchly prehľad o tom, ako vytvoriť vrstvený obrázok v programe Adobe Photoshop a neskôr animovať jednotlivé vrstvy a prvky v After Effects. Napriek tomu, že prípadová štúdia bola základná, môžete použiť tie isté kroky na vytvorenie komplexných vrstvených súborov, ktoré je možné animovať v After Effects.

Toto rýchle cvičenie by vám malo porozumieť tomu, ako je možné tieto dva programy skombinovať a vytvoriť tak úžasný obsah. Nezabudnite, že tento proces sa celý odohrával v dvoch dimenziách, aby bola situácia jednoduchá, ale buďte si istí, že vrstvy Photoshopu môžete animovať aj pomocou 3D pohybu.

zdieľam zdieľam Tweet E -mail Zadajte tretiu dimenziu: Práca s 3D pracovnými postupmi v programe Adobe After Effects

Ak chcete pracovať s 3D vrstvami v programe Adobe After Effects, ukážeme vám, ako začať.

Čítajte ďalej
Súvisiace témy
  • Kreatívny
  • Počítačová animácia
  • Adobe Photoshop
  • Grafický dizajn
O autorovi Laurie Jones(20 publikovaných článkov)

Laurie je redaktorka a spisovateľka videa, ktorá pracovala pre televíznu a filmovú televíziu. Žije v juhozápadnom Anglicku.

Viac od Laurie Jonesovej

prihlásiť sa ku odberu noviniek

Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné elektronické knihy a exkluzívne ponuky!

Kliknutím sem sa prihlásite na odber