Motion Tweens în Flash CS6

• Mai 18, 2024

În acest tutorial, vom învăța cum să creați un Motion Tween în Flash^R CS6. Este posibil să vă amintiți că am creat o animație într-un tutorial anterior care a mutat un cerc de-a lungul etapei. În acea lecție, am creat o animație clasică Tween. Clasicul Tween este tipul original de animație pentru Flash.

Acum vom arunca o privire la un nou tip de animație tween. De această dată, vom crea o animație Motion Tween care va muta un pătrat de-a lungul scenei. La prima vedere, aceste două animații pot părea identice. Dar, pe măsură ce progresăm prin lecțiile viitoare, veți vedea de ce opțiunea preferată de animație Tween Motion este între ele. Este foarte flexibil și poate fi folosit pentru a crea animații destul de complexe.

1. Deschideți Flash CS6 și alegeți ActionScript 3.0 din coloana Creare nouă a ecranului de bun venit.
   
   Veți vedea că avem o etapă goală și un strat în Cronologie.
   
   
2. Faceți dublu clic pe numele stratului și redenumiți Stratul 1 în „Pătrat”.
   
   
3. Setați culoarea Stroke pe null.
   
   
4. Faceți clic pe caseta Completare culoare și alegeți orice culoare din Color Picker.
   
   
5. Cu instrumentul Rectangle, desenați un pătrat pe scenă.
   
   În acest moment, pătratul este o formă de bază. Pentru a confirma acest lucru, să ne uităm la informațiile din panoul Proprietăți.
   
   
6. Cu instrumentul Selecție, selectați pătratul de pe scenă.
   
   În panoul Proprietăți, vedem că acest obiect este o Formă. De asemenea, putem vedea poziția, dimensiunea și culoarea obiectului.
   
   Primul pas pentru crearea unui Tween de mișcare este transformarea formei într-un simbol. Vom discuta despre simbolurile Flash în profunzime într-un viitor tutorial.
   
   
7. Selectați pătratul de pe scenă și din bara de meniu, faceți clic pe Modificați - Convertiți în simbol.
   
   
8. În caseta de dialog Convertiți în simboluri, denumiți simbolul „Pătrat” și setați Tip pe Clip clip. Apoi, setați punctul de înregistrare pe centru făcând clic pe caseta centrală mică din grupul casetelor mici. Faceți clic pe OK.
   
   Veți vedea că o linie albastră subțire apare în jurul pătratului, ceea ce indică faptul că obiectul este acum un simbol.
   
   
9. Faceți clic dreapta pe Frama 50 din Cronologie și alegeți Inserați Frame pentru a extinde cadrele Cronologie 50.
   
   
10. Faceți clic dreapta pe orice cadru din Cronologie și alegeți Creare mișcare Tween.
    
    Veți vedea că Flash a transformat toate cadrele cu o culoare diferită. Acestea sunt numite Spania Tween a mișcării Tween.
    
    Mutați capul de joc de-a lungul Cronologiei înapoi la Cadrul 1. La fel ca în ultimul tutorial, obiectul nu se mișcă. Acest lucru se datorează faptului că nu am adăugat încă un al doilea cadru cheie pentru a indica poziția finală pentru animație.
    
    
11. Faceți clic dreapta pe Frame 50 și alegeți Insert Keyframe - All din meniu.
    
    
12. În timp ce este încă pe Frame 50, faceți clic pe pătrat și trageți-l în cealaltă parte a scenei pentru a spune Flash că aceasta va fi poziția finală pentru Motion Tween.
    
    

Acum, când mutați Playhead-ul, pătratul se deplasează treptat pe faza.

Dar cu Motion Tweens putem modifica cu ușurință animația, astfel încât pătratul să se miște de-a lungul unei linii curbate în loc de o linie dreaptă.

Copyright 2018 Adobe Systems Incorporated. Toate drepturile rezervate. Captura (ecranele) de produs Adobe tipărite cu permisiunea Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Elementele Premiere, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst și Flash Paper este / sunt [o] marcă înregistrată [sau] sau o marcă comercială a Adobe Systems Incorporated în Statele Unite și / sau în alte țări.

Instrucțiuni Video,: Motion Tween in Flash CS6 (Mai 2024).