Provoz a provoz s Hype lynda.com

• Duben 30, 2024

V tomto videu školicí kurz z lynda.com s názvem V chodu s Hype, instruktor Jake Stroh, pokrývá základy Hype. Po dokončení tohoto 1hodinového a 37minutového kurzu budete mít základy pro vytváření jednoduchých animací v Hype.

Stroh začíná rychlou prohlídkou uživatelského rozhraní Hype, od lišty nástrojů po časovou osu. Poté pomocí funkce Záznam demonstruje, jak vytvořit svou první animaci, tj. Přesunout obdélník na obrazovku s efektem slabnutí. Provede vás procesem nastavení hodnot vlastností vlastnosti pozice a krytí pro počáteční a koncové klíčové snímky.

Na základě tohoto jednoduchého příkladu Stroh dále diskutuje, jaké typy obrázků lze v Hype animovat a jak je importovat pomocí nabídky Prvky. Importovaný ukázkový obrázek je letadlo a ukazuje, jak vytvořit animační cestu pro letadlo letící po obrazovce a jak ji převést na pohybovou cestu. Dokončí druhý příklad přidáním textu na scénu, stylizováním textu a vytvořením klíčového snímku efektem blednutí.

V další části zahájí Stroh podrobnou diskusi o tom, jak animátor vytváří animace html5 a css3 pomocí funkce Časová osa, Klíčové snímky a funkce Záznam. Pokrývá několik příkladů použití klíčových snímků na vlastnosti prvku. Také diskutuje o tom, jak pomocí některých ovládacích prvků na časové ose provést jemné úpravy vaší animace.

Dalším tématem je uvolnění a jak pomocí šesti typů uvolnění přidat do své animace fyziku skutečného světa. Příklad, který diskutuje, je, jak dosáhnout animace skákací koule kombinováním několika efektů uvolnění. V několika dalších příkladech Stroh ukazuje, jak vytvořit transformační animaci a jak pomocí nástroje Capo vylepšit animaci posloupnosti prvků na časové ose. Diskutuje také o tom, jak znovu použít animace ve stejné scéně a jak obejít omezení, že Hype nemá nástroj kotevního bodu pro animaci rotace. Nakonec diskutuje o použití filtrů maskování, oříznutí a CSS ve vašich animacích.

Následující část představuje interaktivitu. Stroh začíná diskusí o typech vestavěných tlačítek a o tom, jak přidat akce do jejich fází. Dále se zabývá tím, jak přidat akce k obrázkům, aby fungovaly jako tlačítka na obrazovce. Rychle přejde k ovládání animací s více časovými osami a k ​​tomu, jak přidat tlačítka na hlavní časovou osu pro ovládání dalších časových os. Také ukazuje, jak vytvořit cyklickou časovou osu.

Chcete-li vytvořit složitější animace, Stroh diskutuje o tom, jak pracovat s relativními časovými osami a zřetězením akcí. V několika dalších příkladech ukazuje, jak pracovat se zvukovými soubory a ovládat přehrávání pomocí tlačítek. Rovněž demonstruje rozdíly mezi používáním více časových os a pouze hlavní časovou osou pro ovládání prezentace obrázků interaktivní galerie.

Příkladem projektu je galerie produktů. Stroh diskutuje výhody a nevýhody dvou možností, více časových os nebo scén, pro stavbu to v Hype.

Nyní jste připraveni umístit svůj projekt na web. Stroh ukazuje, jak exportovat a vložit váš projekt Hype a různé možnosti samostatného webu nebo přidání projektu do existujícího webu.

Toto není hloubkový vzdělávací kurz pro Hype. Tento kurz vám však dá představu o typech animací, které lze vytvořit pomocí softwaru Hype. Pokud znáte filmové klipy v Adobe^R Blikat^R, oceníte Strohovu diskusi o časových liniích vnoření, relativních časových řadách a řetězení akcí.

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

Zveřejňování: Tento článek mi nebyl finančně kompenzován. Názory jsou podle mých zkušeností zcela moje vlastní.

Video Návody: Hype Kultura Musí Zemřít. (Duben 2024).