Introducere în animație cu Hype Record

• Mai 4, 2024

Hype are o caracteristică foarte drăguță pentru animatorul început, numit funcția Record. Pentru a utiliza această caracteristică, trebuie doar să faceți clic pe butonul mare de înregistrare roșu. Asta vom face în acest tutorial.

După cum am învățat, pentru a crea o animație, avem nevoie doar de un cadru de pornire și oprire. De exemplu, pentru a reduce dimensiunea unui dreptunghi în timp ce acesta se deplasează pe ecran, am spune lui Hype pe ce cadru să înceapă animația și pe ce cadru să se oprească. Deoarece lucrăm cu animație bazată pe cronologie, putem vorbi cu Hype folosind cadre cheie din Cronologie. Și, ați ghicit, vom pune aceste cadre cheie pe acele două cadre speciale de pornire și oprire.

Când Hype vede un cadru cheie, acesta ia notă de proprietățile unui obiect, cum ar fi un dreptunghi, pe ecran. Doar câteva dintre proprietățile de care va lua notă Hype sunt opacitatea, originea stângă, originea dreapta, înălțimea mărimii și lățimea mărimii. Aceste proprietăți corespund proprietăților în stil CSS dintr-un document HTML5. Hype stochează valorile acestor proprietăți împreună cu poziția sau cadrul corespunzător pe cronologie.

Primul nostru pas în crearea acestui eșantion de animație este să îi spunem lui Hype ce dimensiune trebuie să facă dreptunghiul și unde să îl așezăm pe ecran la începutul și sfârșitul animației. Putem face toate acestea cu butonul Înregistrare.

1. Faceți clic pe File - New pentru a porni un document nou în Hype, folosind setările implicite.
   
   Să adăugăm dreptunghiul pe ecran.
   
   
2. Faceți clic pe pictograma Elemente din Bara de instrumente și alege Rectangle. Hype va plasa un nou dreptunghi în centrul ecranului.
   
   Să punem dreptunghiul în care vrem să fie pentru începutul animației. Vom păstra dimensiunea implicită, deci tot ce trebuie să facem este să mutăm dreptunghiul.
   
   
3. Trageți dreptunghiul în marginea stângă a ecranului.
   
   
4. Aruncați o privire la inspectorul metric. Dreptunghiul este acum la 7 pixeli de la marginea stângă și 149 pixeli de la marginea superioară. De asemenea, este de 102 x 102 pixeli.
   
   

Acum, dorim ca dreptunghiul să se deplaseze pe marginea dreaptă și să reducă 50%. De asemenea, dorim ca acest lucru să se întâmple în doar 30 de cadre. Să spunem Hype aceste informații prin funcția Înregistrare din tutorialul următor.

Continua