Animácia videozáznamu na interaktívnej tabuli - príprava

• Smieť 4, 2024

Ak máte záujem o vytvorenie animácie interaktívnej tabule alebo videa v aplikácii Motion^R a neviem, kde začať, tento tutoriál môže pomôcť. Pri animácii na tabuli sa používajú dva typy simulácií. Jedným z nich je kreslenie simulácie a druhý je písanie simulácie. V tomto tutoriále vytvoríme veľmi jednoduchú animáciu interaktívnej tabule, ktorá animuje ručné kreslenie loga a písanie názvu spoločnosti na obrazovku.

Budete potrebovať niekoľko grafických prvkov, napríklad grafiku ruky / ceruzky. Môže to byť fotografia alebo ilustrácia ramena, ktorého ruka drží ceruzku, štetec alebo čokoľvek iné. Grafika by mala byť na priehľadnom pozadí. Ak nechcete, aby vaša ruka vznášala vo vesmíre, rameno by malo byť dosť dlhé, aby koniec ramena bol počas animácie pod obrazovkou.

Ďalej budete potrebovať grafiku toho, čo bude ruka kresliť na obrazovku. Tento obrázok by mal byť tiež na priehľadnom pozadí. Väčšinu času vám túto grafiku poskytne váš klient, ale túto grafiku môžete vytvoriť aj od nuly vo vnútri programu Motion^R alebo Photoshop^R.

Najjednoduchší spôsob, ako dostať túto grafiku do pohybu, je vložiť ich do vrstveného obrazu Photoshopu. Otvorte nový obrázok Photoshopu s rozmermi 1280 x 720 pixelov, čo sú rozmery obrazovky videa. Umiestnite grafiku na tento obrázok a uistite sa, že je viditeľné celé rameno. Rameno by malo byť tiež na vrstve nad vrstvou loga. Pokiaľ ide o názov spoločnosti, budeme používať nástroj Motion's Text. Uložte tento obrázok ako vrstvený .psd obraz Photoshopu.

Poďme do pohybu.

1. Otvorte nový dokument o pohybe. Používam rozlíšenie 1280 x 720 pixelov a 29,97 fps (NTSC), pretože je to najlepší kompromis s veľkosťou obrazovky a časom sťahovania. Nastavte počet sekúnd videa. V tomto príklade som použil 5 sekúnd.
   
   
2. Z menu Menubar na pravej strane nastavte obrazovku na Transparent.
   
   
3. Na table Vrstvy premenujte vrstvu projektu na „Biela tabuľa“. Premenujte vrstvu skupiny na „BG“ na pozadí.
   
   
4. Ak nepoužívate grafiku na pozadí, uchopte ju z knižnice Motion Motion alebo si ju nakreslite na obrazovku. Ak chcete nakresliť pozadie, použite nástroj Obdĺžnik a v Inšpektori nastavte výplň podľa vášho výberu.
   
   Teraz sme pripravení na vašu grafiku.
   
   
5. Importujte obrázok z Photoshopu a povedzte Motion, aby vrstvy nezlúčil. Keď sme ich umiestnili do obrázka Photoshopu, ruka je na vrstve nad grafikou, ktorú bude kresliť (logo). Usporiadajte ruku a logo na obrazovke tak, aby zodpovedali prvému rámiku vašej animácie.
   
   Najjednoduchšie je dať ruku a každú grafiku, ktorú nakreslí do svojej vlastnej skupiny vrstiev. V tomto návode umiestnime ručnú grafiku do skupiny s názvom „Hand“ a grafiku loga do skupiny s názvom „Logo“. Skupina Hand by mala byť nad skupinou Logo, ktorá by mala byť nad skupinou BG.
   
   
6. Vyberte vrstvu BG a kliknutím na ikonu Plus v dolnej časti tably pridajte novú vrstvu skupiny. Pomenujte túto skupinu „Logo“ a pretiahnite logo s logom do tejto vrstvy. Tento postup zopakujte pre grafiku Ruku, pričom skupinu Ruku umiestnite nad skupinu Logo.
   
   
7. Keď je predvolená vrstva skupiny prázdna, môžeme ju odstrániť. Mali by sme mať tri skupinové vrstvy: Hand, Logo a BG.
   
   

V nasledujúcom návode nakreslíme Bézierovu cestu, ktorá bude animovať ruku.

Ďalej →

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.

Video Návody: Čo pijú zdravé deti (Smieť 2024).