Flash CS6-bewegingspaden

• April 28, 2024

In de laatste Flash^R CS6-tutorial, we hebben een eenvoudige Motion Tween-animatie gemaakt die een object langs een rechte lijn heeft verplaatst. Nu zullen we de animatie aanpassen om het object langs een gebogen lijn te verplaatsen.

We hebben de kleine wijziging in de tween-reeks voor de Motion Tween al besproken, maar we hebben het podium niet bekeken. Zoals u kunt zien, hebben we een gestippelde groene rechte lijn die zich uitstrekt van de beginpositie links tot de eindpositie rechts van de animatie. Dit wordt het bewegingspad van de animatie genoemd.

Bij het werken met Motion Tweens is het eenvoudig om dit Motion Path aan te passen. Laten we het proberen.

1. Plaats met het gereedschap Selecteren uw cursor naast de groene lijn en in het midden van het pad.
   
   U ziet de cursor veranderen in een pijl met een kleine gebogen lijn.
   
   
2. Laten we het pad naar boven buigen. Klik op het midden van het pad en sleep omhoog totdat de lijn kromt.
   
   
3. Beweeg de afspeelkop over de tijdlijn en u zult zien dat het vierkant langs het gebogen pad beweegt.
   
   Dit is een goed moment om onze animatie te testen.
   
   
4. Klik in de menubalk op Besturing - Film testen - in Flash Professional.
   
   Dit opent onze animatie in de Flash Player. Je zou moeten zien dat het vierkant langs het gebogen pad beweegt. De animatie wordt afgespeeld (continu afgespeeld) omdat we niet hebben gezegd dat deze aan het einde moet stoppen. Sluit de Flash Player en keer terug naar de werkruimte.
   
   Op dit punt beweegt het vierkant langs het gebogen pad, maar het vierkant draait niet. Het blijft tijdens de animatie gelijk met de onderkant van het podium. We kunnen een beetje interesse toevoegen aan de animatie door het vierkant te draaien terwijl het langs het pad beweegt.
   
   We willen dat het vierkant gelijk staat met de onderkant van het werkgebied wanneer de animatie start en stapsgewijs langs het pad roteert. We moeten dus de eindpositie van de animatie wijzigen.
   
   
5. Selecteer Frame 50 en kies vervolgens het gereedschap Vrije transformatie in het deelvenster Gereedschappen.
   
   U ziet een zwarte lijn met acht controlepunten rond het vierkant.
   
   
6. Klik in de menubalk op Wijzigen - Transformeren - Schalen en roteren.
   
   
7. Stel in het dialoogvenster Schalen en roteren de waarde Roteren in op 120 graden en klik op OK.
   
   
8. Beweeg de afspeelkop langzaam langs de tijdlijn en je ziet het vierkant langs het pad draaien.
   
   

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst en Flash Paper is / zijn ofwel [a] geregistreerde handelsmerken [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.