Photoshop Animation - Animating Text

• Potrebbe 16, 2024

In questo tutorial di Photoshop, inizieremo ad animare gli elementi di design nel nostro modello di copertina video di Facebook. Ogni elemento è sul proprio livello, quindi possiamo controllarli singolarmente.

Come puoi vedere a questo punto, abbiamo due livelli grafici segnaposto in basso e otto livelli di testo segnaposto (vedi screenshot). Abbiamo già esteso i livelli grafici alla durata totale (20 secondi) per il nostro video, ma i livelli di testo sono ancora impostati sui cinque secondi predefiniti (vedi screenshot). Per ora va bene, poiché sposteremo queste tracce lungo la linea temporale, se necessario. Per ora, disattiviamo la visibilità (icona a forma di occhio nel pannello Livelli) di tutti i livelli tranne quello inferiore.

Scena 1 fotogramma per fotogramma

Timecode (0: 00: 00: 00) Frame 1: il video inizierà con l'immagine di sfondo in basso visibile.

Timecode (0: 00: 01: 00) Frame 30: un secondo (30 frame) dopo l'inizio del video, il Nome commerciale il testo si dissolverà sullo schermo. (durata: 0,5 sec)

Timecode (0: 00: 02: 00) Frame 60: Due secondi dopo l'inizio del video, il Tipo di affare il testo si dissolverà. (durata: 0,5 sec)

Faremo tutto questo nel pannello Timeline.

Nel pannello Timeline, ogni livello di testo ha le sue proprietà che possiamo animare.


1. Espandi il livello Gruppo di testo nel pannello Timeline per visualizzare tutti i livelli di testo (vedi screenshot).
   
   
2. Spostare l'indicatore di riproduzione sul codice temporale (0: 00: 01: 00) e trascinare il bordo sinistro di ciascun livello di testo sull'indicatore di riproduzione. Ciò renderà invisibili i livelli di testo fino al codice temporale (0: 00: 01: 00).
   
   
3. Espandi il Nome commerciale livello di testo per mostrare l'elenco delle proprietà. Con la testina di riproduzione al codice temporale (0: 00: 01: 00), fai clic sull'icona Cronometro per la proprietà Opacità.
   
   Dovresti vedere (vedi screenshot) un piccolo fotogramma chiave giallo aggiunto alla proprietà Opacità. Questo imposta l'inizio di questa animazione del livello di testo.
   
   
4. Sposta il Playhead di 15 fotogrammi a destra. Timecode (0: 00: 01: 15)
   
   
5. Con solo il Nome commerciale livello selezionato, fare clic sul triangolo piccolo per la proprietà Opacità nell'elenco delle proprietà per aggiungere un secondo fotogramma chiave.
   
   Ora dovresti avere due fotogrammi chiave nella proprietà Opacità.
   
   A questo punto, il testo è ancora visibile in entrambe le posizioni dei fotogrammi chiave. Nascondiamo il testo sul primo fotogramma di questa dissolvenza nell'animazione.
   
   
6. Riporta la testina di riproduzione al fotogramma iniziale. Ora vai al pannello Livello e riduci l'Opacità del livello allo 0%.
   
   Il nostro ultimo compito è quello di animare il Tipo di affare testo.
   
   
7. Spostare l'indicatore di riproduzione sul segno di due secondi sul Time Ruler (02:00) o Timecode (0: 00: 02: 00). Trascina il bordo sinistro di questa traccia su Playhead.
   
   
8. Seleziona il Tipo di affare testo ed espandi per vedere le proprietà. Ripetere i passaggi precedenti per aggiungere i due fotogrammi chiave e ridurre l'opacità allo 0% al primo fotogramma chiave.
   
   

Spostare la testa di riproduzione all'inizio della linea temporale e fare clic sul pulsante Riproduci per testare l'animazione. Salva il tuo lavoro.

Nel prossimo tutorial, useremo la proprietà Transform per animare la seconda grafica segnaposto.

Indietro | Il prossimo

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 è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.

Istruzioni Video: How to Animate Text in Adobe Photoshop CC ✍ (Frame Animation) (Potrebbe 2024).