Úvod do animace pomocí záznamu Hype

• Duben 19, 2024

Hype má pro začínajícího animátora velmi pěknou funkci nazvanou Záznam. Chcete-li tuto funkci použít, stačí kliknout na velké červené tlačítko Záznam. To uděláme v tomto tutoriálu.

Jak jsme se naučili, pro vytvoření animace potřebujeme pouze start a stop frame. Například, abychom zmenšili velikost obdélníku při jeho pohybu po obrazovce, řekli bychom Hype, na kterém snímku se má spustit animace a na kterém snímku se má zastavit. Protože pracujeme s animací na časové ose, můžeme mluvit s Hype pomocí klíčových snímků na časové ose. A uhodli jste, že umístíme tyto klíčové snímky do těchto dvou speciálních rámců start a stop.

Když Hype uvidí klíčový snímek, vezme na vědomí vlastnosti objektu, například obdélníku, na obrazovce. Hype si všimne jen několik vlastností, jako je krytí, vlevo, vpravo, výška a šířka. Tyto vlastnosti odpovídají vlastnostem stylu CSS v dokumentu HTML5. Hype ukládá hodnoty těchto vlastností spolu s odpovídající pozicí nebo rámečkem na časové ose.

Naším prvním krokem při vytváření této ukázkové animace je říct Hype, jakou velikost má udělat obdélník a kde jej umístit na obrazovku na začátku a na konci animace. To vše můžeme udělat pomocí tlačítka Record.

1. Klepnutím na Soubor - Nový spustíte nový dokument v Hype pomocí výchozího nastavení.
   
   Přidáme obdélník na obrazovku.
   
   
2. Klikněte na ikonu Prvky na panelu nástrojů a vyberte Obdélník. Hype umístí nový obdélník do středu obrazovky.
   
   Položme obdélník tam, kde chceme, aby byl na začátku animace. Zachováme výchozí velikost, takže vše, co musíme udělat, je přesunout obdélník.
   
   
3. Přetáhněte obdélník k levému okraji obrazovky.
   
   
4. Podívejte se na inspektora metriky. Obdélník je nyní 7 pixelů od levého okraje a 149 pixelů od horního okraje. Rovněž je to 102 x 102 pixelů.
   
   

Nyní chceme, aby se obdélník posunul k pravému okraji a snížil o 50%. Rovněž chceme, aby se to stalo během pouhých 30 snímků. Řekněme Hype tyto informace pomocí funkce Záznam v dalším tutoriálu.

Pokračovat

Video Návody: Záznam z LS -【GTA 5 - Online】Zajímavé jóby (3.2.2015) (Duben 2024).