Animace Whiteboard Video Scribe - Bezierova cesta

• Smět 5, 2024

V tomto tutoriálu pokračujeme ve vytváření jednoduchého videa na tabuli v programu Motion^R. Dalším krokem je nakreslení Bezierovy cesty, která je základem animace.

Nakreslíte Bezierovu cestu, která bude řídit pohyb ruky. Duplikát této Bezierovy cesty bude použit k vytvoření masky, která skryje grafiku, která je nakreslena na obrazovce, a odhalí ji, když paže přejde. Protože je maska ​​vytvořena z duplikátu Bezierovy cesty, kterou bude ruka sledovat, výsledkem je simulace ručního kreslení na obrazovce.

Než nakreslíme Bezierovu cestu, musíme upravit kotevní bod grafiky Hand. Ve výchozím nastavení umístí Motion kotevní bod do středu grafiky. Ale tento kotevní bod bude tím, co bude následovat cestu. Nechceme, aby se střed paže přitahoval na obrazovku. Chceme, aby se špička tužky nakreslila na obrazovku. Opravme to.

1. Vyberte grafiku Ruční a poté vyberte nástroj Ukotvovací bod. Pomocí červené a modré šipky umístěte kotevní bod nad špičku tužky.
   
   Nyní se dostáváme k té dobré části.
   
   
2. Vyberte grafickou vrstvu Ruční a poté vyberte nástroj Bezier. Umístěte první Bezierův bod na špičku tužky. Dále přejděte k logu a nakreslete klikatou klikatou cestu přes logo. Nakonec se vraťte do ruky a přidejte poslední bod. Nezavírejte cestu.
   
   
3. Chcete-li Motionovi sdělit, že jste dokončili kreslení Bezierovy cesty, vyberte nástroj Select / Transform. V podokně Vrstvy získáte novou vrstvu Bezier. Přetáhněte tuto novou vrstvu pod vrstvu Hand a přejmenujte ji na „Bezier_Logo“, protože toto je cesta k nakreslení obrázku loga.
   
   Nyní, když máme Bezierovu cestu, můžeme do grafiky Hand přidat chování Motion Path. Toto chování způsobí animaci ruky. Chceme však, aby ruka následovala cestu Bezier_Logo. Takže řekneme Motion, aby pro toto chování Motion Path použil cestu Bezier_Logo.
   
   
4. Chcete-li přidat chování do grafiky Ruční, vyberte vrstvu Ruční grafika v podokně Vrstvy. Z nabídky Chování vpravo dole vyberte Motion Path. Pod vrstvou Hand se zobrazí nová vrstva Motion Path.
   
   
5. Vyberte vrstvu Pohybová cesta a přejděte do Inspektora (Inspektor - Chování - Pohybová cesta). Nastavte nabídku Tvar cesty na Geometrie. Zrušte zaškrtnutí možnosti Připojit k tvaru. V podokně Vrstvy se vraťte zpět do vrstvy Bezier_Logo a klikněte / přetáhněte do zdroje tvaru. Když uvidíte malou šipku, uvolněte myš.
   
   S Playhead stále na prvním snímku otestujte animaci. Pokud tužka přímo nesleduje cestu, podle potřeby upravte kotevní bod na špičce tužky.
   
   Vypadá to, že ruka kreslí trochu až pomalu pro animaci na tabuli? Můžeme to urychlit zkrácením stop pohybu a stop Bezier_Logo v časové ose.
   
   
6. Přejděte na Časovou osu a najděte fialovou stopu Motion Path. Přetáhněte pravý okraj k trase cesty doleva, dokud není na druhé druhé pozici na časové ose (02:00). Tento postup opakujte pro skladbu Bezier_Logo.
   
   

Dobře, je čas na přestávku na kávu. V dalším tutoriálu vytvoříme masku, která odhalí logo.

← Zpět | Další →

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: Whiteboard animace - Prezentace (Smět 2024).