Motion Tweens in Flash CS6

• Potrebbe 9, 2024

In questo tutorial impareremo come creare un Motion Tween in Flash^R CS6. Potresti ricordare che abbiamo creato un'animazione in un tutorial precedente che ha spostato un cerchio sullo stage. In quella lezione, abbiamo creato un'animazione Tween classica. La Tween classica è il tipo originale di animazione per Flash.

Ora daremo uno sguardo a un nuovo tipo di animazione interpolata. Questa volta, creeremo un'animazione Motion Tween che sposta un quadrato sullo stage. A prima vista, queste due animazioni possono apparire identiche. Ma man mano che avanzi nelle lezioni future, vedrai perché Motion Tween è l'opzione di animazione dell'interpolazione preferita. È molto flessibile e può essere utilizzato per creare animazioni piuttosto complesse.

1. Apri Flash CS6 e scegli ActionScript 3.0 dalla colonna Crea nuovo della schermata di benvenuto.
   
   Vedrai che abbiamo una fase vuota e un livello nella linea temporale.
   
   
2. Fare doppio clic sul nome del livello e rinominare il livello 1 in "Quadrato".
   
   
3. Impostare il colore del tratto su null.
   
   
4. Fai clic sulla casella Colore riempimento e scegli qualsiasi colore dal Selettore colore.
   
   
5. Con lo strumento Rettangolo, disegna un quadrato sullo stage.
   
   A questo punto, il quadrato ha una forma base. Per confermare ciò, diamo un'occhiata alle informazioni nel pannello Proprietà.
   
   
6. Con lo strumento Selezione, selezionare il quadrato sullo stage.
   
   Nel pannello Proprietà, vediamo che questo oggetto è una forma. Possiamo anche vedere la posizione, le dimensioni e il colore dell'oggetto.
   
   Il primo passo per creare un'interpolazione di movimento è convertire la forma in un simbolo. Discuteremo i simboli Flash in modo approfondito in un tutorial futuro.
   
   
7. Seleziona il quadrato sullo stage e dalla barra dei menu, fai clic su Modifica - Converti in simbolo.
   
   
8. Nella finestra di dialogo Converti in simbolo, dai un nome al simbolo "Quadrato" e imposta Tipo su Clip filmato. Quindi, imposta il Punto di registrazione al centro facendo clic sulla casella centrale piccola nel gruppo di caselle piccole. Clicca OK.
   
   Vedrai che una sottile linea blu appare intorno al quadrato, indicando che l'oggetto è ora un simbolo.
   
   
9. Fare clic con il tasto destro del mouse sul fotogramma 50 della linea temporale e selezionare Inserisci fotogramma per estendere i fotogrammi della linea temporale 50.
   
   
10. Fai clic con il pulsante destro del mouse su qualsiasi fotogramma della linea temporale e scegli Crea interpolazione di movimento.
    
    Vedrai che Flash ha trasformato tutte le cornici in un colore diverso. Questi sono chiamati Tween Span of the Motion Tween.
    
    Riporta la testina di riproduzione lungo la linea temporale al fotogramma 1. Come nell'ultimo tutorial, l'oggetto non si sposta. Questo perché non abbiamo ancora aggiunto un secondo fotogramma chiave per indicare la posizione finale per l'animazione.
    
    
11. Fai clic con il pulsante destro del mouse sul fotogramma 50 e scegli Inserisci fotogramma chiave - Tutto dal menu.
    
    
12. Mentre sei ancora sul fotogramma 50, fai clic sul quadrato e trascinalo sull'altro lato del palco per dire a Flash che questa sarà la posizione finale per Motion Tween.
    
    

Ora, quando sposti la testina, il quadrato si sposta in modo incrementale attraverso lo stage.

Ma con Motion Tweens possiamo facilmente modificare l'animazione in modo che il quadrato si sposti lungo una linea curva anziché su una linea retta.

Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di 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, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.

Istruzioni Video: Motion Tween in Flash CS6 (Potrebbe 2024).