Animace pro psaní videa na tabuli - dokončení
V tomto návrhuR tutoriál, dokončíme animaci tabule. Animaci kreslení pro logo jsme již animovali. Nyní vytvoříme simulaci psaní pro název společnosti.

Metoda, kterou se chystáme použít, vytvoří dobrou simulaci ruční psaní názvu společnosti na obrazovce, protože tužka bude sledovat každé jednotlivé písmeno v textu. To je skvělé pro vlastní video na tabuli pro klienta. Pokud ale vytváříte šablonu, která umožní nahrazení zástupného textu jiným textem, budete chtít použít stejný typ simulace, jaký jsme použili k nakreslení loga.

Například namísto trasování jednotlivých písmen uděláte z Bezierovy cesty klikatá cesta. Ačkoli simulace není tak realistická jako psaní simulace, kterou se zde naučíme vytvářet, je dostatečně flexibilní pro šablonu.

Předpokládejme však, že se jedná o vlastní tabuli pro klienta a vytvoříme realistickou simulaci psaní.

K přidání názvu společnosti do projektu použijeme nástroj Text v pohybu. Chceme, aby tato animace začala několik snímků po ukončení první animace, což je na časové ose 02:00 na časové ose. Začněme tedy touto animací při značce 02:10 a bude to trvat dvě sekundy.

  1. S Playhead u značky 02:10 přidejte do podokna Vrstvy nad skupinu BG novou skupinu a pojmenujte ji „Text“. Klikněte na obrazovku nástrojem Text v místě, kde chcete začít přidávat text. Upravte text podle potřeby pro svého klienta.

    Teď začneme. Při vytváření Bezierovy cesty přidejte kotevní body nad každé písmeno, jako kdybyste psali text na obrazovku.

  2. Vyberte grafickou vrstvu Ruční a nástroj Bezier. Umístěte první kotevní bod nad špičku tužky. Poté přejděte k textu a začněte přidávat kotevní body přes text. Protože se jedná o konec bílé tabule videa, přidejte poslední kotevní bod těsně pod poslední písmeno na obrazovce.

  3. Vyberte nástroj pro výběr / transformaci a dokončete cestu a přejmenujte novou vrstvu cesty Bezier na „Bezier_Text“. Přetáhněte vrstvu Bezier_Text pod vrstvu Bezier_Logo ve skupině Hand.

    Nyní přidáme do grafické vrstvy Hand další chování Motion Path.

  4. Vyberte grafickou vrstvu Hand a přidejte chování Motion Path. Pojmenujte jej Pohybová cesta 2.

  5. Je-li vybrána vrstva chování Motion Path 2, přejděte do Inspektoru a nastavte tvar cesty na Geometry. Zrušte zaškrtnutí možnosti Připojit k tvaru a přetáhněte vrstvu Bezier_Text do zdroje tvaru.

  6. Přesuňte Playhead na značku 02:10 na časové ose. Přetáhněte levý okraj stopy Motion Path 2 od začátku časové osy ke značce 02:10. Přetáhněte pravý okraj skladby ke značce 04:10. Tento postup opakujte pro skladbu Bezier_Text.

    Nyní vytvoříme masku.

  7. Vytvořte duplikát vrstvy Bezier_Text a přetáhněte tuto vrstvu kopírování Bezier_Text do skupiny Text a umístěte ji nad vrstvu Text. Vypněte viditelnost původní vrstvy Bezier_Text.

  8. Je-li vrstva kopírování Bezier_Text stále vybrána, zvyšte šířku cesty, dokud se text nezakryje pod maskou.

  9. Přidejte do textové vrstvy obrazovou masku a přetáhněte vrstvu kopírování Bezier_Text do nové vrstvy obrazové masky.

  10. Na časové ose přetáhněte pravý okraj stopy masky obrázku ke značce 04:10.

    Nyní přidáme klíčové snímky pro animaci masky.

  11. Umístěte přehrávací hlavu na značku 02:10 a vyberte vrstvu kopírování Bezier_Text. Přejděte na inspektor (Inspector - Shape - Style - Outline) a nastavte posuvník Posunutí posledního bodu na nulu. Přidejte klíčový snímek.

  12. Přesuňte Playhead na značku 04:10 a nastavte posuvník Posunutí posledního bodu zpět na 100.

    Vyzkoušejte animaci. Naším posledním úkolem je odstranit grafiku Hand z obrazovky.

  13. Když je hrací hlava stále v 04:10, vyberte grafickou vrstvu Ruční. V inspektoru (Inspector - Properties - Blending) přidejte klíčový snímek kliknutím na ikonu napravo od posuvníku Opacity. Přesuňte Playhead na 04:20 a snižte krytí na nulu.
← Zpět

Příklad tutoriálu:


Apple, Motion, Autor iBooks, GarageBand, TextEdit, Pages, iMovie a Mac jsou ochranné známky společnosti Apple Inc. registrované v USA a dalších zemích.
CoffeBreakBlog je nezávislá publikace a nebyla autorizována, sponzorována nebo jinak schválena společností Apple Inc. Snímky obrazovky používané na základě svolení.
Copyright 2018 Adobe Systems Incorporated. Všechna práva vyhrazena. Snímky obrazovky produktů Adobe přetištěné se souhlasem společnosti Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst a Flash Paper je / jsou [a] registrovanou ochrannou známkou (značkami) nebo ochrannou známkou (značkami) společnosti Adobe Systems Incorporated ve Spojených státech a / nebo jiných zemích.


Video Návody: The Virus - Animator vs. Animation Shorts - Episode 1 (Duben 2021).