Percorsi di movimento di Flash CS6

• Potrebbe 4, 2024

Nell'ultimo Flash^R CS6 tutorial, abbiamo creato una semplice animazione Motion Tween che spostava un oggetto lungo una linea retta. Ora, modificheremo l'animazione per spostare l'oggetto lungo una linea curva.

Abbiamo già discusso della piccola modifica dell'intervallo di interpolazione per il Motion Tween ma non abbiamo dato un'occhiata al palco. Come puoi vedere, abbiamo una linea retta verde punteggiata che si estende dalla posizione iniziale a sinistra alla posizione finale a destra dell'animazione. Questo si chiama Motion Path dell'animazione.

Quando si lavora con Motion Tweens, è facile modificare questo Motion Path. Proviamolo.

1. Con lo strumento Selezione, posiziona il cursore accanto alla linea verde e al centro del tracciato.
   
   Vedrai il cursore cambiare in una freccia con una piccola linea curva.
   
   
2. Facciamo la curva del percorso verso l'alto. Fai clic sul centro del percorso e trascina verso l'alto fino a quando la linea curva.
   
   
3. Sposta la testina attraverso la linea temporale e vedrai che il quadrato si sposta lungo il percorso curvo.
   
   Ora è un buon momento per testare la nostra animazione.
   
   
4. Dalla barra dei menu, fare clic su Controllo - Prova filmato - In Flash Professional.
   
   Questo aprirà la nostra animazione in Flash Player. Dovresti vedere che il quadrato si muove lungo il percorso curvo. L'animazione verrà riprodotta in loop (riproduzione continua) perché non abbiamo detto di fermarsi alla fine. Chiudi Flash Player e torna all'area di lavoro.
   
   A questo punto il quadrato si sposta lungo il percorso curvo ma il quadrato non ruota. Rimane a livello con la parte inferiore del palco per tutta l'animazione. Possiamo aggiungere un po 'di interesse all'animazione ruotando il quadrato mentre si muove lungo il percorso.
   
   Vogliamo che il quadrato sia a livello con la parte inferiore dello stage quando l'animazione inizia e ruota in modo incrementale lungo il percorso. Quindi dobbiamo cambiare la posizione finale dell'animazione.
   
   
5. Seleziona il fotogramma 50, quindi scegli lo strumento Trasformazione libera dal pannello Strumenti.
   
   Vedrai una linea nera con otto punti di controllo attorno al quadrato.
   
   
6. Dalla barra dei menu, fare clic su Modifica - Trasforma - Ridimensiona e ruota.
   
   
7. Nella finestra di dialogo Ridimensiona e ruota, imposta il valore Ruota su 120 gradi e fai clic su OK.
   
   
8. Sposta la testina lentamente lungo la linea temporale e vedrai il quadrato ruotare lungo il percorso.
   
   

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: VideoCorso After Effects Lezione 26B - Animazione Disegno a Mano Libera con Pennello e Tracciati (Potrebbe 2024).