Creazione gif photoshop

Le GIF animate sono un'ottima aggiunta al tuo marketing. Sono facili da consumare, offrono un nuovo modo per catturare l'attenzione degli spettatori e possono avere un forte impatto emotivo.

La parte migliore delle GIF è che non sono troppo difficili da realizzare. Se hai accesso a Photoshop e hai qualche minuto a disposizione, puoi creare una GIF animata in pochissimo tempo.

Nel seguente tutorial sulla creazione di GIF animate, sto utilizzando la versione Creative Cloud 2015 di Photoshop, ma i passaggi dovrebbero essere simili in altre versioni.

Come creare una GIF animata in Photoshop

Se sai già come creare una GIF, passa alla sezione su come utilizzare le GIF nei tuoi materiali di marketing. 

Ecco un esempio di GIF animata che potresti creare utilizzando questo tutorial:

Va bene, iniziamo.

Passaggio 1: carica le tue immagini su Photoshop.

Se hai già creato immagini ...

Raccogli le immagini che desideri in una cartella separata. Per caricarli in Photoshop, fai clic su File > script > carica file in pila.

Quindi, seleziona Sfoglia e scegli i file che desideri utilizzare nella tua GIF. Allora fare clic su OK.

Photoshop creerà quindi un livello separato per ogni immagine selezionata. Una volta fatto ciò, vai al passaggio due.

Se non hai già creato la serie di immagini ...

Crea ogni fotogramma della GIF animata come un diverso livello di Photoshop. Per aggiungere un nuovo livello, scegliere  Livello  >  Nuovo  livello > .

Assicurati di dare un nome ai tuoi livelli in modo da poterne tenere traccia facilmente quando crei la tua GIF. Per assegnare un nome a un livello, vai al pannello Livello in basso a destra dello schermo, fai doppio clic sul nome del livello predefinito e digita il nome in cui desideri modificarlo. Premi Invio quando hai finito.

Una volta che hai i tuoi livelli e li hai nominati tutti, sei pronto per il passaggio due.

