Inleiding tot animatie met hype-record

• Mei 2, 2024

Hype heeft een heel leuke functie voor de beginnende animator, de opnamefunctie. Klik op de grote rode opnameknop om deze functie te gebruiken. Dat is wat we in deze tutorial zullen doen.

Zoals we hebben geleerd, hebben we voor het maken van een animatie alleen een start- en stopframe nodig. Om bijvoorbeeld de grootte van een rechthoek te verkleinen terwijl deze over het scherm beweegt, zouden we Hype vertellen op welk frame de animatie moet worden gestart en op welk frame moet worden gestopt. Omdat we werken met op tijdlijn gebaseerde animatie, kunnen we met Hype praten door keyframes op de tijdlijn te gebruiken. En u raadt het al, we zullen deze keyframes op die twee speciale start- en stopframes plaatsen.

Wanneer Hype een hoofdframe ziet, neemt het nota van de eigenschappen van een object, zoals een rechthoek, op het scherm. Slechts enkele van de eigenschappen waar Hype rekening mee zal houden zijn Dekking, Oorsprong links, Oorsprong rechts, Grootte hoogte en Grootte breedte. Deze eigenschappen komen overeen met CSS-stijleigenschappen in een HTML5-document. Hype slaat de waarden van deze eigenschappen op samen met de bijbehorende positie of frame op de tijdlijn.

Onze eerste stap bij het maken van deze voorbeeldanimatie is om Hype te vertellen welke grootte de rechthoek moet maken en waar deze aan het begin en einde van de animatie op het scherm moet worden geplaatst. We kunnen dit allemaal doen met de opnameknop.

1. Klik op Bestand - Nieuw om een ​​nieuw document in Hype te starten met de standaardinstellingen.
   
   Laten we de rechthoek aan het scherm toevoegen.
   
   
2. Klik op het pictogram Elementen op de werkbalk en kies Rechthoek. Hype plaatst een nieuwe rechthoek in het midden van het scherm.
   
   Laten we de rechthoek plaatsen waar we deze willen hebben voor het begin van de animatie. We zullen de standaardgrootte behouden, dus het enige wat we moeten doen is de rechthoek verplaatsen.
   
   
3. Sleep de rechthoek naar de linkerrand van het scherm.
   
   
4. Bekijk de Metrics Inspector. De rechthoek bevindt zich nu 7 pixels vanaf de linkerrand en 149 pixels vanaf de bovenrand. Het is ook 102 x 102 pixels.
   
   

Nu willen we dat de rechthoek naar de rechterkant beweegt en 50% verkleint. We willen ook dat dit over slechts 30 frames gebeurt. Laten we Hype deze informatie vertellen via de opnamefunctie in de volgende tutorial.

Doorgaan met

Video-Instructies: Buying Clothes (Mei 2024).