Animace pro psaní videa na tabuli - příprava
Pokud máte zájem o vytvoření animace tabule nebo videa v MotionuR a nevím, kde začít, může tento tutoriál pomoci. V animaci na tabuli jsou použity dva typy simulací. Jeden je simulace kreslení a druhý je psaní simulace. V tomto tutoriálu provedeme velmi jednoduchou animaci tabule, která animuje ruční kreslení loga a psaní názvu společnosti na obrazovku.

Budete potřebovat několik grafik, jako je například ruka / tužka. Může to být fotografie nebo ilustrace paže s rukou držící tužku, štětec nebo cokoli. Grafika by měla být na průhledném pozadí. Pokud si nepřejete, aby vaše ruka vznášela ve vesmíru, měla by být paže dostatečně dlouhá, aby její konec byl během animace pod obrazovkou.

Dále budete potřebovat grafiku toho, co bude ruka kreslit na obrazovce. Tento obrázek by měl být také na průhledném pozadí. Většinu času vám tuto grafiku poskytne váš klient, ale můžete ji také vytvořit od nuly uvnitř MotionR nebo PhotoshopR.

Nejjednodušší způsob, jak dostat tuto grafiku do pohybu, je vložit je do vrstveného obrázku Photoshopu. Otevřete nový obrázek Photoshopu o rozměrech 1280 x 720 pixelů, což jsou rozměry obrazovky videa. Umístěte grafiku na tento obrázek a ujistěte se, že je viditelné celé rameno. Také rameno by mělo být na vrstvě nad vrstvou loga. Pokud jde o název společnosti, budeme používat nástroj Motion's Text. Uložte tento obrázek jako vrstvený .psd obrázek Photoshopu.

Pojďme do pohybu.

  1. Otevřete nový dokument Motion. Používám rozlišení 1280 x 720 pixelů a 29,97 fps (NTSC), protože je to nejlepší kompromis s velikostí obrazovky a časem stahování. Nastavte počet sekund videa. Pro tento příklad jsem použil 5 sekund.

  2. Z nabídky Menubar napravo nastavte obrazovku na Transparentní.

  3. V podokně Vrstvy přejmenujte vrstvu projektu na „Tabule“. Přejmenujte vrstvu skupiny na „BG“ pro pozadí.

  4. Pokud nepoužíváte grafiku na pozadí, vezměte ji z knihovny Motion Library nebo ji nakreslete na obrazovku. Chcete-li nakreslit pozadí, použijte nástroj Obdélník a v Inspektoru nastavte výplň podle vaší volby.

    Nyní jsme připraveni na vaši grafiku.

  5. Importujte svůj obrázek Photoshopu a řekněte Motion, aby vrstvy nespojil. Když jsme je umístili do obrázku Photoshopu, ruka je na vrstvě nad grafikou, kterou bude kreslit (logo). Uspořádejte ruku a logo na obrazovce tak, aby odpovídaly prvnímu snímku vaší animace.

    Nejjednodušší je dát ruku a každou grafiku, že se nakreslí do vlastní skupiny vrstev. V tomto tutoriálu umístíme ruční grafiku do skupiny s názvem „Hand“ a grafiku loga do skupiny s názvem „Logo“. Skupina Hand by měla být nad skupinou Logo, která by měla být nad skupinou BG.

  6. Vyberte vrstvu BG a kliknutím na ikonu Plus ve spodní části podokna přidejte novou vrstvu skupiny. Pojmenujte tuto skupinu „Logo“ a přetáhněte grafické logo do této vrstvy. Tento postup opakujte pro grafiku Hand a skupinu Hand umístěte nad skupinu Logo.

  7. Nyní, když je výchozí vrstva skupiny prázdná, můžeme ji odstranit. Měli bychom mít tři skupinové vrstvy: Hand, Logo a BG.

V dalším tutoriálu nakreslíme Bezierovu cestu, která bude animovat ruku.

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: SMART Board - praktické příklady (Duben 2024).