REC

Tipy pro Video, Videoprodukce, Editace videa a Natáčecí Zařízení.

 WTVID >> Průvodce videoprodukcí >  >> Editace videa >> Software pro Úpravu Videa

Animace hladké cesty v After Effects:Průvodce krok za krokem

Animace cesty je účinný způsob, jak oživit pohyblivou grafiku – jako je animace log, navádění šipek po trase nebo přirozeného pohybu ikon po obrazovce.

V After Effects můžete tyto plynulé zakřivené pohyby vytvářet pomocí nástroje Pero, který vám umožní kreslit vlastní cesty a připojovat k nim objekty.

V této příručce se naučíte, jak animovat po cestě krok za krokem, plus alternativní editor, který poskytuje stejný výsledek s menším počtem kroků. Začněme..

Animace hladké cesty v After Effects:Průvodce krok za krokem

Část 1. Před vytvořením objektu Následujte cestu v After Effects

Při nastavování animace musíte porozumět pracovnímu postupu, díky kterému bude objekt sledovat cestu v After Effects. Začněte tím, že určíte, jaký typ obsahu chcete vytvořit. Poté si naplánujte cestu a objekt, který se po ní bude pohybovat.

1. Hlavní nástroj:Nástroj pero

Nástroj Pero je hlavním nástrojem pro kreslení cest pohybu v After Effects. Můžete k němu také přistupovat stisknutím G na klávesnici. Nástroj Pero vám umožňuje vykreslit kotevní body, které tvarují, jak se objekt pohybuje, když se After Effects animuje podél cesty.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Každý bod definuje část cesty a pochopení toho, jak každé kliknutí funguje, způsobí, že proces animace bude plynulejší. Zde jsou tři hlavní režimy kliknutí:

  • ​​Jedno kliknutí:Přidá rovné kotevní body pro lineární cesty. To funguje dobře, když chcete rovnoměrný nebo mechanický pohyb, jako je jízda auta po rovné silnici.
  • Klikněte a přetáhněte:Vytváří zakřivené kotevní body pro hladší oblouky. Tažením se upravují úchyty směru, což vám dává větší kontrolu nad tím, jak se cesta ohýbá mezi body.
  • Možnost přidržení (nebo Alt v systému Windows):Upraví úchyt křivky nebo změní křivku na špičatý roh. To vám pomůže ovládat, jak se cesta ohýbá nebo zatáčí.

Při kreslení si zkuste představit, jak se váš objekt pohybuje prostorem. Jakmile bude cesta vypadat správně, použijete ji k tomu, aby After Effects přesunul objekt po cestě (to bude vysvětleno v části 2).

After Effects má také možnost Auto-Orient, kterou můžete povolit, aby objekt směřoval ve směru pohybu. Udržuje pohyb plynulý a pomáhá každé zatáčce či zatáčce přirozeně plynule podél cesty.

2. Připravte objekt k animaci

Před tím, než objekt bude sledovat cestu v After Effects, nastavte objekt, který chcete přesunout. Můžete animovat jakýkoli prvek, jako je šipka, letadlo, auto nebo textová ikona, pokud se to hodí k vaší scéně.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Použijte jednoduchou grafiku, která se hodí ke stylu vašeho projektu. Pro jasné výsledky použijte soubor .PNG s průhledným pozadím, aby úhledně splynul s vaším záznamem. Pokud ještě nemáte správnou ikonu, můžete online najít spoustu bezplatných a vysoce kvalitních prostředků.

Zde je několik důvěryhodných zdrojů:

  • Flaticon – Skvělé pro ploché ikony, symboly a jednoduché ilustrace.
  • Pixabay – nabízí mnoho fotografií, ikon a průhledných souborů PNG vhodných pro různá témata.
  • Freepik – Skvělé pro upravitelné vektorové grafiky, ikony a designové balíčky, které dobře fungují v After Effects.

Před použitím děl ve videu vždy zkontrolujte licenční podmínky každého webu. Jakmile bude váš objekt připraven, pokračujeme k části 2, kde jej přesunete po cestě v After Effects.

Část 2. Jak animovat objekt podél cesty v After Effects

Nyní, když jste si připravili ikonu nebo objekt, pojďme jej animovat podél cesty v After Effects. V této části se dozvíte, jak nakreslit dráhu pohybu pomocí nástroje Pero. Navíc, jak ovládat způsob, jakým se váš objekt pohybuje po scéně.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Chcete-li, aby se objekt pohyboval po cestě v After Effects, postupujte podle níže uvedených pokynů:

Krok 1

Nakreslete cestu pohybu

Po vložení objektu do časové osy se ujistěte, že nejsou vybrány žádné další vrstvy. Tím zajistíte, že budete kreslit na nové vrstvě namísto úpravy stávající.

Vyberte nástroj pero (nebo zkratku G) z panelu nástrojů. Nastavte Výplň na Žádná a Tah na Plnou barvu. Upravte šířku tahu na přibližně 10–12 pixelů, aby bylo dobře vidět.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Chcete-li nakreslit cestu:

  • Kliknutím na kompozici umístěte kotevní body a nakreslete svou cestu.
  • Jedním kliknutím vytvoříte rovné body nebo kliknutím a tažením vytvoříte křivky pro hladší zatáčky.

