Uvod u animaciju s Hype Recordom

• Svibanj 6, 2024

Hype ima vrlo lijepu osobinu za animatora u početku, a naziva se Snimanje. Da biste koristili ovu značajku, samo kliknite veliku crvenu tipku Snimanje. To ćemo učiniti u ovom udžbeniku.

Kao što smo naučili, za stvaranje animacije potreban nam je samo okvir za pokretanje i zaustavljanje. Na primjer, da smanjimo veličinu pravokutnika dok se kreće po zaslonu, rekli bismo Hypeu na kojem okviru pokrenuti animaciju i na kojem kadru da se zaustavi. Budući da radimo s animacijom temeljenom na vremenskoj traci, možemo razgovarati s Hypeom uporabom ključnih okvira na Vremenskoj traci. I, pogađate, ove ključne riječi postavit ćemo na ta dva posebna okvira za pokretanje i zaustavljanje.

Kad Hype vidi ključni kadar, na ekranu bilježi svojstva objekta, poput pravokutnika. Samo su neka svojstva koja će Hype uzeti u obzir nepreglednost, lijevo porijeklo, porijeklo desno, visina i veličina širine. Ova svojstva odgovaraju svojstvima stila CSS u dokumentu HTML5. Hype pohranjuje vrijednosti ovih svojstava zajedno s odgovarajućim položajem ili okvirom na vremenskoj traci.

Naš prvi korak u stvaranju ove ogledne animacije je reći Hypeu koje veličine treba praviti pravokutnik i gdje ga postaviti na ekran na početku i na kraju animacije. Sve to možemo učiniti gumbom Snimanje.

1. Kliknite Datoteka - Novo da biste pokrenuli novi dokument u usluzi Hype, koristeći zadane postavke.
   
   Dodajmo pravokutnik na zaslon.
   
   
2. Kliknite ikonu Elementi na Alatnoj traci i odaberite Pravokutnik. Hype će na sredinu zaslona postaviti novi pravokutnik.
   
   Postavimo pravokutnik tamo gdje želimo da bude na početku animacije. Zadržat ćemo zadanu veličinu, tako da sve što trebamo učiniti je pomicanje pravokutnika.
   
   
3. Povucite pravokutnik na lijevi rub zaslona.
   
   
4. Pogledajte inspektora metrike. Pravokutnik sada iznosi 7 piksela s lijevog ruba i 149 piksela od gornjeg ruba. Također, to je 102 x 102 piksela.
   
   

Sada želimo da se pravokutnik pomakne na desni rub i smanji 50%. Također, želimo da se to dogodi preko samo 30 okvira. Recimo Hype tim informacijama putem značajke Snimanje u sljedećem vodiču.

Nastaviti

Upute Video: Tomorrowland Belgium 2018 | Official Aftermovie (Svibanj 2024).