Fel és fut a Hype lynda.com segítségével

• Lehet 7, 2024

Ebben a videó képzésben a lynda.com címen Fel és fut a Hype segítségével, a Jake Stroh oktató ismerteti a Hype alapjait. Ha befejezte ezt az 1 órás és 37 perces tanfolyamot, megvan az alapja az egyszerű animáció létrehozásához a Hype-ben.

A Stroh a Hype felhasználói felületének gyors áttekintésével kezdődik, az Eszköztárról az Idővonalra. Ezután bemutatja, hogyan lehet létrehozni az első animációt, azaz egy téglalapot a képernyőre mozgatni, ténylegesen elhalványulva, a Felvétel funkció használatával. Ő végigvezeti a pozíció és az átlátszatlanság tulajdonságainak értékének a kezdő és a végső kulcskerethez történő beállításának folyamatán.

Az egyszerű példára építve Stroh ezt követően megvitatja, hogy milyen típusú képeket lehet animálni a Hype-ben, és hogyan importálhatja azokat az Elemek menüben. Az importált mintakép egy repülőgép, és bemutatja, hogyan lehet létrehozni egy animációs útvonalat a sík képernyőn átrepüléséhez, és hogyan konvertálhatja azt mozgáspályává. A második példát azzal fejezi be, hogy szöveget ad hozzá a jelenethez, megformálja a szöveget, és ténylegesen elhalványítja a billentyűzet kereteit.

A következő szakaszban Stroh alapos vitát indít arról, hogy az animátor hogyan hozza létre a html5 és css3 animációkat az Idősor, a Keyframes és a Record szolgáltatás használatával. Számos példát mutat be a kulcskeretek elemtulajdonságokra történő alkalmazásáról. Azt is megvitatja, hogyan lehet az Idővonal egyes vezérlőit használni az animáció finombeállításához.

A következő téma az enyhítés és az, hogy hogyan lehet hatféle enyhítést használni, hogy valós fizikát adjunk az animációhoz. Az általa tárgyalt példa arra, hogyan lehet elérni a pattogó labda-animációt több enyhítő hatás kombinálásával. A következő néhány példában Stroh bemutatja, hogyan lehet transzformációs animációt létrehozni, és hogyan lehet a Capo eszközt felhasználni az idővonal elemsorának animációjának finomítására. Azt is megvitatja, hogy miként lehet újra felhasználni az animációkat ugyanabban a jelenetben, és hogyan lehet megkerülni azt a korlátozást, hogy a Hype-nek nincs rögzítési pontja az elforgatáshoz. Végül tárgyalja a maszkolás, a vágás és a CSS szűrők használatát az animációkban.

A következő szakasz bemutatja az interaktivitást. A Stroh azzal kezdõdik, hogy megvitatjuk a beépített gombok típusait és azt, hogy miként adhatunk mûveleteket a szakaszukhoz. Ezután azt tárgyalja, hogyan lehet műveleteket hozzáadni a képekhez, hogy azok a képernyőn gombokként működjenek. Gyorsan továbblép az animációk több ütemtervvel történő vezérlésére, valamint arra, hogyan lehet gombokat hozzáadni a fő idővonalhoz a további ütemtervek vezérléséhez. Azt is bemutatja, hogyan lehet hurkos idővonalat létrehozni.

Bonyolultabb animációk készítéséhez Stroh megvitatja, hogyan kell dolgozni a relatív idővonalakkal és a műveletek láncolásával. A következő néhány példában bemutatja, hogyan kell dolgozni az audiofájlokkal, és hogyan lehet irányítani a lejátszást gombműveletekkel. Megmutatja továbbá a különbségeket a több ütemterv és csak a fő idővonal használata között az interaktív képgaléria diavetítéséhez.

Ezután a projekt példája egy termékgaléria. Stroh két lehetőség, több idővonal vagy jelenet előnyeit és hátrányait tárgyalja ennek Hype-ben történő felépítéséhez.

Most már készen áll a projekt elhelyezésére az interneten. Stroh bemutatja, hogyan exportálhatja és beágyazhatja a Hype-projektet, valamint a különféle lehetőségeket egy önálló webhelyre, vagy a projekt hozzáadására egy meglévő webhelyre.

Ez nem egy mélyreható tanfolyam a Hype számára. Ez a tanfolyam azonban képet ad arról, hogy milyen típusú animációk hozhatók létre a Hype szoftver segítségével. Ha ismeri az Adobe film klipeit^R Vaku^R, értékelni fogja Stroh vitáját a fészkelési ütemtervről, a relatív ütemtervről és a cselekvés láncolásáról.

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

Nyilvánosság: Nem kaptam pénzügyi ellentételezést e cikkért. A véleményem teljesen a saját véleményem, tapasztalataim alapján.