Vytvoření tahu v After Effects je jednou z prvních technik, které se mnozí z vás mohli naučit, když začínali se softwarem. A teď, co když místo toho chcete v After Effects změnit ten pravidelný tah na přerušovanou nebo tečkovanou čáru?
Tentokrát vám ukážeme, jak vytvořit čárkovanou nebo tečkovanou čáru v After Effects, přizpůsobit vzhled, animovat ji a dokonce vyzkoušíme jiný způsob, jak vytvořit a animovat čárkovanou nebo tečkovanou čáru, která se vám pravděpodobně líbí lépe mimo AE.
Vytváření jakéhokoli druhu tahu, včetně přerušovaných nebo tečkovaných čar, v After Effects začíná použitím nástroje pero ve vrstvě tvaru. Zde můžete nakreslit čáru, použít tah a později ji animovat pomocí Oříznout cesty.
V tomto tutoriálu se budeme řídit průvodcem vytvořeným Ben &Jack Studio pomocí After Effects 2020. Stejné kroky však platí i pro ostatní verze After Effects, takže je můžete sledovat bez ohledu na to, kterou verzi používáte.
Krok 1. Vytvořte vrstvu tvaru a cestu
Vyberte nástroj pero (nebo stiskněte G) a nakreslete cestu na panelu náhledu. Ve chvíli, kdy kliknete, After Effects automaticky vytvoří vrstvu tvaru.
Jedním kliknutím umístěte první bod a dalším kliknutím vytvořte druhý. After Effects je nakreslí rovnou čárou.
Tip:Chcete-li vytvořit zakřivenou cestu, klepněte a táhněte při nastavování druhého bodu, místo abyste klikli jednou. Vytvoří Bezierovy úchyty, které vám umožní tvarovat vaši křivku.
Krok 2. Přidejte přerušovanou nebo tečkovanou čáru
Na panelu časové osy otevřete vrstvu tvaru a přejděte na Obsah> Tvar 1> Výplň 1.
Chcete-li odstranit barvu výplně, nastavte Krytí na 0 %. Tím zůstane viditelný pouze tah, který je nezbytný pro vytvoření přerušované nebo tečkované čáry.
Dále přejděte na Obsah> Tvar 1> Stroke 1. Najděte sekci Pomlčky v nastavení Stroke a kliknutím na ikonu + vytvořte přerušovanou čáru v After Effects.
Upravte hodnotu Dash, abyste řídili, jak bude vypadat. Nižší hodnoty vytvářejí více čárek nebo teček.
Pomocí ovladače Offset dolaďte umístění čárky podél cesty.
Vytvoření tečkované čáry v After Effects:
V části Pomlčky klikněte znovu na ikonu + a přidejte vlastnost Gap.
Upravte hodnotu Gap pro ovládání mezery mezi tečkami. Menší hodnoty přibližují tečky k sobě, zatímco větší hodnoty je oddělují.
Nastavte možnost Uzavření čáry na Zaoblené zakončení, aby byly konce tahu zaoblené.
Nastavte hodnotu Dash na 0, čímž se každá čárka změní na perfektní tečku.
Přerušovanou nebo tečkovanou čáru můžete dále upravit nastavením barvy tahu a úpravou šířky tahu podle toho, jak tučně chcete čáru zobrazit.
Krok 3. Animujte přerušovanou čáru pomocí ořezových cest
Chcete-li vytvořit animaci přerušované čáry, která se pohybuje podél čáry, přidejte do vrstvy tvaru animaci Trim Paths.
S vybranou vrstvou tvaru klikněte na Přidat> Oříznout cesty.
Rozbalte nabídku Trim Paths a uvidíte dva posuvníky:Start a End. Řídí, jak velká část čáry je viditelná.
Nastavte Start na 0 % a End na 0 %, poté klikněte na ikonu klíčového snímku vedle End a vytvořte svůj první klíčový snímek.
Posuňte přehrávací hlavu na časové ose dopředu na místo, kde chcete animaci dokončit, a nastavte hodnotu End od 0 % do 100 %.
Přehrajte si skladbu. Uvidíte, jak se přerušovaná čára plynule kreslí podél cesty. Stejné kroky můžete použít pro vytvoření tečkované animace v After Effects.
Poznámka:Tento tutoriál se zaměřuje na to, aby se čára kreslila sama (od neviditelné po viditelnou). Pokud chcete vytvořit obrácený efekt, kde čára místo toho pomalu mizí, stačí prohodit klíčové snímky. Nastavte hodnotu End na 100 procent na začátku a 0 procent na konci.
Část 2. Běžné problémy a jejich řešení
Narazili jste při vytváření nebo animaci přerušované čáry v After Effects na problémy? Shromáždili jsme některé z nejčastějších problémů, které se obvykle objevují při práci s tahy nebo cestami v AE, spolu se snadnými řešeními, která můžete zkusit rychle opravit.
1. Přerušovaná čára vypadá při vykreslení pixelově
Pokud čárkovaná nebo tečkovaná čára, kterou jste vytvořili, vypadá po exportu rozmazaně nebo zubatě, je to obvykle proto, že rozlišení kompozice je nastaveno příliš nízko nebo byla čára zvětšena z menší vrstvy tvaru.
Rychlá oprava:
- Na panelu Náhled před vykreslením nastavte Rozlišení na Plné.
- Neměňte měřítko celé vrstvy tvaru. Místo toho můžete zvětšit Šířku tahu nebo znovu vytvořit cestu ve správné velikosti.
- Při exportu zvolte vyšší datový tok nebo bezztrátový formát, jako je QuickTime Animation, ProRes 4444 nebo AVI (Uncompressed), abyste zachovali ostrost okrajů.
2. Cesta nezobrazuje pomlčky
Nevidíte žádné čárky nebo tečky ani po přidání cesty tahu v After Effects? Můžete zkontrolovat, zda je výplň stále aktivní nebo zda vlastnosti tahu nebyly použity správně.
Rychlá oprava:
- Otevřete nastavení Vrstva tvaru a zkontrolujte, zda jste nastavili Krytí výplně na 0 %, aby byl tah viditelný.
- Přejděte na Obsah> Tvar 1> Tah 1 a ujistěte se, že jsou přidány hodnoty Dash a Gap.
Další možnou příčinou je, že cesta, kterou používáte, není součástí vrstvy tvaru, ale místo toho cesta masky. Efekt Tah aplikovaný na masku nepodporuje vlastnosti čárky nebo mezery. Pomlčky v After Effects se objeví pouze tehdy, když cesta existuje uvnitř vrstvy Shape Layer, která má vlastní vlastnost Stroke.
Rychlá oprava:
- Zkopírujte cestu masky a vložte ji do vrstvy tvaru.
- Postupujte podle výše uvedených kroků k vytvoření přerušované nebo tečkované čáry v After Effects.
3. Čárky se při animaci pohybují příliš rychle nebo příliš pomalu
Pokud se vám animace přerušované čáry zdá příliš rychlá nebo příliš pomalá, problém obvykle pochází z toho, jak jsou klíčové snímky rozmístěny nebo jak je nastavena hodnota Offset v možnostech Stroke.
Rychlá oprava:
- Otevřete nastavení Trim Paths ve vrstvě Shape.
- Přesuňte klíčové snímky blíže k sobě, abyste pohyb urychlili, nebo je roztáhněte dále od sebe, abyste jej zpomalili.
- Použijte Editor grafů k vyhlazení křivek rychlosti pro přirozenější animaci.
4. Hrany vypadají drsně nebo zubatě
Když se okraje vaší přerušované nebo tečkované čáry zdají drsné, je to obvykle způsobeno nízkým nastavením kvality vyhlazování nebo náhledu. Přílišné měřítko vrstvy tvaru může také způsobit viditelné okrajové artefakty.
Rychlá oprava:
- Povolte pro vrstvu tvaru Continuously Rasterize (malá ikona slunce), aby byly linie ostré při jakékoli velikosti.
- Na panelu Náhled nastavte kvalitu na Nejlepší místo Koncept.
- Upravte šířku tahu, pokud potřebujete silnější čáru místo přímého škálování vrstvy tvaru.
- Pokud okraje stále vypadají drsně, použijte efekt gaussovského rozostření s malou hodnotou, která je dostatečná k jemnému vyhlazení.
Část 3. Jednoduchý způsob vytváření a animace přerušovaných čar bez efektů After Effects
Pro něco snazšího a přívětivějšího pro začátečníky, než je After Effects, můžete také zkusit vytvářet animace přerušované čáry přímo v editoru videa, jako je Wondershare Filmora. Filmora vám nabízí intuitivnější způsob, jak vytvořit vlastní cesty a přeměnit je na dynamické animace bez nutnosti složitého nastavení.
Zabezpečené stahování
Nejste omezeni na vytváření jednoduchých tečkovaných čar – pomocí nástroje Pero můžete snadno transformovat cestu, kterou jste vytvořili, na zářící stopu, animaci ve stylu ohně nebo dokonce svázat objekt, který bude následovat po cestě, pomocí pouhých několika kliknutí. Je dostatečně přímočarý pro začátečníky, ale stále je flexibilní, aby dosáhl působivých výsledků.
Proč doporučujeme Filmora:
- Rychle aplikujte styly a efekty, jako je záře, oheň nebo rozostření na přerušované nebo tečkované čáry, abyste mohli okamžitě změnit vzhled.
- Snadno připojte libovolný objekt (nebo použijte vestavěnou předvolbu), abyste plynule sledovali animaci čáry podél cesty.
- Užijte si intuitivnější rozhraní, které je přívětivé pro začátečníky a mnohem jednodušší na navigaci než After Effects.
Jak vytvořit přerušované nebo tečkované čáry ve Filmoře
Krok 1
Nakreslete vlastní cestu pomocí nástroje pero
Otevřete nový projekt ve Filmoře, poté přejděte na Nástroj pro kreslení a vyberte Nástroj pero, abyste mohli začít vytvářet vlastní cestu pohybu.

