Bewegingstweens in Flash CS6

• Mei 16, 2024

In deze zelfstudie leren we hoe u een Motion Tween in Flash kunt maken^R CS6. Misschien herinner je je dat we in een vorige zelfstudie een animatie hebben gemaakt die een cirkel over het werkgebied heeft verplaatst. In die les hebben we een Classic Tween-animatie gemaakt. De Classic Tween is het oorspronkelijke type animatie voor Flash.

Nu zullen we een nieuw type tween-animatie bekijken. Deze keer maken we een Motion Tween-animatie die een vierkant door het werkgebied verplaatst. Op het eerste gezicht lijken deze twee animaties identiek. Maar naarmate we toekomstige lessen volgen, zult u zien waarom de Motion Tween de favoriete tween-animatieoptie is. Het is zeer flexibel en kan worden gebruikt om vrij complexe animaties te maken.

1. Open Flash CS6 en kies ActionScript 3.0 in de kolom Nieuwe maken van het welkomstscherm.
   
   U zult zien dat we een leeg podium en één laag in de tijdlijn hebben.
   
   
2. Dubbelklik op de laagnaam en hernoem laag 1 naar "Vierkant".
   
   
3. Zet de lijnkleur op nul.
   
   
4. Klik op het vak Opvulkleur en kies een kleur uit de Kleurkiezer.
   
   
5. Teken met het gereedschap Rechthoek een vierkant in het werkgebied.
   
   Op dit punt is het vierkant een basisvorm. Laten we om dit te bevestigen de informatie in het deelvenster Eigenschappen bekijken.
   
   
6. Selecteer met het gereedschap Selecteren het vierkant in het werkgebied.
   
   In het deelvenster Eigenschappen zien we dat dit object een vorm is. We kunnen ook de positie, grootte en kleur van het object zien.
   
   De eerste stap bij het maken van een Motion Tween is het omzetten van de vorm in een symbool. We zullen Flash-symbolen in een volgende tutorial uitgebreid bespreken.
   
   
7. Selecteer het vierkant in het werkgebied en klik in de menubalk op Wijzigen - Converteren naar symbool.
   
   
8. Geef in het dialoogvenster Converteren naar symbool het symbool "Vierkant" aan en stel Type in op Filmclip. Stel vervolgens het registratiepunt in op het midden door op het kleine middelste vakje in de groep kleine vakjes te klikken. Klik OK.
   
   U zult zien dat er een dunne blauwe lijn rond het vierkant verschijnt die aangeeft dat het object nu een symbool is.
   
   
9. Klik met de rechtermuisknop op Frame 50 van de tijdlijn en kies Frame invoegen om de frames van Tijdlijn 50 uit te breiden.
   
   
10. Klik met de rechtermuisknop op een frame op de tijdlijn en kies Create Motion Tween.
    
    Je zult zien dat Flash alle frames een andere kleur heeft gegeven. Dit worden de tween-reeks van de bewegings-tween genoemd.
    
    Verplaats de afspeelkop langs de tijdlijn terug naar frame 1. Net als in de laatste zelfstudie wordt het object niet verplaatst. Dit komt omdat we nog geen tweede Keyframe hebben toegevoegd om de eindpositie voor de animatie aan te geven.
    
    
11. Klik met de rechtermuisknop op Frame 50 en kies Insert Keyframe - All in het menu.
    
    
12. Klik nog steeds op Frame 50, klik op het vierkant en sleep het naar de andere kant van het werkgebied om Flash te vertellen dat dit de eindpositie voor de Motion Tween zal zijn.
    
    

Wanneer u nu de afspeelkop verplaatst, beweegt het vierkant stapsgewijs over het werkgebied.

Maar met Motion Tweens kunnen we de animatie eenvoudig aanpassen, zodat het vierkant langs een gebogen lijn in plaats van op een rechte lijn beweegt.

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] gedeponeerd handelsmerk [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.

Video-Instructies: Flash CS6 - Bewegingstweens (Mei 2024).