Stuiterende bal¶

De animatie met een stuiterende bal is voor veel animators een veel gebruikt startpunt, omdat het een eenvoudige maar effectieve demonstratie is van beweging en timing.

Deze handleiding zal u door het proces van de creatie in Glaxnimate van de animatie van een stuiterende bal begeleiden. Laten we daarom van start gaan!

Nieuw project aanmaken¶

Bij het starten van Glaxnimate krijgt u een dialoogvenster met standaard sjablonen te zien, selecteer hier de Telegramsticker en zorg ervoor dat de framesnelheid is 60 fps en de tijdsduur 2 seconden.

Als het dialoogvenster niet zichtbaar is, dan kan een nieuw bestand gecreëerd worden, en om vervolgens de timing in Document ‣ Timing als volgt te wijzigen:

De bal creëren¶

Hulpmiddel voor de creatie van een ellips¶

Teken een cirkel die de bal moet gaan voorstellen. Dit kan gedaan worden door de “Ellips” in de werkbalk te selecteren, om vervolgens met de cursor te slepen om een cirkel van de gewenste afmetingen te creëren. Als u Ctrl ingedrukt houd tijdens de creatie, dan zal Glaxnimate er voor zorgen dat de ellips een perfecte cirkel is.

Schakel om naar het bewerkingshulpmiddel en zorg daarbij ervoor dat de ellips is geselecteerd.

Basis animatie lus¶

Op het tijdlijn-venster onder het werkvlak, kunt u de boomstructuur openklappen zodat de eigenschappen van de ellips zichtbaar worden.

Om het eerste keyframe toe te voegen, rechtsklikt u op de positie rij onder de ellips vorm en selecteert in het contextmenu Keyframe toevoegen.

Verplaatst vervolgens de tijdlijn naar frame 60 en sleep de ellips omlaag (of bewerk de positie op de tijdlijn) en voeg nog een keyframe toe.

Rechtsklik tenslotte opnieuw op de positie en maak het een herhalende animatie. Deze laatste stap kopieert de waarden van de eerste keyframe naar het einde van de animatie.

Als de animatie weer wordt afgespeeld, dan zal de bal weer op en neer gaan:

Het werkt maar de animatie zal er een beetje stijfjes uit zien omdat de bal met een constante snelheid beweegt.

Tempo aanpassen¶

U kan meer keyframes toevoegen om de versnelling van de bal tot uiting te brengen maar er is een makkelijker manier: het veranderen van de tempo-kromme van de keyframe.

Rechtsklik op de eerste keyframe in de tijdlijn en wijzig Overgang naar volgende naar Vertragen. Doe dit op dezelfde manier met de laatste keyframe en wijzig de Overgang naar vorige ook naar Vertragen.

Het resultaat hiervan is dat de bal sneller gaat nadat het de eerste keyframe verlaat en langzamer gaat als het de laatste keyframe bereikt.

Om het effect meer uitgesproken te maken, kunnen we aangepaste “Rustig” (ease)-krommen gebruiken.

Volg de procedure zoals hierboven beschreven, maar selecteer deze keer “Aangepast”, en bewerk de krommes zodat ze er als volgt uit zien:

Aangepast tempo van het eerste keyframe¶

Aangepast tempo van het laatste keyframe¶

Vervormen¶

Op dit moment vervormt de bal niet bij het stuiteren, om de animatie nog beter te maken moeten we de afmetingen van de ellips veranderen als het de bodem raakt.

Alle keyframes handmatig instellen is een beetje omslachtig, daarom kunnen we de keyframe opname mode inschakelen, die automatisch een keyframe toevoegt als we een wijziging maken.

Selecteer nu een frame net voordat de bal de onderkant van het werkvlak raakt, rechtsklik op de grootte en voeg een nieuw keyframe toe, selecteer vervolgens het tijdstip dat de bal zijn laagste punt bereikt (dit zou frame 60 moeten zijn) en verander de afmetingen van de bal om het breder en korter te maken, en maak na een paar frames de bal lang en dun.

Zorg tenslotte dat de animatie herhalend word zoals we ook deden met de positie en versleep de laatste keyframe naar de anderen.

Aan het einde zou u iets moeten hebben dat hierop lijkt:

Vaker stuiteren¶

Op dit moment bestaat de animatie uit een enkele stuiter van de bal, wat geen probleem is voor een eenvoudige demonstratie maar soms wilt u de actie of element tijdens de animatie herhalen.

