Animazione Photoshop - Grafica animata

• Potrebbe 5, 2024

In questo tutorial di Photoshop, continueremo a creare l'animazione per il nostro modello di copertina video di Facebook. Animeremo una seconda fotografia sullo schermo.

A questo punto, abbiamo la prima fotografia sullo schermo, oltre a due righe di testo. Nella scena 2, sposteremo una seconda fotografia sullo schermo. Poiché questa immagine sarà su un livello sopra la prima fotografia, coprirà completamente la prima foto.

Una volta che la prima foto è coperta, non ne abbiamo più bisogno. Quindi, potremo tagliare la traccia di questa fotografia e quindi rimuovere la foto dallo schermo. Per terminare questa scena, svaniremo il testo, in preparazione della dissolvenza del secondo gruppo di testo.

Scene 2 Frame by Frame

Timecode (0: 00: 05: 00) A cinque secondi sulla linea temporale, la seconda grafica segnaposto scorrerà sullo schermo. (durata: 0,5 sec)

Timecode (0: 00: 07: 00) A sette secondi sulla linea temporale, le due righe di testo svaniranno. (durata: 0,5 sec)

Apri il tuo progetto su Photoshop e vai alla linea temporale. Come puoi vedere, la seconda grafica segnaposto si trova sul livello sopra la prima grafica. A questo punto, il tratto estende l'intera durata della linea temporale. Ma non abbiamo bisogno che questa immagine sia visibile fino a cinque secondi sulla linea temporale. Quindi tagliamo la traccia su Timecode (0: 00: 05: 00). Questa sarà la posizione iniziale per la diapositiva nell'animazione.

1. Se necessario, attiva la visibilità di [Immagine di sfondo qui - 2] livello nel pannello Livelli.
   
   
2. Sposta la testina di riproduzione su Timecode 0: 00: 05: 00 (vedi screenshot).
   
   
3. Fai clic sul bordo sinistro della traccia grafica del segnaposto e trascina verso destra per cinque secondi sulla linea temporale.
   
   Dobbiamo spostare la foto completamente fuori dal bordo destro dello schermo. Questa sarà la posizione di partenza per l'animazione della foto sullo schermo (vedi screenshot).
   
   
4. Per spostare l'immagine nella posizione iniziale dell'animazione, selezionare il livello, fare clic su Modifica - Trasformazione libera e trascinare l'immagine fino a quando non è completamente fuori dallo schermo.
   
   
5. Espandi il [Immagine di sfondo qui - 2] livello e fare clic sul cronometro per la proprietà Trasforma per impostare il fotogramma chiave della posizione iniziale (vedere screenshot).
   
   Ora animiamo di nuovo la seconda grafica sullo schermo.
   
   
6. Spostare l'indicatore di riproduzione su Timecode 0: 00: 05: 15. Riporta l'immagine sullo schermo, facendo corrispondere i bordi a destra.
   
   Dovresti vedere il secondo fotogramma chiave aggiunto alla proprietà Transform.
   
   
7. Infine, accorciamo la durata della traccia dell'originale [Immagine di sfondo qui] strato di fondo. Trascina il bordo destro della traccia su Timecode 0: 00: 07: 00.
   
   Ok, ora sfumiamo il testo. A questo punto, i livelli di testo terminano ancora ai cinque secondi predefiniti. Il nostro primo passo è espandere le tracce.
   
   
8. Sposta la testina di riproduzione su Timecode (0: 00: 07: 15), che è la fine dell'animazione in dissolvenza (vedi screenshot).
   
   
9. Trascina il bordo destro di ogni traccia di testo per espandere le tracce su Timecode (0: 00: 07: 15).
   
   Questo sarà il fotogramma finale per l'animazione di dissolvenza. Ma prima dobbiamo impostare il frame iniziale.
   
   
10. Spostare l'indicatore di riproduzione su Timecode (0: 00: 07: 00).
    
    
11. Aprire l'elenco Proprietà per il Nome commerciale e Tipo di affare livelli di testo.
    
    
12. Per entrambi i livelli di testo, fai clic sull'icona Cronometro per la proprietà Opacità, per impostare l'opacità iniziale per l'animazione, che a questo punto è 100% (vedi screenshot).
    
    
13. Riporta la testina di riproduzione su Timecode (0: 00: 07: 15) e riduci allo 0% l'opacità dei due livelli di testo nel pannello Livelli.
    
    Dovresti vedere i due fotogrammi chiave finali aggiunti alla linea temporale (vedi screenshot).
    
    

Metti alla prova la tua animazione e salva il tuo file.

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: Animare con Photoshop (Potrebbe 2024).