Versoepeling van inertie en zwaartekracht in Flash CS5-animatie met Easing - dummies

In Adobe Flash Creative Suite 5 kunt u de twee meest herkenbare bewegingskrachten, traagheid en zwaartekracht reproduceren door een speciale tween-optie te gebruiken: Ease <. De nieuwe animatiemotor maakt veel versoepelingsgedrag beschikbaar, waaronder Bounce, Spring, Ease In (versnellen), Ease Out (vertragen) en meer. U kunt versnelling toewijzen aan elke tween-reeks met de bewegingseditor. Versnelling toevoegen aan een Flash CS5-symbool

Volg deze stappen om een ​​easing-gedrag te creëren:

Maak een nieuw Flash-document. Selecteer het gereedschap Ovaal en maak een perfecte cirkel onderaan het werkgebied.

1. Houd de Shift-toets ingedrukt om de cirkel tijdens het tekenen te beperken.

   Druk terwijl de nieuwe cirkel is geselecteerd op F8; wanneer het dialoogvenster Converteren naar symbool verschijnt, kiest u Afbeelding in de vervolgkeuzelijst Type en voert u een naam in voor het symbool in het tekstvak Naam.

2. In dit voorbeeld hebben we de cirkel Ball genoemd.

   Klik met de rechtermuisknop (Windows) of houd Control ingedrukt en klik (Mac) op het eerste frame van de laag en kies Create Motion Tween in het contextuele menu dat verschijnt.

3. Er wordt een nieuwe tween-reeks gemaakt en de afspeelkop gaat verder naar het laatste frame van de tween-reeks.

   Gebruik het gereedschap Selecteren en selecteer en verplaats het symbool recht naar de bovenkant van het werkgebied met behoud van de horizontale positie.

4. Sleep het symbool langzaam naar de bovenkant van het werkgebied om te voorkomen dat het van links naar rechts verschuift. Het Snap to Objects-gedrag houdt het symbool uitgelijnd met de originele horizontale positie totdat u het loslaat.

Druk op Enter of Return om een ​​voorbeeld van de animatie te bekijken.

1. De bal moet nu van de onderkant naar de bovenkant van het podium gaan.

   Klik rechtstreeks op de tween-reeks op de tijdlijn om deze te selecteren en klik vervolgens op het tabblad van de bewegingseditor om deze verder te zetten.

2. U ziet de verschillende eigenschappen van uw tween weergegeven in het deelvenster Bewegingseditor.

   Ga naar de onderkant van de bewegingseditor, zoek de rij Eases en wijzig de waarde Simple (langzaam) van 0 in 100.

3. Klik en sleep over de waarde om deze te wijzigen of dubbelklik en voer een waarde handmatig in.

   

   U ziet dat het standaard eenvoudige (langzame) gemak al wordt vermeld. U kunt later andere soorten eases toevoegen, maar voorlopig werkt de standaard prima.

   Als u de waarde wijzigt, wordt een

   gemak gemaakt, waardoor de animatie wordt vertraagd wanneer deze wordt voltooid. Ga naar de bovenkant van de bewegingseditor en zoek de rij Basic Motion; direct naar rechts, kies Simple (langzaam) in de vervolgkeuzelijst.

4. Deze stap past het gemak toe van de bewegingseigenschappen van uw tween.

   Druk op Enter of Return om af te spelen en een voorbeeld van je animatie te bekijken.

5. De animatie wordt geleidelijk langzamer zodra deze voltooid is.

   Keer terug in Flash CS5

Wat omhoog gaat, moet naar beneden komen, dus de volgende stappen leiden u door het terug naar de grond brengen van de bal:

Klik op het tabblad Tijdlijn en klik vervolgens direct op de laag ergens binnenin de tween-reeks om de hele bewegings-tween te selecteren.

1. Klik met de rechtermuisknop (Windows) of houd Control ingedrukt en klik (Mac) op de geselecteerde frames om het contextmenu te openen en kies vervolgens Frames kopiëren.

2. Selecteer op dezelfde laag het volgende lege frame onmiddellijk nadat de tween-reeks is geëindigd.

3. Als u de tween die u in stap 2 hebt gekopieerd wilt plakken, moet u ervoor zorgen dat het kader is geselecteerd, met de rechtermuisknop (Windows) of Control-klik (Mac) en kiest u Kaders plakken in het contextmenu dat wordt weergegeven.

4. Klik op de nieuw geplakte tween-reeks om deze te selecteren.

5. Om de tween achteruit te spiegelen, klik met de rechtermuisknop (Windows) of houd Control ingedrukt en klik (Mac) op de geselecteerde frames en kies Hoofdframes omkeren in het contextmenu dat verschijnt.

6. Druk op Enter of Return om een ​​voorbeeld van uw animatie te bekijken.

7. De bal gaat omhoog en vervolgens omlaag, en handig is de animatie niet alleen omgekeerd maar ook versoepeld.

   Versoepeling gebruiken met Flash CS5 IK-animatie

Net als bij bewegings-tweens, kunt u de zwaartekracht en traagheid nabootsen door het gebruik van IK-animaties te vereenvoudigen. Hoewel de bewegingseditor niet beschikbaar is voor geposeerde animaties, kunt u easing-gedrag eenvoudig toevoegen vanuit de eigenschappencontrole om uw IK-animatie een realistischer uiterlijk te geven.

Volg deze stappen om versnelling toe te voegen aan een ankerlaag:

Klik op en selecteer het eerste frame van een bestaande IK-armatuurlaag op de tijdlijn.

1. Zoek de gemaksopties aan de rechterkant van de eigenschappencontrole - de standaardwaarde is ingesteld op nul (geen gemak) - en klik en sleep om de waarde te wijzigen in 100 (Ease Out).

2. (Optioneel) Selecteer een ander type gemak in de vervolgkeuzelijst Type.

3. Druk op Enter of Return om de animatie te bekijken.

4. Je ziet dat het versoepelen het gedrag van je animatie verandert.