Come creare una GIF in Adobe Photoshop

Le GIF sono ovunque. L’immagine animata un tempo umile è ora il linguaggio non ufficiale del web. Le GIF sono il modo più veloce per esprimere un’emozione su Twitter e puoi sprecare ore a guardarle su Reddit e Facebook.

Ci sono un sacco di posti in cui trovare GIF, ma niente batte crearne di tue. Puoi creare una GIF animata in Photoshop convertendo video o utilizzando una serie di immagini statiche. Diamo un’occhiata a come fare entrambe le cose.

Crea una GIF in Photoshop da un video

Esistono molti modi per convertire un video in GIF ed è anche molto facile creare una GIF in Photoshop utilizzando uno dei tuoi filmati.

Inizia andando su File> Importa> Fotogrammi video su livelli . Non è necessario creare prima un nuovo file. Seleziona il tuo video e fai clic su Apri .

Nella finestra di dialogo che segue, puoi scegliere se importare l’intero video o solo una parte selezionata. Se opti per quest’ultimo, trascina le maniglie di taglio sotto la finestra di anteprima verso l’interno per impostare nuovi punti di inizio e fine. Tutto ciò che si trova tra queste maniglie verrà importato; tutto fuori scartato.

Tieni presente che più video importi, più grande sarà la GIF risultante.

Se stai importando una clip di grandi dimensioni, selezionare Limita a ogni 2 fotogrammi (o più) è un modo semplice per ridurre le dimensioni senza influire troppo sulla qualità. Non tagliare troppi fotogrammi, tuttavia, o non otterrai una GIF fluida.

Assicurati che l’opzione Crea animazione fotogramma sia selezionata, quindi fai clic su OK . Il video inizierà l’importazione. Potrebbe volerci un po ‘a seconda di quanto è grande. Al termine, avrai un nuovo file immagine, in cui ogni fotogramma del video viene posizionato sul proprio livello.

Nella parte inferiore dello schermo c’è la tavolozza Timeline . Questo mostra tutti i fotogrammi che comporranno la tua GIF, ciascuno dei quali corrisponde a un livello diverso nell’immagine.

Puoi aggiungere o rimuovere cornici o modificare uno qualsiasi dei livelli esistenti proprio come faresti con un normale livello su qualsiasi altra immagine. Ma per un’esportazione diretta di un video in una GIF, premi semplicemente il pulsante Riproduci in basso per un’anteprima. Quando sei felice, sei pronto per salvare la GIF.

Come esportare una GIF in Photoshop

Vai a File> Esporta> Salva per Web (legacy) . Nella casella che si apre, imposta il formato su GIF, Colori su 256 e riduci la dimensione dell’immagine a qualcosa di più piccolo per ridurre le dimensioni complessive del file.

Puoi vedere quanto sarà grande il tuo file risultante in basso a sinistra nella finestra Anteprima. Se è troppo grande, trascina il cursore Lossy verso destra. Ciò influirà sulla qualità, ma ridurrà anche notevolmente le dimensioni del file.

Infine, premi Salva per esportare la tua GIF animata.

Crea una GIF in Photoshop utilizzando immagini fisse

Se non hai un video da utilizzare, puoi creare una GIF manualmente da una serie di immagini statiche. Ci sono app che ti aiutano ad animare le foto sul tuo telefono e puoi farlo anche in Photoshop.

Crea la tua GIF da un singolo file immagine contenente diversi livelli e i livelli vengono utilizzati per fornire il contenuto per ogni fotogramma dell’animazione. Ci sono due modi per iniziare.

Se hai già creato le immagini per la tua animazione, importale andando su File> Script> Carica file nello stack .

Fare clic su Sfoglia , selezionare tutte le immagini necessarie e premere OK . Ogni immagine verrà quindi posizionata sul proprio livello individuale all’interno dello stesso file.

In alternativa, se non hai già creato le immagini, fallo ora. Ricorda che ogni parte dell’animazione dovrebbe andare su un proprio livello.

Modifica una GIF animata in Photoshop

Ecco come funziona:

• Quando crei manualmente un fotogramma nell’animazione, ogni livello dell’immagine impostato su Visibile verrà incluso in quel fotogramma.
• I livelli impostati su Nascosto non verranno inclusi nella cornice.

Puoi creare la tua animazione mostrando o nascondendo diversi livelli all’interno dell’immagine per ogni fotogramma.

Quindi, per il primo fotogramma potresti voler impostare il livello di sfondo su Visibile e tutti gli altri su Nascosto . Quindi, nel secondo fotogramma potresti voler rendere visibile il secondo livello, quindi il terzo livello nel terzo fotogramma e così via. Diventerà chiaro una volta che inizi.

Per prima cosa, vai su Finestra> Timeline . Al centro del pannello che si apre, fai clic su Crea animazione fotogramma . Questo crea il primo fotogramma della tua animazione. Nella palette Livelli , nascondi i livelli che non vuoi far parte di questo fotogramma deselezionando le icone a forma di occhio .

Ora fai clic sul pulsante Nuovo frame , che duplicherà il frame precedente. Ancora una volta, nascondi i livelli che non vuoi includere in questa nuova cornice e rendi visibili quelli che fai.

Ripeti questo processo finché non hai aggiunto tutti i fotogrammi necessari nella tua GIF.

Imposta la frequenza dei fotogrammi e crea una GIF in loop

Per finire, imposta il Frame Delay: questo è, in effetti, il frame rate. Fare clic sul primo fotogramma, quindi fare clic tenendo premuto il tasto Maiusc sull’ultimo fotogramma.

Ora, fai clic sulla freccia del menu a discesa sotto uno dei frame e seleziona un ritardo. Nessun ritardo significa che l’animazione verrà eseguita rapidamente, mentre un numero specifico di secondi significa che ogni fotogramma rimarrà sullo schermo per quel periodo di tempo.

Infine, imposta le Opzioni di loop , che troverai nella parte inferiore del pannello Timeline. Imposta quante volte verrà riprodotta la GIF. Nella maggior parte dei casi, ti consigliamo di impostarlo su Forever .

Ora premi il pulsante Riproduci nella parte inferiore dello schermo per visualizzare in anteprima la tua GIF. Ora dovresti vedere la tua GIF animata in azione.

Puoi modificare i fotogrammi semplicemente selezionandoli e regolando quali livelli sono visibili (puoi anche regolare l’opacità o apportare altre modifiche più avanzate). Aggiungi più livelli se ne hai bisogno o premi l’icona del cestino per eliminarli.

Quando sei soddisfatto, puoi passare direttamente alla sezione Esporta una GIF. Oppure continua a leggere per perfezionare l’animazione e creare una GIF fluida.

Animazioni avanzate con tweening

Photoshop supporta una potente funzione di animazione chiamata tweening. Ciò consente di creare animazioni GIF fluide generando automaticamente fotogrammi di transizione tra due fotogrammi esistenti.

Ad esempio, supponi di volere che un livello si dissolva in apertura. Creerai un fotogramma con quel livello impostato su Nascosto e un altro con tale livello impostato su Visibile . Quindi dovresti “interpolare” tra questi due fotogrammi e Photoshop fa il resto.

Nel nostro esempio, interporteremo tra tutti i fotogrammi per dare al nostro cielo stellato un effetto più scintillante.

Innanzitutto, seleziona il primo fotogramma e fai clic sul pulsante Tween sulla barra degli strumenti nella parte inferiore del pannello Timeline.

Nella finestra di dialogo che si apre, imposta Interpolazione con su Fotogramma successivo e Fotogrammi su Aggiungi al numero di fotogrammi di transizione desiderati. Un numero più alto significa un effetto più fluido ma più lento. Fare clic su OK per generare i nuovi frame.

Ora ripeti il ​​processo per gli altri frame originali che hai creato. Quando ottieni l’ultimo, potresti voler impostare Tween con su First Frame . Questo aiuta a creare una transizione graduale all’inizio di una GIF in loop.

Premi il pulsante Riproduci per visualizzare in anteprima l’effetto.

Esporta una GIF in Photoshop

Quando hai finito, dovresti prima salvare il tuo file nel formato PSD. Ciò salverà tutte le informazioni sul livello e sull’animazione in modo da poter tornare indietro e modificarle in seguito, se necessario. Dopodiché, puoi esportarlo come GIF.

Vai a File> Esporta> Salva per Web (legacy) . Nella finestra di dialogo che si apre, assicurati che il formato sia impostato su GIF e che l’opzione Colori sia impostata su 256 (questo garantisce la massima qualità).

Altre impostazioni che potresti voler modificare includono la dimensione dell’immagine e le opzioni di loop se non l’hai fatto prima.

La finestra di anteprima mostra la dimensione del file quando lo salvi. È anche possibile fare clic sul pulsante Anteprima per provare l’animazione in una finestra del browser. Infine, fai clic su Salva per salvare ed esportare la tua GIF.

Crea e modifica GIF in Photoshop

È abbastanza facile creare una GIF in Photoshop e vale la pena farlo perché ti dà il controllo completo sul risultato.

E se non hai Photoshop, non preoccuparti. Ci sono molti editor meno costosi che hanno anche funzionalità di creazione di GIF.