Software společnosti Adobe umožňuje přenášet pracovní toky a prostředky z jednoho programu do druhého. Zatímco běžnější použití této spolupráce je prostřednictvím Adobe Dynamic Link mezi Premiere Pro a After Effects, After Effects podporuje také vrstvené soubory Photoshopu.
To je důležité, protože After Effects se méně zaměřuje na design a manipulaci s obrázky. Jejich importem prostřednictvím Photoshopu tedy můžete před animací vylepšit vrstvy své animované grafiky.
V tomto článku vám ukážeme, jak pořídit několik fotografií do Photoshopu, manipulovat s nimi a připravit je do vrstev a poté je importovat do After Effects pro animaci.
Příprava snímků ve Photoshopu
Začněme hledáním obrázků pro finální animovanou grafiku.
Pro svůj vlastní projekt můžete použít, co chcete. Ale v této případové studii budou použity obrázky z Pexels. Existuje široká škála webové stránky, které vám umožňují stahovat snímky bez licenčních poplatků.
Jakmile najdete požadované obrázky, vytvořte ve Photoshopu nový obrázek. V ideálním případě chcete, aby rozměry vašeho souboru Photoshopu odpovídaly vašemu video výstupu. Pokud tedy vytváříte animaci v HD, budete chtít, aby rozměry plátna byly 1 920 pixelů na šířku a 1 080 pixelů na výšku.
Jakmile načtete své HD plátno, přineste stažené snímky. V tomto příkladu již byly přidány základní obrázky.
Dále si vystřihneme předměty, zvětšíme je a přidáme rekvizity a text. Pokud si nejste jisti, jak to udělat, nebo se trochu zaseknete, náš průvodce základy úpravy Photoshopu by vám mělo pomoci nasměrovat vás správným směrem.
Jakmile budete s úpravami spokojeni, měli byste mít základní sadu obrázků a vrstev.
Příprava vrstev
V tomto příkladu chceme, aby psí tlapka zasáhla podrážděnou kočku po hlavě. Pojďme vybrat tlapku pomocí laso nástroj.
Po výběru klikněte pravým tlačítkem na klávesnici a vyberte Vrstva přes řez. Výběr, kterým je v tomto případě tlapa, se nyní stane novou vrstvou.
Když už mluvíme o vrstvách, měli byste každou z nich jasně přejmenovat. Pak budete vědět, co tomu odpovídá. Níže je uveden příklad toho, jak to provést:
Nakonec chcete, aby kočka reagovala na zásah psa tlapou do hlavy. Duplikujme vrstvu nazvanou Cat, pojmenujte jednu Cat_Normal a duplikujte Cat_Bonked.
U vrstvy Cat_Bonked byly nakresleny googly oči, které přidávají další efekt.
Takže teď máte všechny prvky vaší grafiky. Ujistěte se, že jsou vaše vrstvy označeny a vše je tam, kde chcete. Pak je čas začít animovat v After Effects.
Přineste svůj soubor Photoshopu do After Effects
První věc je první: musíte se ujistit, že jsou vaše vrstvy uloženy jako soubor .PSD. Udeřil Soubor> Uložit jako. Ve výchozím nastavení se uloží ve formátu .PSD. Takto se pak importuje do aplikace After Effects z Photoshopu.
V tomto příkladu se soubor bude jmenovat Dog_Cat_Animation. PSD.
Dále otevřete After Effects. Udeřil Soubor> Importovat> Soubor. Přejděte do nového souboru .PSD, kde se zobrazí dialogové okno. V Druh importu z rozevírací nabídky vyberte Složení - Zachovat velikosti vrstvy.
Tím se naimportují všechny jednotlivé vrstvy vašeho souboru Photoshopu, přičemž budou zachovány velikosti v souladu s rozměry (proto jste si na začátku vybrali rozlišení HD). Udeřil OK.
Nyní byste měli mít novou kompozici se stejným názvem jako váš soubor .PSD. Poklepáním jej otevřete. Každá z vašich vrstev z Photoshopu je nyní vrstvou na časové ose kompozice.
Nyní může začít animace. Začněte tím, že přesunete text nadpisu mimo obrazovku. Bude se animovat, aby „spadl“ na obrazovku.
Pojďme také přesunout naše chlupaté přátele dolů; jak text padne na místo, budou se postupně přesouvat do rámečku.
Chcete-li ušetřit čas, stiskněte Vrstva> Nový> Nulový objekta do ní vložte vrstvy Dog, Dog Paw, Cat_Normal a Cat_Bonk.
Nyní se jakýkoli pohyb, který použijete na nulový objekt, použije na všechny tyto.
Pojďme vytvořit klíčový snímek pohybu v dolní části kompozice v rámci 0 a postupný nárůst během pěti sekund.
Nezapomeňte, že můžete přidat klíčové snímky Pohyb parametry kliknutím na Stopky ikony také.
Dále oživme psí tlapu a reakci kočky.
V Přeměnit atributy vrstvy tlapky psa, nastavte Kotevní bod do dolní části nohy psa. Tímto způsobem zajistíte, že se každá rotace, kterou animujete, otáčí kolem toho bodu, kde by přirozeně byl kloub kosti.
Dále můžete podle toho, jak to má vypadat, vytvořit klíčový snímek rotace tlapky psa a přidat smyčkový výraz, nebo použít Kroutit - rotace efekt vytvořit sadu náhodných pohybů.
Různé efekty najdete v Efekty a předvolby panel. Aplikujte jej přetažením na vrstvu a úpravou parametrů určete rychlost a míru rotace vrstvy.
Nakonec vytvořte efekt, že kočka bude zasažena tlapou psa, a to tak, že proříznete mezi dvěma snímky, které jsme dříve připravili, abyste vytvořili iluzi pohybu.
Animujte v textu a tam to je, máte svoji animovanou grafiku! Nyní jej můžete použít kdekoli chcete.
I když je těžší demonstrovat bez příkladu videa, můžete si být jisti, že tlapka psa udeří kočku s radostnou chutí.
Společné používání Photoshopu a After Effects
Jednalo se o rychlý průchod, jak vytvořit vrstvený obrázek v Adobe Photoshopu a později animovat jednotlivé vrstvy a prvky v After Effects. Přestože se případová studie zaměřila na základní, můžete stejnými kroky vytvořit složité vrstvené soubory, které lze animovat v After Effects.
Toto rychlé cvičení by vám mělo pomoci pochopit, jak lze tyto dva programy spojit dohromady a vytvořit tak úžasný obsah. A nezapomeňte, že tento proces proběhl ve dvou dimenzích, aby to bylo jednoduché, ale buďte si jisti, že můžete také animovat vrstvy Photoshopu pomocí 3D pohybu.
Pokud chcete v aplikaci Adobe After Effects pracovat s 3D vrstvami, ukážeme vám, jak začít.
Přečtěte si další
- Tvůrčí
- Počítačová animace
- Adobe Photoshop
- Grafický design
Laurie je videoeditorka a spisovatelka, která pracovala pro televizní vysílání a film. Žije v jihozápadní Anglii.
Přihlaste se k odběru našeho zpravodaje
Připojte se k našemu zpravodaji s technickými tipy, recenzemi, bezplatnými elektronickými knihami a exkluzivními nabídkami!
Ještě jeden krok…!
V e-mailu, který jsme vám právě poslali, potvrďte svou e-mailovou adresu.