Om dit te bereiken gaan we kijken naar “Compositie vooraf”, een onderdeel waarmee objecten in een enkele container gegroepeerd en georganiseerd kunnen worden, wat het makkelijker maakt om uw animatie-elementen te beheren en te dupliceren.

First, let’s start by turning our animation layer into a precomposition: Right click on Ellipse in the timeline, and select Precompose from the context menu.

Er zijn nu bovenaan het werkvlak twee tabs te zien, elke tab stelt een compositie voor. De eerste compositie is de uiteindelijke animatie, alle andere zijn “composities vooraf” die in hoofdanimatie of zelfs in andere “composities vooraf” geplaatst kunnen worden.

Als nu op de Animatie tab word geklikt, dan is te zien dat de oude vorm-laag is vervangen door een compositielaag.

De animatie ziet er hetzelfde uit maar de laag gedraagt zich als een enkele niet bewerkbaar object.

De Tijdlijn die "Vooraf samengestelde lagen" toont — De Tijdlijn die “Vooraf samengestelde lagen” toont¶

Laten we nu de bal twee keer zo snel stuiteren, in de hoofd-compositie kan het eindpunt van de vooraf samengestelde laag versleept worden zodat het eindigt in frame 60.

De Tijdlijn die "Uitgerekte tijdlaag" toont — De Tijdlijn die “Uitgerekte tijdlaag” toont¶

Als u het nog nauwkeuriger wilt instellen, zorg er dan voor dat de compositielaag is geselecteerd en dat het tijd-uitrekken is ingesteld op 50%:

Eigenschappen-boomstructuur die de "Uitgerekte tijdlaag" toont — Eigenschappen-boomstructuur die de “Uitgerekte tijdlaag” toont¶

Nu kunt u in de tijdlijn op de compositielaag rechtsklikken om vervolgens Dupliceren te selecteren. Versleep tenslotte de starttijd van de gedupliceerde laag naar frame 60, op de dezelfde manier als waarop de uitgerekte tijd hebben gewijzigd.

Tijdlijn met twee "Vooraf samengestelde lagen" — Tijdlijn met twee “Vooraf samengestelde lagen”¶

U heeft nu ervoor gezorgd dat de bal twee keer per animatie-loop stuitert:

Stuiterlijnen¶

We willen nu enkele lijnen toevoegen die de botsing accentueren als de bal de onderkant bereikt.

Ga in de “Compositie vooraf” (Laag tab) naar frame 60 (waar de bal op zijn laagste punt is) en gebruik de functie Bezier tekenen om een lijn te tekenen vanaf de onderkant van de bal omlaag. Zorg ervoor dat de optie Vullen is uitgeschakeld en Streek is ingeschakeld. Klik gewoon onder de bal met Bezier tekenen geselecteerd en klik opnieuw aan het eind van de lijn. Druk op Enter van uw toetsenbord om de lijn te bevestigen.

De Streek weergave kan gebruikt worden om de kleur en dikte van de lijn te wijzigen.

Teken nog een paar lijnen die in verschillende richtingen gaan maar zorg ervoor dat ze allemaal in de richting van de bal gaan, selecteer ze allemaal (met het Selecteren-onderdeel of op de tijdlijn) en druk op Ctrl+G om ze te groeperen. Verplaats de groep naar onder de bal door te klikken op de knop Naar onder brengen op de werkbalk boven het werkvlak.

Nu gaan we de lijnen animeren, we gaan ervoor zorgen dat ze in een snel tempo verschijnen en weer verdwijnen.

Rechtsklik op de lijngroep op de tijdlijn, en selecteer vervolgens Toevoegen ‣ Trimpad. Dit zal een Trimpad onderaan de groep toevoegen, wat u enkele eigenschappen geeft die u kan instellen om de andere paden in de groep te wijzigen.

Maak op de tijdlijn het Trimpad groter, en stel zijn eigenschappen in zoals we dat ook deden bij de bal. Bij frame 60, moeten zowel start en einde gekeyframed worden op 0%, Dit zal de lijnen onzichtbaar maken tot dat moment. Voeg nog een paar frames toe en stel bij deze de start in op 50% en het einde in op 100% en voeg voor beide nog een nieuwe keyframe toe. Voeg na een paar frames nog een keyframe toe en stel daarvan de start in op 100%.

Dit alles zorgt ervoor dat de lijnen kort verschijnen en weer verdwijnen als de bal de onderkant raakt.