Opakujte umístění bodů pokaždé, když chcete zatočit. Kotevní body a úchyty křivek můžete kdykoli upravit pomocí nástroje pro výběr (V) pro čistší pohyb.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Vyberte vrstvu tvaru, která obsahuje vaši cestu.

Rozbalte jeho možnosti kliknutím na šipku vedle ní a poté přejděte na Obsah> Tvar 1> Cesta 1. Kliknutím na Cesta ji zvýrazněte.

Stisknutím Command + C (nebo Ctrl + C ve Windows) jej zkopírujte. Tento krok uloží data cesty pohybu, abyste je mohli později použít na svůj objekt.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Krok 3

Použijte cestu k vašemu objektu

Vyberte vrstvu objektu a stiskněte P na klávesnici pro zobrazení vlastnosti Position. Klikněte na vlastnost Position a vložte cestu pomocí Command + V (nebo Ctrl + V ve Windows).

Animace hladké cesty v After Effects:Průvodce krok za krokem

Po vložení se ve vaší kompozici objeví čára; to je cesta pohybu. Klíčové snímky se také automaticky objeví na vaší časové ose.

Stisknutím mezerníku přehrajte animaci a uvidíte, že After Effects přesune objekt po cestě, kterou jste nakreslili.

Vrstvu tvaru můžete skrýt nebo odstranit dříve, protože ji již nebudete potřebovat.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Krok 4

Upravte rychlost a časování

Délka animace závisí na vzdálenosti mezi prvním a posledním klíčovým snímkem. Chcete-li změnit časování:

  • Posunutím posledního klíčového snímku dále na časové ose zpomalíte pohyb.
  • Přesuňte jej blíže, abyste zrychlili animaci.

Tento ovládací prvek vám umožňuje sladit pohyb objektu s ostatními prvky ve vašem projektu.

Chcete-li, aby byl objekt automaticky otočen ve směru jízdy:

  • Klikněte pravým tlačítkem na vrstvu objektu a vyberte Transform> Auto-Orient.

Animace hladké cesty v After Effects:Průvodce krok za krokem

  • Ve vyskakovacím okně vyberte možnost Orientovat podél cesty a klikněte na tlačítko OK.

Toto nastavení udržuje objekt ve směru pohybu, zatímco After Effects animuje podél cesty. Pomůže to, aby pohyb vypadal realističtěji, což je ideální pro věci, jako jsou letadla, auta nebo šipky, které by měly směřovat dopředu.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Po dokončení těchto kroků jste úspěšně provedli animaci objektu, aby sledovala cestu v After Effects. Stejnou techniku můžete použít k animaci ikon, textu nebo jiných prvků návrhu pro titulky, mapy nebo sekvence pohyblivé grafiky.

Bonus:Alternativní editor pro animaci objektu podél cesty

Zkoušeli jste animovat objekt podél cesty v After Effects, ale narazili jste na problémy? Ekosystém Adobe je již dlouho měřítkem ve světě designu. Ale pro začátečníky to může být složité a těžké se to naučit.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Zde jsou některé běžné problémy, kterým lidé čelí, když objekt sledují cestu v After Effects:

  • Kotevní body přistávají na nesprávném místě,
  • Bezierovy rukojeti znesnadňují ovládání zatáček,
  • Automatická orientace ukazuje ikonu špatným směrem,
  • Objekt se otáčí v ostrých rozích a
  • Jednoduchá animace trasy vyžaduje příliš mnoho úprav.

Pokud vám tyto problémy zní povědomě, vyzkoušejte jednodušší možnost. Wondershare Filmora nyní ve verzi 15 obsahuje nástroj Pen Tool. Umožňuje vám vytvářet a animovat cesty pohybu, jako když animujete objekt podél cesty v After Effects, ale s méně kroky.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Animace hladké cesty v After Effects:Průvodce krok za krokem Zabezpečené stahování

Proč zvolit Filmora pro Path Animation

Zde je návod, jak se Filmora srovnává s typickým pracovním postupem sledování objektu After Effects:

  • Jednoduché nastavení:V After Effects musíte nakreslit, zkopírovat a vložit cestu, než ji propojíte s objektem. Ve Filmoře můžete objekt připojit přímo z nastavení cesty na panelu úprav tvaru.
  • Vestavěné přednastavené objekty:Filmora obsahuje hotové objekty, které se hodí k animacím cest, jako jsou letadla, auta, skútry a značky na mapě.
  • Snadno se naučit:Filmora uchovává všechny ovládací prvky, tahy, efekty a nastavení cesty oříznutí na jednom panelu. Vše můžete vidět při práci, místo abyste skákali mezi nabídkami.
  • Organizovaná úprava časové osy:Filmora má jednoduchou časovou osu, kde můžete kreslit, animovat, přidávat text a aplikovat efekty na jednom místě. Nemusíte předem skládat nebo otevírat více panelů jako v After Effects.
  • Automatické nasměrování obličeje:Zapněte možnost Sledovat cestu, aby váš objekt při pohybu směřoval správným směrem. Je to jedno kliknutí namísto několika kroků nabídky.

