Se hai trascorso del tempo su Internet, probabilmente sei venuto in contatto con una GIF animata. È un file di immagine che ti consente di presentare immagini animate che fanno sembrare che l'immagine si muova. Pensali come un ibrido tra un'immagine fissa e un video.
Perché le GIF sono ottime aggiunte al tuo marketing? Sono facili da consumare, forniscono un nuovo modo per catturare l'attenzione dei tuoi spettatori e possono avere un serio impatto emotivo.Considerando contenuti che ci fanno sentire qualcosa che ci incoraggia a condividere, vale la pena sperimentare queste piccole animazioni.
La parte migliore delle GIF è che non sono troppo difficili da realizzare. Se hai accesso a Photoshop e a pochi minuti di riserva, puoi creare una GIF animata in pochissimo tempo.
Clicca qui per scaricare la nostra guida gratuita per imparare a progettare grafica di alta qualità.
Nell'esercitazione seguente sulla creazione di GIF animate, sto usando la versione Creative Cloud 2015 di Photoshop, ma i passaggi dovrebbero essere simili in altre versioni.
Come creare una GIF animata in Photoshop
Ecco un esempio di GIF animata che potresti creare usando questa esercit
azione:
Va bene, cominciamo!
Passaggio 1: Caricare le immagini in Photoshop.
Se hai già creato immagini …
Raccogliere le immagini desiderate in una cartella separata. Per caricarli in Photoshop, fate clic su File> script > caricano file in pila.
Quindi, selezionare Sfoglia e scegliere i file da usare nella GIF e quindi fare clic su OK.
Photoshop creerà quindi un livello separato per ogni immagine selezionata. Una volta fatto questo, salta al secondo passo.
Se non hai già creato la serie di immagini …
Create ogni fotogramma della GIF animata come un diverso livello di Photoshop. Per aggiungere un nuovo livello, scegliete Livello > nuovo > livello.
Assicurati di nominare i tuoi livelli in modo da poterli tenere traccia facilmente quando fai la tua GIF. Per assegnare un nome a un livello, passare al pannello Livello in basso a destra dello schermo, fare doppio clic sul nome del livello predefinito e digitare il nome in cui si desidera modificarlo. Premere INVIO al termine.
Una volta che hai i tuoi livelli lì dentro e li hai nominati tutti, sei pronto per il secondo passo.
Suggerimento pro: se desiderate combinare i livelli in modo che appaiano in un singolo fotogramma nella GIF, attivate la visibilità per i livelli che desiderate unire (facendo clic sull'"occhio" a sinistra di ogni nome di livello in modo che siano aperti solo gli occhi per i livelli che si desidera unire). Quindi, premere MAIUSC + COMANDO + OPZIONE + E (Mac) o MAIUSC + CTRL + ALT + E (Windows).Photoshop creerà un nuovo livello contenente il contenuto unito, che dovrete anche rinominare.
Passaggio 2: Aprire la finestra Timeline.
Per aprire Sequenza temporale, passare alla barra di spostamento superiore, scegliere Finestra > sequenza temporale.La timeline consente di attivare e disattivare livelli diversi per diversi periodi di tempo, trasformando così l'immagine statica in una GIF.
La finestra Timeline apparirà nella parte inferiore dello schermo. Ecco come appare:
Passaggio 3: Nella finestra Sequenza temporale fare clic su "Crea animazione fotogrammi".
Se non è selezionato automaticamente, sceglilo dal menu a discesa, ma assicurati di fare effettivamente clic su di esso, altrimenti le opzioni di animazione del fotogramma non verranno mostrate.
Ora, la tua timeline dovrebbe avere un aspetto simile al seguente:
Passo 4: Creare un nuovo livello per ogni nuovo fotogramma.
A tale fine, selezionare innanzitutto tutti i livelli scegliendo Seleziona tutti i livelli dal menu di spostamento superiore e > tutti i livelli.
Quindi, fare clic sull'icona del menu a destra della schermata Timeline.
Dal menu a discesa visualizzato, scegliete Crea nuovo livello per ogni nuovo fotogramma.
Passo 5: Aprire la stessa icona di menu a destra e scegliere "Crea fotogrammi dai livelli".
Questo renderà ogni livello un fotogramma della tua GIF.
Passaggio 6: Sotto ogni fotogramma, selezionare per quanto tempo dovrebbe apparire prima di passare al fotogramma successivo.
Per fare ciò, fai clic sul tempo sotto ogni fotogramma e scegli per quanto tempo vorresti che appariva. Nel nostro caso, abbiamo scelto 0,5 secondi per fotogramma.
Passaggio 7: Nella parte inferiore della barra degli strumenti, selezionare il numero di volte in cui si desidera eseguire il ciclo continuo.
L'impostazione predefinita dirà Once, ma puoi eseguirlo in ciclo tutte le volte che vuoi, incluso Forever.Fare clic su Altro se si desidera specificare un numero personalizzato di ripetizioni.
Passaggio 8: Visualizzare in anteprima la GIF premendo l'icona di riproduzione.
Passaggio 9: Salvare la GIF da utilizzare online.
Sei soddisfatto della tua GIF? Salvarlo per utilizzarlo online andando sulla barra di spostamento superiore e facendo clic su File > Esporta > Salva per il Web (Legacy).
Quindi, scegliete il tipo di file GIF che si desidera salvare come sotto l'elenco a discesa Preimpostato. Se si dispone di una GIF con sfumature, scegliere GIF con reti retine per impedire la bande di colori.Se la tua immagine utilizza molti colori solidi, puoi optare per nessun dithering.
Il numero accanto al file GIF determina la grande (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.
Fare clic su Salva nella parte inferiore per salvare il file nel computer. Ora sei pronto per caricare questa GIF da utilizzare nel tuo marketing!
Carica il file GIF in qualsiasi luogo online in cui inseriresti un'immagine e dovrebbe essere riprodotta senza problemi. Ecco come potrebbe essere il prodotto finale:
