[Guida Photoshop] Creare una GIF animata

• supporta fino ad un massimo di 256 colori: per questo motivo, non è indicato per fotografie o immagini che necessitano di molti dettagli nei colori;
• supporta la trasparenza: permette di realizzare immagini con delle zone “trasparenti”, che lasciano trasparire il colore sottostante all’immagine;
• è un formato di compressione di tipo lossless: ovvero che ad ogni sua compressione, non c’è perdita di dati e quindi l’immagine non perde qualità;
• permette la creazione di animazioni, mostrando immagini in sequenza, una di seguito l’altra.

Un’animazione in formato gif dunque, non è che una sequenza di più immagini (fotogrammi) una dietro l’altra. Ogni fotogramma ha una sua durata in secondi e l’intero ciclo di fotogrammi può ripetersi quante volte vogliamo, anche all’infinito. Andiamo dunque a vedere come realizzare una gif animata con l’ausilio di Photoshop.

Importare le immagini

Se hai a disposizione delle immagini che vuoi usare per una gif animata, puoi importarle in Photoshop disponendole automaticamente in livelli differenti. Scegli quindi dal menu “File” -> “Script” -> “Carica file in serie“. Dalla finestra di dialogo “Carica Livelli”, clicca su “Sfoglia” per selezionare i file da importare in Photoshop.
Una volta selezionati i file da importare, puoi selezionare l’opzione “Tenta di allineare automaticamente le immagini sorgente”: se selezionata, Photoshop allineerà in maniera automatica i vari livelli in fase di importazione, in modo da avere un’animazione fluida con le immagini allineate il più possibile l’una con l’altra. Se le immagini che stai importando sono state realizzate ad hoc e quindi sono già allineate tra loro, non spuntare questa opzione. L’opzione “Crea oggetto avanzato dopo aver caricato i livelli”, permette di trasformare i livelli importati in oggetti avanzati. Clicca OK per avviare l’importazione dei livelli in Photoshop. Al termine dell’importazione, tutte le immagini importate si troveranno in livelli separati.

Creare l’animazione

A questo punto, per poter creare l’animazione, è necessario rendere visibile la finestra “Timeline”. Dal menu degli strumenti seleziona Finestra -> Timeline.
All’interno della finestra Timeline, clicca sul pulsante “Crea animazione fotogramma” e successivamente sul pulsante a righe in alto a destra della finestra. Dal menu che si apre, seleziona la voce “Crea fotogrammi dai livelli”. Photoshop a questo punto disporrà ogni singolo livello in fotogrammi distinti: Dalla timeline è possibile cambiare l’ordine dei fotogrammi trascinandoli semplicemente e cambiare la durata di ogni singolo fotogramma. Per migliorare la fluidità tra tra i fotogrammi, è possibile utilizzare la funzionalità “Tweening“: è una funzionalità che permette a Photoshop di creare in automatico dei fotogrammi aggiuntivi tra un fotogramma e l’altro. Seleziona dunque un fotogramma e clicca il pulsante con i 4 pallini:
Ripeti l’operazione per tutti i fotogrammi su cui vuoi utilizzare questa funzionalità. Nel caso volessi aggiungere un nuovo fotogramma, clicca nuovamente sul pulsante con le 4 linee in alto a destra della finestra Timeline e seleziona “Nuovo fotogramma”. Verrà inserito un nuovo fotogramma identico all’ultimo in ultima posizione. Selezionalo e dalla palette livelli lascia visibile l’unico livello che vuoi che sia visibile nel nuovo fotogramma.

Esportare l’animazione

E’ possibile salvare il progetto in formato .psd per poterci lavorare successivamente o per modificare l’animazione. Per esportare l’animazione finale in formato gif, accedi al menu File -> Esporta -> Salva per Web (versione precedente).Si apre così la finestra di dialogo “Salva per Web”: da questa finestra, seleziona il formato Gif dalla tendina dedicata in alto a destra, seleziona il numero di colori con cui vuoi esportare l’immagine (meno colori = qualità inferiore ma minore peso dell’immagine), le dimensioni (nel caso volessi cambiarle) e l’opzione di ciclo dell’animazione, cioè quante volte vuoi che l’animazione si ripeta. Concludi cliccando su Salva:

Vuoi creare una GIF animata partendo da un video? Nessun problema: puoi farlo in modo semplicissimo, utilizzando Photoshop. Prima di andare avanti, però, devi sapere un dettaglio fondamentale: maggiore è il framerate del video, maggiori saranno i fotogrammi che comporranno l’immagine. Ciò significa, che l’importazione del file potrebbe impiegare molto tempo e a meno che non eliminate manualmente alcuni fotogrammi non necessari, la GIF potrebbe avere un peso elevato.

Ora iniziamo, per prima cosa, apri il menu File e seleziona la voce Importa -> Fotogrammi video in livelli e scegliete il video che vi interessa. Fatto ciò, specificate se volete importare il video dall’inizio alla fine, oppure scegliete un intervallo personalizzato spuntando la casella “Solo intervallo selezionato” e regolando i cursori d’inizio e fine che si trovano sotto l’anteprima del video.

Se il tuo video ha un framerate pari o superiore ai 60fps, ti consiglio di diminuire il numero di frame importati, mettendo una spunta accanto alla voce “Solo uno ogni” e specificando il numero di fotogrammi da “saltare” (es. su un video a 60fps, potresti importarne solo uno ogni 20 fotogrammi).

Quando hai finito, spunta la voce “Crea animazione fotogrammi” e premi il pulsante OK per avviare l’importazione del filmato, che potrebbe impiegare alcuni secondi. Nel caso dovessi visualizzare un messaggio relativo l’elevata dimensione/durata dell’animazione, clicca sul pulsante Annulla e aumenta il numero di fotogrammi da saltare.

A questo punto, se desideri personalizzare i fotogrammi generati (modificarne la durata, aggiungere il tweening, spostarli e così via), puoi intervenire sulla scheda Timeline.

Se questa guida non vi basta, date un’occhiata alla nostra guida su come eliminare lo sfondo di un immagine su Photoshop.

Siete rimasti soddisfatti? Fatecelo sapere nei commenti, e seguiteci per tante altre nuove guide e tutorial! Buona animazione a tutti!