Se desideri combinare i livelli in modo che appaiano in un unico fotogramma nella tua GIF, attiva la visibilità per i livelli che desideri unire (facendo clic sull'"occhio" a sinistra del nome di ciascun livello in modo che siano aperti solo gli occhi per i livelli che desideri unire). Quindi, premi Maiusc + Comando + Opzione + E (Mac) o Maiusc + Ctrl + Alt + E (Windows). Photoshop creerà un nuovo livello contenente il contenuto unito, che dovresti anche rinominare.

Passaggio 2: apri la finestra Timeline.

Per aprire Timeline, vai alla navigazione in alto, scegli Finestra > Timeline . La Timeline ti consentirà di attivare e disattivare diversi livelli per diversi periodi di tempo, trasformando così la tua immagine statica in una GIF.

La finestra Timeline apparirà nella parte inferiore dello schermo. Ecco come appare:

Passaggio 3: nella finestra Timeline, fai clic su "Crea Animazione dei fotogrammi".

Se non viene selezionato automaticamente, sceglilo dal menu a discesa, ma assicurati di fare clic su di esso, altrimenti le opzioni di animazione dei fotogrammi non verranno visualizzate.

Ora, la tua Timeline dovrebbe assomigliare a questa:

Passaggio 4: crea un nuovo livello per ogni nuovo fotogramma.

Per fare ciò, seleziona prima tutti i tuoi livelli andando nel menu di navigazione in alto e scegliendo  Seleziona  > tutti i livelli.

Quindi, fai clic sull'icona del menu a destra della schermata Timeline.

Dal menu a discesa che appare, scegli Crea nuovo livello per ogni nuovo fotogramma.

Passaggio 5: apri la stessa icona del menu a destra e scegli "Crea fotogrammi da livelli".

Questo renderà ogni livello un fotogramma della tua GIF.

Passaggio 6: sotto ogni fotogramma, seleziona per quanto tempo deve apparire prima di passare al fotogramma successivo.

Per fare ciò, fai clic sull'ora sotto ogni fotogramma e scegli per quanto tempo desideri che appaia. Nel nostro caso, abbiamo scelto 0,5 secondi per fotogramma.

Passaggio 7: nella parte inferiore della barra degli strumenti, seleziona quante volte desideri che venga ripetuto.

L'impostazione predefinita dirà Una volta , ma puoi riprodurlo in loop tutte le volte che vuoi, incluso Per sempre. Fai clic su Altro se desideri specificare un numero personalizzato di ripetizioni.

Passaggio 8: visualizza l'anteprima della tua GIF premendo l'icona di riproduzione.

Passaggio 9: salva ed esporta la tua GIF

Soddisfatto della tua GIF? Salvalo per utilizzarlo online andando sulla barra di navigazione in alto e facendo clic su File  > Esporta >  Salva per Web (legacy)...

Quindi, scegli il tipo di file GIF in cui desideri salvarlo sotto il Elenco a discesa preimpostato. Se hai una GIF con sfumature, scegli GIF con dithering per evitare la formazione di bande di colore. Se la tua immagine utilizza molti colori a tinta unita, puoi optare per l'assenza di dithering. 

Il numero accanto al file GIF determina la dimensione (e la precisione) dei colori GIF rispetto ai JPEG o PNG originali. Secondo Adobe, una percentuale di dithering più elevata si traduce nell'aspetto di più colori e dettagli, ma aumenta le dimensioni del file. 

Fai clic su Salva in basso per salvare il file sul tuo computer. Ora sei pronto per caricare questa GIF da utilizzare nel tuo marketing!

Carica il file GIF in qualsiasi luogo online in cui hai inserito un'immagine e dovrebbe essere riprodotto senza problemi. Ecco come potrebbe apparire il prodotto finale:

Come utilizzare le GIF nel tuo marketing

1. Sui social media.

Pinterest è stato il primo ad abilitare le GIF animate, seguito da Twitter. E nell'estate del 2015, anche Facebook era saltato sul carro delle GIF. Poi, Instagram ha cambiato le carte in tavola con Boomerang, che consente agli utenti di filmare e condividere le proprie GIF. Su uno qualsiasi di questi feed social, le GIF animate possono essere un ottimo modo per distinguersi in un feed affollato.

Ad esempio, dai un'occhiata a come Calm ha usato una GIF di un disegno a cuore in questa citazione di Samuel Beckett per aggiungere un'animazione a un post di Instagram altrimenti ricco di testo: 

2. Nelle tue e-mail.

Le GIF animate vengono visualizzate nelle e-mail allo stesso modo di un'immagine normale. Allora perché non abbellire il tuo email marketing sostituendo le immagini fisse con quelle animate?

Questo non solo potrebbe aiutare a catturare l'attenzione dei destinatari con la sola novità, ma potrebbe anche avere un impatto diretto sui profitti.

Per alcuni marchi, includere una GIF animata nelle e-mail è correlata a un Aumento del 109% delle entrate. L'utilizzo del software di email marketing gratuito di HubSpot è un modo semplice per ottenere questo tipo di aumento sul tuo sito.

Utilizza le GIF per mostrare prodotti, fare annunci di eventi o attirare in altro modo i lettori. Dai un'occhiata alla GIF qui sotto di The Hustle, che mostra vari premi che gli abbonati e-mail possono vincere segnalando Hustle agli amici: 

3. Su siti web e post di blog.

Infine, considera il potere dell'utilizzo delle GIF sulle pagine Web per attirare l'attenzione di uno spettatore su un'area specifica o coinvolgere uno spettatore in un post altrimenti ricco di testo.

Dai un'occhiata a come Bloomberg utilizza le GIF animate con figure stilizzate in questo articolo sui Giochi Olimpici Invernali di Pechino:

Le GIF animate sono un ottimo modo per suddividere un argomento più grande in pezzi di dimensioni ridotte per il tuo pubblico.

Ora che hai imparato a creare una GIF, prendi in considerazione l'idea di utilizzare le tue nuove conoscenze per aggiungere animazioni a il tuo sito web o portfolio.

Se non ne hai uno, dai un'occhiata a I 12 migliori portfolio di design grafico che abbiamo mai visto e come iniziare il tuo. 

Nota dell'editore: questo post è stato originariamente pubblicato nel settembre 2013 ed è stato aggiornato per freschezza, accuratezza e completezza.