Tutorial: Gif Animate

In questo tutorial verrà spiegato come creare una gif molto semplice, seguite tutti i passaggi e non troverete alcuna difficoltà. Magari provate a ricrearla e postate il vostro risultato!

MATERIALE

Immagine 1 (G1):

SPOILER (clicca per visualizzare)

Immagine 2 (G2):

SPOILER (clicca per visualizzare)

1. IMPORTARE LE IMMAGINI

Prima di tutto dobbiamo importare le immagini che vogliamo utilizzare per costruire la nostra gif.
Nel nostro caso la nostra gif sarà formata da 2 ulteriori gif, ma come si apre un file .gif in Photoshop?
Il percorso è il seguente: FILE -> IMPORTA -> FOTOGRAMMI VIDEO IN LIVELLI...

SPOILER (clicca per visualizzare)

Noterete immediatamente che, nella cartella dove tenete le gif, queste non saranno visibili.
Nessun problema, digitate un'asterisco in NOME FILE e cliccate INVIO, ora le vostre gif saranno visibili.

SPOILER (clicca per visualizzare)

Scegliete la vostra immagine e nella finestra successiva cliccate su OK.

2. CREARE UN NUOVO PROGETTO

Dopo aver aperto le 2 gif non ci resta che creare un nuovo progetto, ovvero ciò che poi diventerà il nostro lavoro ultimato.
Quindi andiamo su FILE -> NUOVO e creiamo un file di LARGHEZZA: 400px e ALTEZZA: 226px (sono le dimensioni della gif più grande tra quelle che abbiamo aperto).
Avremo quindi un cosa del genere:

SPOILER (clicca per visualizzare)

3. IMPORTARE I LIVELLI NEL NUOVO PROGETTO

Ora dobbiamo trascinare tutti i livelli che compongono le 2 gif nel nuovo progetto.
Iniziamo con l'immagine G1, selezioniamo tutti i livelli dell'immagine... Ma come selezioniamo più livelli insieme?
Clicchiamo sul LIVELLO 1, poi teniamo premuto il tasto SHIFT e clicchiamo sul LIVELLO 6.
Per chi non lo sapesse il tasto SHIFT è il seguente:

SPOILER (clicca per visualizzare)

Qualcuno lo avrà con solo la freccia, altri con solo la scritta SHIFT, altri ancora sia con la freccia che con la scritta.

Ora trasciniamo e posizioniamo dove desideriamo i livelli selezionati nel nuovo progetto (nell'immagine sono 5, ma in realtà sono 6):

SPOILER (clicca per visualizzare)

E facciamo la stessa cosa con l'immagine G2.

Avremo una situazione come la seguente, i primi sei livelli del progetto saranno formati dalle immagini che compongono la gif G1 e gli altri sei da quelli che compongono la gif G2:

SPOILER (clicca per visualizzare)

4. ANIMAZIONE

Andiamo su FINESTRA -> ANIMAZIONE
Si aprirà il pannello che ci consentirà di dar vita alla nostra gif:

SPOILER (clicca per visualizzare)

Ora clicchiamo sul pulsantino DUPLICA I FOTOGRAMMI SELEZIONATI fino a quando non avremo un totale di 6 fotogrammi:

SPOILER (clicca per visualizzare)

Possiamo notare che il primo fotogramma (indicato dalla freccia rossa) è composto dal LIVELLO 1 e dal LIVELLO 7 come evidenziato nella seguente immagine:

SPOILER (clicca per visualizzare)

Passiamo al secondo fotogramma, deselezioniamo i livelli 6 e 7 e selezioniamo quelli immediatamente successivi:

SPOILER (clicca per visualizzare)

E così via fino ad arrivare al fotogramma 6:

SPOILER (clicca per visualizzare)

5. IMPOSTARE IL TEMPO DI RITARDO TRA I FOTOGRAMMI

La gif ormai è pronta, ma lasciandola così si passerà da un fotogramma all'altro molto velocemente e risulterà essere accelerata.
Quindi clicchiamo sul tasto (freccia nera verso il basso) SELEZIONA IL TEMPO DI RITARDO TRA I FOTOGRAMMI e selezioniamo un ritardo di 0,1 secondi. Ripetere il procedimento per tutti i fotogrammi.

SPOILER (clicca per visualizzare)