Klepnutím kamkoli do okna náhledu nastavte svůj první bod. Dalším kliknutím spojíte další bod a vytvoříte přímku. Chcete-li vytvořit křivku, před uvolněním klikněte a přetáhněte.

Až budete hotovi, stisknutím klávesy Esc na klávesnici dokončete cestu a ukončete režim kreslení.
Krok 2
Upřesněte a upravte svou cestu
Po nakreslení cesty přejděte na Panel Vlastnosti na Tah> Nastavení efektů a změňte styl na Přerušovaná čára.

Nyní jste úspěšně udělali přerušovanou čáru. Můžete si ji dále přizpůsobit změnou cesty Cap and Join nebo vyladěním posuvníku Hmotnost, aby byla čára tenčí nebo tlustší.

Krok 3
Animujte přerušovanou čáru pomocí Trim Path
Chcete-li, aby se vaše přerušovaná čára pohybovala podél cesty, můžete také použít funkci Trim Path ve Filmoře.
Přesuňte přehrávací hlavu na začátek vaší časové osy.
Nastavte hodnoty Start a End na 0 %. Přidejte klíčový snímek pro vlastnost End pro označení začátku animace.

Přesuňte přehrávací hlavu tam, kde chcete, aby se animace zastavila, změňte hodnotu End na 100 % a přidejte další klíčový snímek.

