Animácia videonahrávky na biele tabule - dokončenie

• Smieť 2, 2024

V tomto návrhu^R tutoriál, dokončíme animáciu interaktívnej tabule. Animáciu kresby loga sme už animovali. Teraz vytvoríme simuláciu písania pre názov spoločnosti.

Metóda, ktorú sa chystáme použiť, vytvorí dobrú simuláciu ručného písania názvu spoločnosti na obrazovku, pretože ceruzka bude sledovať každé jednotlivé písmeno v texte. To je skvelé pre vlastné video na mieru pre klienta. Ak však vytvárate šablónu, ktorá umožní nahradenie zástupného textu iným textom, budete chcieť použiť rovnaký typ simulácie, aký sme použili na nakreslenie loga.

Napríklad, namiesto trasovania jednotlivých písmen urobíte z Bezierovej cesty cik cak cez zástupný text. Aj keď simulácia nie je tak realistická ako simulácia písania, ktorú sa tu naučíme vytvárať, pre šablónu je dosť flexibilná.

Predpokladajme však, že toto je prispôsobené video pre klienta a vytvoríme realistickú simuláciu písania.

Na pridanie názvu spoločnosti do projektu použijeme nástroj Text v pohybe. Chceme, aby sa táto animácia začala o niekoľko snímok po ukončení prvej animácie, ktorá je na časovej osi 02:00. Začnime teda s animáciou pri značke 02:10 a bude trvať dve sekundy.

1. S prehrávačom Playhead pri značke 02:10 pridajte do panela Vrstvy nad skupinu BG novú skupinu a pomenujte ju „Text“. Kliknite na obrazovku s textovým nástrojom v mieste, kde chcete začať pridávať text. Upravte text podľa potreby pre svojho klienta.
   
   Teraz začnime. Pri vytváraní Bézierovej cesty pridajte kotevné body nad každé písmeno, akoby ste písali text na obrazovku.
   
   
2. Vyberte ručnú grafickú vrstvu a nástroj Bezier. Umiestnite prvý kotviaci bod nad špičku ceruzky. Potom prejdite na text a začnite do textu pridávať kotevné body. Pretože toto je koniec časti interaktívnej tabule s videom, pridajte posledný kotviaci bod tesne pod posledné písmeno na obrazovke.
   
   
3. Vyberte nástroj na výber / transformáciu a dokončite cestu a novú vrstvu cesty Bezier premenujte na „Bezier_Text“. Presuňte vrstvu Bezier_Text pod vrstvu Bezier_Logo v skupine Hand.
   
   Teraz do grafickej vrstvy Ruko pridáme ďalšie správanie Motion Path.
   
   
4. Vyberte grafickú vrstvu Ručné a pridajte správanie Motion Path. Pomenujte ho Cesta pohybu 2.
   
   
5. Ak je vybratá vrstva správania sa Motion Path 2, choďte do Inšpektora a nastavte Path Shape na Geometry. Zrušte začiarknutie políčka Pripojiť k tvaru a vrstvu Bezier_Text pretiahnite dobre do Zdroja tvaru.
   
   
6. Presuňte Playhead k značke 02:10 na časovej osi. Presuňte ľavý okraj skladby Motion Path 2 zo začiatku časovej osi na značku 02:10. Potiahnite pravý okraj stopy po značku 04:10. Zopakujte tento postup pre stopu Bezier_Text.
   
   Teraz vytvoríme masku.
   
   
7. Vytvorte duplikát vrstvy Bezier_Text a túto vrstvu kopírovania Bezier_Text presuňte do skupiny Text a umiestnite ju nad vrstvu Text. Vypnite viditeľnosť pôvodnej vrstvy Bezier_Text.
   
   
8. Keď je vrstva kopírovania Bezier_Text stále vybratá, zväčšujte šírku cesty, kým sa text nezakryje pod maskou.
   
   
9. Pridajte do textovej vrstvy obrazovú masku a potiahnite vrstvu kopírovania Bezier_Text do novej vrstvy obrazovej masky.
   
   
10. Na časovej osi presuňte pravý okraj stopy masky obrázka k značke 04:10.
    
    Teraz pridáme kľúčové snímky na animáciu masky.
    
    
11. Položte Playhead na značku 02:10 a vyberte vrstvu kopírovania Bezier_Text. Prejdite na inšpektora (inšpektor - tvar - štýl - obrys) a posuňte jazdec posunutia posledného bodu na nulu. Pridajte kľúčový rámec.
    
    
12. Presuňte Playhead na značku 04:10 a posuňte jazdec Posun posledného bodu späť na 100.
    
    Otestujte animáciu. Našou poslednou úlohou je odstrániť grafiku z obrazovky.
    
    
13. S prehrávačom Playhead stále o 04:10 vyberte grafickú vrstvu Ručné. V inšpektore (Inspector - Properties - Blending) pridajte kľúčový rámec kliknutím na ikonu napravo od posúvača Opacity. Presuňte prehrávač Playhead na 04:20 a znížte krytie na nulu.
    

← Späť

Príklad výučby:


Apple, Motion, Autor iBooks, GarageBand, TextEdit, Pages, iMovie a Mac sú ochranné známky spoločnosti Apple Inc. registrované v USA a ďalších krajinách.
CoffeBreakBlog je nezávislá publikácia a nebola autorizovaná, sponzorovaná alebo inak schválená spoločnosťou Apple Inc. Snímky obrazovky použité na základe súhlasu.
Copyright 2018 Adobe Systems Incorporated. Všetky práva vyhradené. Snímky obrazovky produktov spoločnosti Adobe znova vytlačené so súhlasom spoloč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 / sú [a] registrované ochranné známky alebo ochranné známky spoločnosti Adobe Systems Incorporated v USA a / alebo iných krajinách.