Come fare una GIF in Photoshop

Apr 2021

5 mins read

I social network, tra cui Pinterest, Twitter, Facebook e Reddit, hanno scatenato una rinascita delle GIF animate, con più di qualche rivenditore online che pubblica regolarmente animazioni GIF per attirare e coinvolgere i potenziali clienti. E, indovina un po'? Funziona. Le GIF animate sono una potente forma di media che i clienti e le clienti adorano.

Quindi, perché non imparare a creare le proprie?

Se c'è una cosa che è più accattivante di una grande immagine, ma non ingombrante come un video, è una GIF. 

Cos'è una GIF? 

GIF sta per Graphics Interchange Format. Comprende una serie di fotogrammi o immagini che vengono riprodotti in sequenza per creare l'illusione di un breve videoclip ma in formato immagine.

Il numero di toni di colore in un GIF è tipicamente limitato a 256. Tuttavia, la capacità di aggiungere movimento alle immagini e di creare contenuti facilmente condivisibili compensa ampiamente la minore qualità dell'immagine.

Ottieni il certificato in Graphic Design

Padroneggia le basi del design grafico e acquisisci nuove abilità creative.

Essendo visivamente più accattivanti, i file GIF sono regolarmente usati dai commercianti digitali per mostrare le loro idee, prodotti o servizi come meme o pubblicità che attirano l'attenzione. Le GIF rendono più facile esprimere e creare immediatamente una connessione emotiva con il tuo pubblico perché sono di piccole dimensioni, si caricano più velocemente e si riproducono automaticamente senza che lo spettatore debba riprodurle manualmente.

Nel mondo digitale di oggi, la capacità di creare GIF è un'abilità molto ambita per qualsiasi lavoro di marketing digitale o di progettazione grafica, rendendola una grande aggiunta da avere sul tuo CV.

In questo tutorial, imparerai a creare la tua GIF in cinque semplici passi usando Photoshop. Il tutorial è così facile, infatti, che anche qualcuno che prova Photoshop per la prima volta sarà in grado di farlo senza alcun problema.

Cominciamo.

Come creare una GIF

Per fare una GIF, avrete bisogno di una serie di immagini e di Photoshop. Per lo scopo di questo tutorial, sto usando Photoshop 2021 ma potete usare qualsiasi versione di Photoshop abbiate già.


Step 1: Caricare i file in uno stack

Potete prendere qualsiasi numero di file, ma per il bene di questo tutorial, tenetelo semplice. Assicuratevi che le immagini che scegliete abbiano un flusso. Ecco le immagini con cui lavorerò qui sotto.

How to Make a GIF in Photoshop

Dal menu in alto in Photoshop, andare su File -> Scripts -> Load Files into Stack.

How To Make A GIF in Photoshop

Step 2: Selezionare le immagini

Nella finestra seguente, clicca su Sfoglia e seleziona la serie di immagini che vuoi caricare in pile. Se le tue immagini non sono allineate, puoi selezionare la casella che ti chiede di Tentare di allineare automaticamente le immagini di origine. Questo stabilizzerà l'intero fotogramma della GIF.

Una volta che selezionate le tue immagini, cliccare su OK.

Photoshop inizierà quindi il processo di creazione di un livello per ogni immagine che hai caricato. Puoi trovarli nel pannello Livelli nell'angolo in basso a destra.

Se vuoi, puoi riordinare l'ordine di questi livelli cliccando e trascinandoli. Puoi anche rinominarli cliccando sul nome del livello.

Se l'allineamento automatico è avvenuto, le immagini potrebbero apparire un po' distorte ma puoi risolvere questo problema ritagliando i fotogrammi. Se non hai bisogno di spuntare la casella "Attempt to Automatically Align Source Images" nel passo precedente, puoi saltare avanti al passo 3.

Per ritagliare il fotogramma:

  1. Clicca sull'icona Crop.
  2. Clicca e trascina i bordi del ritaglio per fare la tua selezione.
  3. Premi Invio per confermare il ritaglio.

Step 3: Imposta la Timeline

Dal menu in alto, vai su Window e seleziona l'opzione Timeline. Questo farà apparire la finestra Timeline sotto l'area di lavoro.

Nella finestra Timeline, clicca su Create Frame Animation.

How To Create An Animated GIF

Se non è selezionato automaticamente, selezionalo dal menu a discesa e poi fai clic su di esso in modo che le opzioni di animazione della cornice appaiano.

Assicurati che il tuo livello superiore sia selezionato e clicca sull'icona sottostante per duplicare la cornice.

Dato che ho tre immagini in questo scenario, duplicherò il fotogramma due volte. Questo creerà tre fotogrammi nella Timeline.

Step 4: Impostare i tempi

Seleziona il primo fotogramma. Sotto la miniatura, vedrai "0 sec". Questa è la durata che questo fotogramma sarà visualizzato nella GIF. Clicca sul menu a tendina accanto ad esso e seleziona la durata che preferisci, ad esempio 0,5 secondi. Ripeti questo passaggio per i seguenti fotogrammi.

Step 5: Nascondere i livelli superiori

Dalla miniatura, vedrai che il secondo fotogramma mostra anche la prima immagine. Per cambiare l'immagine, vai su Livelli e deseleziona il primo livello.

Vedrai che ora il secondo fotogramma mostra l'immagine nel secondo livello.

Passate alla terza cornice. Qui, nascondi i primi due strati per rivelare il terzo strato nella cornice.

Se stai usando più di tre immagini, ripeti questo passo finché non hai impostato il livello per tutte le tue cornici.

Step 6: Anteprima della GIF

Visualizza l'anteprima della tua GIF cliccando sull'icona Play. Controlla l'ordine e la tempistica delle tue immagini e assicurati che la GIF venga riprodotta senza problemi.

Step 7: Esporta la GIF

Soddisfatto? Vai su File e clicca su Salva con nome.

Dal menu a tendina, seleziona il formato del file come GIF. Clicca su Salva.

Questo aprirà la finestra GIF Save Options. Seleziona le tue impostazioni preferite e clicca su OK.

In alternativa, vai su File -> Export -> Save for Web. Questo aprirà la finestra di anteprima GIF.

Dal menu a tendina nell'angolo in alto a destra, seleziona il formato del file come GIF. Puoi anche impostare la dimensione dell'immagine in questa finestra nell'angolo in basso a destra. Se vuoi che la tua GIF sia compatibile con diverse piattaforme, è una buona idea ridimensionarla a 500 pixel in altezza e larghezza.

Fare clic su Salva.

E hai finito! Ora puoi divertirti a condividere le tue nuove capacità di creare GIF con i tuoi amici, colleghi e clienti.

Vuoi imparare altri consigli e trucchi per il fotoritocco?

I corsi online in graphic design di Shaw Academy i insegneranno a padroneggiare Photoshop, dalle basi alle tecniche e ai processi più avanzati. Iscriviti oggi a Shaw Academy e diventa un professionista di Photoshop!

Nota dell'editore: Questo post è stato originariamente pubblicato nel 2016 ed è stato aggiornato per completezza.

Partecipa al corso online di graphic design di Shaw Academy.
Iscriviti oggi e ottieni 4 settimane di prova gratuita!

Shaw Academy

Shaw Academy has over 100 globally recognised courses across 10 faculties. Sign up now - the first four weeks are free.