Úvod do animácie pomocou záznamu Hype

• Apríl 25, 2024

Hype má pre začínajúceho animátora veľmi peknú funkciu, ktorá sa nazýva Nahrávanie. Ak chcete použiť túto funkciu, stačí kliknúť na veľké červené tlačidlo Zaznamenať. To urobíme v tomto návode.

Ako sme sa naučili, na vytvorenie animácie potrebujeme iba začiatočný a koncový rámec. Napríklad, aby sme zmenšili veľkosť obdĺžnika, keď sa pohybuje po obrazovke, povedzme Hypeovi, na ktorom snímku sa má spustiť animácia a na ktorom snímke sa má zastaviť. Pretože pracujeme s animáciou založenou na časovej osi, môžeme s Hype hovoriť pomocou kľúčových snímok na časovej osi. A uhádli ste, umiestnime tieto kľúčové snímky na tieto dva špeciálne rámčeky štart a stop.

Keď Hype zobrazí kľúčový rámec, berie na vedomie vlastnosti objektu, napríklad obdĺžnika, na obrazovke. Hype si všimne iba niekoľko vlastností, ktoré si všimnú: Nepriehľadnosť, ľavý pôvod, pravý východ, výška a šírka. Tieto vlastnosti zodpovedajú vlastnostiam štýlu CSS v dokumente HTML5. Hype ukladá hodnoty týchto vlastností spolu s príslušnou pozíciou alebo rámcom na časovej osi.

Naším prvým krokom pri vytváraní tejto ukážkovej animácie je povedať Hype, akú veľkosť má urobiť obdĺžnik a kam ho umiestniť na obrazovku na začiatku a na konci animácie. To všetko môžeme urobiť pomocou tlačidla Record.

1. Kliknutím na Súbor - Nový spustite nový dokument v Hype pomocou predvolených nastavení.
   
   Pridajme obdĺžnik na obrazovku.
   
   
2. Kliknite na ikonu Prvky na paneli nástrojov a vyberte Obdĺžnik. Hype umiestni nový obdĺžnik do stredu obrazovky.
   
   Položme obdĺžnik tam, kde chceme, aby bol na začiatku animácie. Zachováme predvolenú veľkosť, takže stačí posunúť obdĺžnik.
   
   
3. Presuňte obdĺžnik do ľavého okraja obrazovky.
   
   
4. Pozrite sa na inšpektora metriky. Obdĺžnik je teraz 7 pixelov od ľavého okraja a 149 pixelov od horného okraja. Je tiež 102 x 102 pixelov.
   
   

Teraz chceme, aby sa obdĺžnik posunul k pravému okraju a znížil sa o 50%. Chceme tiež, aby sa to stalo iba na 30 snímkach. Povedzme Hype tieto informácie pomocou funkcie Record v nasledujúcom návode.

ďalej

Video Návody: Peter Murar - Socialny marketing (Smarter&Worker) part 1 (Apríl 2024).