Motion Tween in Photoshop Pubblicità Blinkie

• Aprile 19, 2024

In questo tutorial di Photoshop CS3, finiremo il blinkie pubblicitario spostando il testo e le coccinelle dal blinkie, lasciandolo vuoto per ricominciare l'animazione. Nell'ultimo tutorial, abbiamo terminato il morphing del testo nel frame 74.

Ora, inizieremo a spostare la coccinella rossa da sotto il cameo e verso il testo (J 3 Designs). Diamo alla coccinella 15 fotogrammi per raggiungere il bordo destro del testo. Da quel punto, sposteremo insieme il testo e la coccinella per 60 fotogrammi fino a quando non scompaiono dal blinkie. Quindi, sposteremo la coccinella d'oro dall'angolo in basso a sinistra verso l'angolo in alto a destra e toglieremo il lampeggio. Diamo a questa coccinella 20 fotogrammi per questo compito.

A questo punto, il blinkie sarà vuoto. Diamo al pubblico un piccolo periodo di riposo di 5 fotogrammi prima di riportare la coccinella d'oro nella sua posizione originale nell'angolo in basso a sinistra del blinkie. Questo completerà l'intera animazione che si ripeterà fino alla fine del mondo.

Apri il tuo file di progetto blinkie2.psd in Photoshop^R e cominciamo.

1. Il nostro primo passo è spostare la coccinella rossa verso il testo. Aggiungere il fotogramma 75 e reimpostare la durata a .1 sec. Aggiungi il fotogramma 76 e fai clic sul livello Coccinella rossa nella palette Livelli. Ora, fai clic sullo strumento Sposta e usalo per spostare la coccinella in posizione all'estremità destra del testo. Puoi anche usare le frecce direzionali sulla tastiera per posizionare la coccinella.
   
   
2. Selezionare entrambi i frame 75 e 76 e creare un interpolazione di movimento con una durata di 15 fotogrammi. Ora dovresti avere 91 frame.
   
   
3. Ora useremo un Motion Tween di 60 fotogrammi per spostare sia il bug che il testo fuori dalla vista. Nel fotogramma 91, selezionare i livelli Red Ladybug e J 3 Designs nella palette Livelli. Aggiungi un nuovo fotogramma 92 e trascina sia il bug che il testo a sinistra e fuori dal lampeggio. Seleziona entrambi i frame 91 e 92 e aggiungi un Tween di 60 frame. Dovresti avere 152 frame.
   
   Ora sarebbe un buon momento per testare l'animazione.
   
   
4. È ora di svegliare quella coccinella d'oro e metterla al lavoro. Aggiungi un nuovo fotogramma 153 e seleziona il livello Coccinella d'oro nella palette Livelli. Aggiungi un altro fotogramma 154 e trascina la coccinella d'oro in alto a destra e spegni il blinkie. Seleziona entrambi i frame 153 e 154 e aggiungi un tween di 20 frame. Dovresti avere 174 frame.
   
   
5. Vogliamo che il blinkie sia vuoto per la lunghezza di cinque fotogrammi al secondo. Quindi cambiamo la durata del fotogramma 174 a 0,5 sec.
   
   Infine, dobbiamo riportare la coccinella d'oro nella sua posizione iniziale.
   
   
6. Torna al fotogramma 1 e fai clic su Copia fotogramma dal menu a comparsa della palette Animazione. Seleziona l'ultimo fotogramma (174) e fai clic su Incolla fotogramma. Nella finestra di dialogo Incolla cornici, selezionare Incolla dopo la selezione e fare clic su OK. Questo aggiungerà il Frame 175.
   
   
7. Aggiungi un nuovo fotogramma 176 per duplicare il fotogramma 175. Torna al fotogramma 175 e, con il livello Coccinella d'oro ancora selezionato nella palette Livelli, trascina la coccinella verso il basso e verso il basso dal blinkie.
   
   
8. Seleziona entrambi i frame 175 e 176 e aggiungi un tween a 10 frame. Dovresti avere 186 frame.
   
   
9. Assicurati che le Opzioni di Looping siano impostate su Forever (in fondo alla palette Animation) e salva il tuo blinkie come AdvBlinkie.psd. Torna al fotogramma 1 e prova il tuo blinkie finito. Ti consigliamo inoltre di utilizzare l'opzione Salva per Web e dispositivi dal menu File per salvare il tuo blinkie in formato GIF per il web.
   
   

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.