Come sovrapporre testo (o altro) su GIF animate in Photoshop

0
201

photoshop-gif-caption-optional

A volte una GIF da sola non è abbastanza; a volte vuoi aggiungere un po 'di testo. Photoshop può fare il lavoro, ma il processo non è così intuitivo come potresti immaginare, soprattutto se non hai mai modificato l'animazione in Photoshop prima.

Quando importi una GIF in Photoshop, noterai che ogni fotogramma viene visualizzato in “Livelli”. In particolare, cambiando l'ordine dei livelli non cambia l'ordine di riproduzione dei fotogrammi. Che cosa sta succedendo, esattamente?

Per scoprirlo, devi aprire la finestra Linea temporale, che troverai in Finestra> Linea temporale.

photoshop-window-temporale

Ciò aggiungerà una nuova finestra, in cui puoi vedere i fotogrammi nella tua GIF e persino premere il pulsante di riproduzione per visualizzare in anteprima la riproduzione.

photoshop-gif-timeline-mostra

Le cose possono diventare un po 'confuse, quindi esaminiamo. Ai fini del nostro esercizio …

  • Il Sequenza temporale La finestra consente di controllare l'ordine in cui vengono riprodotti i fotogrammi e di visualizzare in anteprima l'animazione.
  • Il Livelli la finestra controlla su quali cornici verranno sovrapposte le trasparenze. Ad esempio, un overlay in cima all'elenco verrà visualizzato su tutti i frame.

Con l'accesso a questo, andiamo avanti e aggiungiamo il nostro overlay. Per questo esempio, aggiungeremo del testo, quindi crea una casella di testo come faresti normalmente.

photoshop-text-tool

Come sempre, il testo verrà aggiunto in un nuovo livello. Vai avanti e trascina questo overlay in cima all'elenco dei livelli.

photoshop-gif-text-layer

Proprio così, il tuo overlay di testo apparirà su tutta la tua GIF.

Panda-jump-text

Se è tutto ciò che vuoi fare, hai finito! Ma se vuoi che il tuo overlay venga visualizzato ad un certo punto nell'animazione, le cose diventano un po 'più complicate. Trascina la casella di testo al centro per vedere cosa intendo.

Panda-jump-text-strati

Nel mio esempio, facendo ciò, il testo veniva visualizzato per la prima metà dei fotogrammi, quindi scompare.

panda-jump-text-a metà strada

Questo è probabilmente l'opposto di quello che vuoi, e l'unico modo per risolverlo è riorganizzare tutti i tuoi livelli. Trascina i primi fotogrammi in cima all'elenco, metti il ​​testo al centro.

photoshop-gif-rearrange

Ciò rende possibile che il tuo testo venga visualizzato a metà della GIF. Puoi anche aggiungere un altro pezzetto di testo, in seguito.

photoshop-gif-più-text

Prendilo?

due-dichiarazioni panda-jump-

Ottenere le cose giuste può richiedere del tempo, ma gioca con l'ordine dei livelli abbastanza a lungo e il tuo testo verrà visualizzato esattamente quando lo desideri.

Quando sei pronto, ti suggerisco di fare clic su File> Salva per Web per esportare la GIF; avrai un sacco di controllo sulla qualità, che può aiutare a ridurre le dimensioni del file. Goditi la tua GIF appena completata!