Jak zajistit, aby se objekt pohyboval po dráze ve Filmoře

Postupujte podle níže uvedených kroků a zjistěte, jak používat nástroj Filmora's Pen Tool ke kreslení a animaci cesty, jako je tato:

Animace hladké cesty v After Effects:Průvodce krok za krokem

Krok 1

Spusťte projekt a přidejte aktiva

Vytvořte nový projekt ve Filmoře, importujte své video nebo obrázek a přetáhněte jej na časovou osu. Upravte jeho měřítko a polohu, aby vaše scéna vypadala jasně.

Animace hladké cesty v After Effects:Průvodce krok za krokem Zabezpečené stahování

Krok 2

Nakreslete trasu pomocí nástroje pero

Přejděte do Nástroje kreslení> Nástroj pero a nakreslete cestu přímo v okně Náhled.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Kliknutím přidáte body nebo kliknutím a tažením vytvoříte křivky pro hladší zatáčky.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Po dokončení obrysu čáry klikněte pravým tlačítkem kamkoli v okně Náhled a vyberte Zastavit pro dokončení kreslení.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Krok 3

Upravte styl tahu

Když nakreslíte tvar pomocí nástroje Pero, vpravo se zobrazí panel Úpravy tvaru. Přejděte do části Tah a nastavte barvu, tloušťku čáry (hmotnost) a krytí. Můžete si také vybrat z přednastavených stylů tahu, abyste ušetřili čas.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Krok 4

Přidat efekt cesty oříznutí

Přejděte na panel Trim Path a nastavte položku Path Follow na Preset. Vyberte objekt ze seznamu předvoleb a kliknutím na tlačítko Link jej připojte k vaší cestě.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Krok 5

Animace pomocí klíčových snímků

Chcete-li čáru animovat, vyberte na časové ose stopu Cesta pera a přejděte do nastavení Oříznout cestu.

  • Přesuňte přehrávací hlavu na začátek klipu a nastavte hodnotu End na 0 %, poté přidejte klíčový snímek.

Animace hladké cesty v After Effects:Průvodce krok za krokem

  • Poté přesuňte přehrávací hlavu na konec klipu, změňte hodnotu End na 100 % a přidejte další klíčový snímek.
  • Přehrajte si video a zobrazte náhled pohybu.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Krok 6

Upravte směr objektu

Pokud váš objekt nesměřuje správným směrem, klikněte na něj v okně náhledu a otočte jej, dokud nebude odpovídat cestě.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Závěr

Animace objektu tak, aby sledoval cestu v After Effects, je užitečná dovednost pro vytváření plynulého pohybu ve vašich projektech. Pomocí nástroje Pero můžete navrhovat trasy, křivky nebo tvary a přesouvat ikony, šipky nebo text přesně tam, kam chcete.

Pokud vám proces animace After Effects připadá příliš složitý, Filmora nabízí jednodušší přístup. Podobných výsledků můžete dosáhnout bez manipulace s více vrstvami nebo podrobnými nastaveními.

Nejprve vyzkoušejte Filmoru a zjistěte, zda opravdu potřebujete pohyb After Effects po cestě pro vaši další animaci.

Animace hladké cesty v After Effects:Průvodce krok za krokem

Filmora

Aplikace a software pro úpravu videa AI

Nejlepší nástroj pro vytváření videí kdekoli pro všechny tvůrce!

Vaše dokonalá první úprava videa začíná zde – nejsou potřeba žádné zkušenosti


  1. After Effects vs. Premiere Pro:Který nástroj Adobe je pro vás ten pravý?

  2. Ideogram AI:Vytvářejte úžasné obrázky a videa z textu – průvodce pro začátečníky

  3. Kontrolní seznam základního vybavení pro podcasty pro každý rozpočet

  4. 10 nejlepších pluginů pro Final Cut Pro X

  5. Nejlepší Facebook Video Downloaders pro iPhone | Plus tipy pro úpravy

  6. Nejlepší 4K webové kamery pro videohovory a streamování | [rok]

  7. Nejlepší fotografie pro tvůrce videa:Vytvářejte úžasné prezentace

  8. Filmora vs. Splice:Který video editor je nejlepší? (2024)

  9. Za Modrým horizontem

  1. Jak přidat sněhové vločky na fotografii ve Photoshopu!

  2. Recenze Freepik AI 2026:Vytvářejte úžasné obrázky pomocí AI – komplexní analýza

  3. Jak používat textury k vylepšení vašich fotografií

  4. 17 nejlepších softwaru pro úpravu videa pro Windows 10 – bezplatné a placené možnosti (průvodce 2026)

  5. Recenze Klap AI:Změna použití dlouhých videí pro TikTok, kotouče a šortky – stojí to za to?

  6. Jak snížit šum pomocí Photo Ninja

  7. VN Video Editor pro Mac:bezplatná recenze a nejlepší alternativy 2024

  8. Dobré, špatné a ošklivé vodoznaky a kdy a jak je efektivně používat

  9. Průvodce kompozicí nového fotografa

Software pro Úpravu Videa