Když si to přehrajete, přerušovaná čára se bude plynule kreslit od začátku do konce.

Krok 4
Vytvořte objekt podle cesty
Pokud chcete, aby se objekt pohyboval podél cesty, kterou jste nakreslili, povolte možnost Sledování cesty. Vyberte objekt, který chcete připojit. Můžete si vybrat z dostupných předvoleb, importovat svůj vlastní soubor nebo použít ten z časové osy.

Jakmile budete s nastavením spokojeni, potvrďte kliknutím na tlačítko Použít. Objekt pak bude během přehrávání automaticky sledovat pohyb vaší cesty.
Bonus:Použijte vestavěné nálepky s přerušovanou čarou pro okamžitou animaci
Pokud chcete trasy kreslení přeskakovat ručně, Filmora nabízí různé přednastavení nálepek s přerušovanou čárou a tečkovanou čarou, které můžete použít přímo na svá videa. Jsou ideální pro tvůrce, kteří chtějí rychlou a vizuálně přitažlivou animaci, aniž by museli trávit čas tvorbou vlastních cest.
- Nálepku jednoduše přetáhněte na časovou osu.
- Přizpůsobte velikost, barvu a rychlost animace svému projektu.
- V kombinaci s efekty, jako je záře, oheň nebo rozostření pohybu, získáte dynamičtější vzhled.
- Skvělé pro příspěvky na sociálních sítích, úvodní videa nebo pohyblivou grafiku, kde záleží na rychlosti.
Závěr
Nyní, když jste se naučili, jak vytvořit přerušovanou a tečkovanou čáru v After Effects, další věc, kterou musíte udělat, je vnést tuto dovednost do svých vlastních projektů. Zkuste pomocí přerušovaných čar zvýraznit trasy na mapě, zdůraznit pohyb v infografice nebo přidat rytmus animovaným přechodům.
A protože schopnost kreslit a animovat vlastní cesty není něco, co můžete dělat pouze v After Effects, můžete stejný efekt vytvořit také ve Filmoře – ale s mnohem jednodušším pracovním postupem.

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