Introduksjon til animasjon med Hype-post

• Kan 3, 2024

Hype har en veldig fin funksjon for begynnende animator, kalt Record-funksjonen. For å bruke denne funksjonen, klikker du bare på den store røde innspillingsknappen. Det er hva vi vil gjøre i denne opplæringen.

Som vi har lært, for å lage en animasjon, trenger vi bare en start- og stoppramme. For eksempel for å redusere størrelsen på et rektangel mens det beveger seg over skjermen, vil vi fortelle Hype på hvilken ramme som skal starte animasjonen og på hvilken ramme du vil stoppe. Fordi vi jobber med tidslinjebasert animasjon, kan vi snakke med Hype ved å bruke nøkkelrammer på tidslinjen. Og du gjettet det, vi plasserer disse nøkkelbildene på de to spesielle start- og stopprammer.

Når Hype ser et nøkkelbilde, noterer det seg egenskapene til et objekt, for eksempel et rektangel, på skjermen. Bare noen få av egenskapene som Hype vil ta til etterretning er Opacity, Left Left, Origin Right, Size Height and Size Width. Disse egenskapene tilsvarer CSS-stilegenskaper i et HTML5-dokument. Hype lagrer verdiene på disse egenskapene sammen med den tilsvarende posisjonen eller rammen på tidslinjen.

Vårt første skritt i å lage denne eksempleanimasjonen er å fortelle Hype hvilken størrelse som skal lage rektangelet og hvor du skal plassere den på skjermen i starten og slutten av animasjonen. Alt dette kan vi gjøre med Record-knappen.

1. Klikk Fil - Ny for å starte et nytt dokument i Hype ved å bruke standardinnstillingene.
   
   La oss legge rektangelet til skjermen.
   
   
2. Klikk på Element-ikonet på verktøylinjen og velg Rektangel. Hype vil plassere et nytt rektangel midt på skjermen.
   
   La oss plassere rektangelet der vi vil ha det til begynnelsen av animasjonen. Vi vil beholde standardstørrelsen, så alt vi trenger å gjøre er å flytte rektangelet.
   
   
3. Dra rektangelet til venstre kant av skjermen.
   
   
4. Ta en titt på Metrics Inspector. Rektangelet er nå 7 piksler fra venstre kant og 149 piksler fra overkanten. Dessuten er det 102 x 102 piksler.
   
   

Nå vil vi at rektangelet skal bevege seg til høyre kant og redusere 50%. Vi ønsker også at dette skal skje over bare 30 bilder. La oss fortelle Hype denne informasjonen via Record-funksjonen i neste opplæring.

Fortsette

Video Instruksjoner: The Legend of Vox Machina Kickstarter Q&A (Kan 2024).