Prevádzka a prevádzka s Hype lynda.com

• Smieť 21, 2024

V tomto videu školenie z lynda.com s názvom V prevádzke s Hype, inštruktor Jake Stroh, pokrýva základy Hype. Po skončení tohto 1-hodinového a 37-minútového kurzu budete mať základ pre vytváranie jednoduchých animácií v Hype.

Stroh začína rýchlou prehliadkou používateľského rozhrania Hype, od lišty nástrojov po časovú os. Potom pomocou funkcie Nahrávanie demonštruje, ako vytvoriť svoju prvú animáciu, ktorou je presunúť obdĺžnik na obrazovku s efektom slabnutia. Prevedie vás procesom nastavovania hodnôt vlastností polohy a krytia pre počiatočné a koncové kľúčové snímky.

Na základe tohto jednoduchého príkladu Stroh ďalej diskutuje o tom, ktoré typy snímok je možné v Hype animovať a ako ich importovať pomocou ponuky Prvky. Importovaný vzorový obrázok je lietadlo a demonštruje, ako vytvoriť animačnú cestu pre lietadlo preletujúce po obrazovke a ako ju previesť na pohybovú cestu. Dokončí druhý príklad pridaním textu na scénu, štylizáciou textu a vytvorením kľúčového efektu.

V ďalšej časti Stroh začne hĺbkovú diskusiu o tom, ako animátor vytvára animácie html5 a css3 pomocou funkcie časovej osi, kľúčových snímok a funkcie záznamu. Uvádza niekoľko príkladov použitia kľúčových snímok na vlastnosti prvkov. Diskutuje tiež o tom, ako pomocou niektorých ovládacích prvkov na časovej osi upraviť vaše animácie.

Ďalšou témou je uvoľnenie a ako používať šesť typov uvoľnenia na pridanie fyziky do vašej animácie. Príklad, ktorý diskutuje, je, ako dosiahnuť skákaciu animáciu lopty kombináciou niekoľkých efektov uvoľnenia. V niekoľkých nasledujúcich príkladoch Stroh demonštruje, ako vytvoriť transformačnú animáciu a ako pomocou nástroja Capo vylepšiť animáciu postupnosti prvkov na časovej osi. Diskutuje tiež o tom, ako opakovane použiť animácie na tej istej scéne a ako obísť obmedzenie, že Hype nemá nástroj kotviaceho bodu pre animáciu rotácie. Nakoniec diskutuje o použití filtrov maskovania, orezania a CSS vo vašich animáciách.

Ďalšia časť predstavuje interaktivitu. Stroh začína diskusiou o typoch vstavaných tlačidiel a o tom, ako pridať akcie do ich etáp. Ďalej sa venuje tomu, ako pridať do obrázkov akcie, aby fungovali ako tlačidlá na obrazovke. Rýchlo prejde na ovládanie animácií pomocou viacerých časových radov a na to, ako do hlavnej časovej osi pridať tlačidlá na ovládanie ďalších časových radov. Ukazuje tiež, ako vytvoriť cyklickú časovú os.

Ak chcete vytvoriť zložitejšie animácie, Stroh diskutuje o tom, ako pracovať s relatívnymi časovými radami a reťazením akcií. V niekoľkých nasledujúcich príkladoch ukazuje, ako pracovať so zvukovými súbormi a ovládať prehrávanie pomocou tlačidiel. Tiež demonštruje rozdiely medzi používaním viacerých časových radov a iba hlavnej časovej osi na ovládanie interaktívnej prezentácie obrázkovej galérie.

Ďalším príkladom projektu je galéria produktov. Stroh diskutuje o výhodách a nevýhodách dvoch možností, viacerých časových radov alebo scén, na vytvorenie tohto v Hype.

Teraz ste pripravení uviesť svoj projekt na web. Stroh ukazuje, ako exportovať a vložiť váš projekt Hype a rôzne možnosti samostatnej webovej stránky alebo pridať projekt do existujúcej webovej stránky.

Toto nie je hĺbkový vzdelávací kurz pre Hype. Tento kurz vám však poskytne predstavu o typoch animácií, ktoré je možné vytvoriť pomocou softvéru Hype. Ak poznáte filmové klipy v spoločnosti Adobe^R blesk^R, oceníte Strohovu diskusiu o časových líniách hniezdenia, relatívnych časových radoch a reťazení akcií.

//www.lynda.com/Hype-tutorials/Up-Running-Hype/135360-2.html

Zverejnenie: Tento článok mi nebol finančne kompenzovaný. Názory sú úplne moje vlastné na základe mojich skúseností.