Gore i trčanje s Hype lynda.com

• Svibanj 6, 2024

U ovom video tečaju od lynda.com pod nazivom Gore i trčanje s Hype-om, instruktor Jake Stroh, pokriva osnove Hype-a. Kada završite ovaj tečaj od 1 sata i 37 minuta, imat ćete temelje za stvaranje jednostavne animacije u Hypeu.

Stroh započinje brzim obilaskom korisničkog sučelja Hype, od Alatne trake do Vremenske trake. Zatim pokazuje kako stvoriti svoju prvu animaciju, a to je da se pomakne pravokutnik na zaslon s efektom blijeđenja, koristeći značajku Snimanje. Vodit će vas kroz postupak postavljanja vrijednosti položaja i neprozirnosti za početne i završne ključne riječi.

Gradeći na tom jednostavnom primjeru, Stroh dalje govori o tome koje vrste slika mogu biti animirane u Hype-u i kako ih uvesti putem izbornika Elementi. Uvezena uzorak slika je zrakoplov i on pokazuje kako stvoriti animacijsku stazu kako bi avion letio po zaslonu i kako to pretvoriti u putanju kretanja. Dovršava drugi primjer dodavanjem teksta na scenu, stiliziranjem teksta i ključnim uokvirivanjem efekta koji izmiče.

U sljedećem odjeljku Stroh započinje detaljnu raspravu o tome kako animator kreira html5 i css3 animacije pomoću značajke Timeline, Keyframes i Record. Obuhvaća nekoliko primjera primjene keyframes na svojstva elemenata. Također govori o načinu korištenja nekih kontrola na Vremenskoj traci da biste prilagodili svoju animaciju.

Sljedeća je tema ublažavanje i kako koristiti šest vrsta olakšavanja za dodavanje fizike u stvarnom svijetu svojoj animaciji. Primjer o kojem govori govori o tome kako postići animaciju odskakute lopte kombinirajući nekoliko olakšavajućih efekata. U sljedećih nekoliko primjera, Stroh pokazuje kako stvoriti animaciju transformacije i kako koristiti Capo alat za pročišćavanje animacije niza elemenata na Vremenskoj traci. Također raspravlja kako ponovo koristiti animacije na istoj sceni i kako zaobići ograničenje da Hype nema alat za usidrenje u rotacijskoj animaciji. Napokon, raspravlja se o upotrebi filtera za maskiranje, obrezivanje i CSS u vašim animacijama.

Sljedeći odjeljak uvodi interaktivnost. Stroh započinje raspravom o tipovima ugrađenih gumba i tome kako dodati korake u njihove faze. Zatim opisuje kako dodati radnje slikama kako bi radile kao gumbe na zaslonu. Brzo prelazi na kontrolu animacija s više vremenskih rokova i na to kako dodati gumbe glavnoj traci kako bi kontrolirao dodatne vremenske crte. Također pokazuje kako stvoriti petlju.

Da bi stvorio složenije animacije, Stroh govori o tome kako raditi s relativnim vremenskim rokovima i lancem akcija. U sljedećih nekoliko primjera on pokazuje kako raditi sa zvučnim datotekama i upravljati reprodukcijom pomoću gumba. On također pokazuje razlike između korištenja više vremenskih linija i samo glavne vremenske trake za kontrolu prezentacije interaktivne galerije slika.

Sljedeći primjer projekta je galerija proizvoda. Stroh raspravlja o prednostima i nedostacima dvije mogućnosti, više vremenskih rokova ili scena za izgradnju ovog u Hypeu.

Sada ste spremni staviti svoj projekt na web. Stroh pokazuje kako izvesti i ugraditi svoj Hype projekt i razne opcije za samostalnu web stranicu ili dodavanje projekta u postojeću web stranicu.

Ovo nije temeljni tečaj za Hype. Međutim, ovaj tečaj će vam dati predstavu o vrstama animacija koje se mogu stvoriti pomoću Hype softvera. Ako ste upoznati s filmskim isječcima u Adobeu^R Bljesak^Rcijenit ćete Strohovu raspravu o vremenskim rokovima gniježđenja, relativnim vremenskim rokovima i akcijskom lancu.

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

Otkrivanje: Za ovaj članak nisam financijski nadoknađen. Mišljenja su u potpunosti moja na temelju mog iskustva.

Upute Video: The Great Gildersleeve: The House Is Sold / The Jolly Boys Club Is Formed / Job Hunting (Svibanj 2024).