Come creare una gif animata usando Photoshop

Le GIF animate sono forse alcuni dei file più divertenti e utilizzati sul Web. Possono essere usati allo stesso modo per divertirsi o per guidare un punto a casa in modo rapido e didattico senza occupare molto spazio su un sito Web.

Tuttavia, sebbene apparentemente complesse, le GIF non sono in realtà così difficili da creare. In effetti, se hai Photoshop, hai già tutto il necessario per crearne uno, che è esattamente quello che ti mostreremo in questo tutorial.

Pronto? Iniziamo.

Passaggio 1: Innanzitutto, prepara i file di immagine che comporranno il tuo file GIF, poiché ogni file GIF è composto da frame diversi. Ciò significa che dovresti già avere i diversi "frame" che costituiranno la tua GIF. Per questo esempio, creerò una GIF composta da tre semplici file di immagini (mostrati di seguito).

Passaggio 2: apri i file in Photoshop (a meno che tu non li abbia creati in Photoshop per iniziare) e assicurati che ciascuno di essi appartenga a un livello separato. Per accertarti di ciò, una volta aperto il primo file, fai clic sul pulsante Crea un nuovo livello.. in basso a destra nel pannello Livelli (mostrato sotto) e incolla il file di immagine successivo sul nuovo livello.

Una volta che tutte le immagini sono state aggiunte ai propri livelli, dovrebbero apparire così nel pannello Livelli di Photoshop:

Passo 3: Ora, su Photoshop, vai al menu Finestra e fai clic sull'opzione Animazione. Questo farà apparire la palette Animation di Photoshop. Una volta fatto, fai clic sul pulsante in basso a destra (mostrato sotto) per passare dalla vista Timeline alla vista Cornici, il che renderà il nostro lavoro un po 'più semplice.

Passaggio 4: per impostazione predefinita, la palette Animazione mostrerà solo una delle immagini (o "cornici") che hai. Mostra anche nella parte inferiore di ciascun fotogramma l'ora in cui verrà visualizzato sul file GIF finale. Se vuoi cambiarlo, fai semplicemente clic su di esso e seleziona l'orario desiderato. Il tempo scelto verrà applicato anche al resto dei fotogrammi.

Passaggio 5: ora, per aggiungere alcuni fotogrammi in cui andranno le altre immagini. Per farlo, nella palette Animazione fare clic sul pulsante Duplica cornice.

Questo aggiungerà il secondo fotogramma che comporrà la tua GIF. Ora, ecco il trucco: per ogni fotogramma aggiunto, assicurati che solo il livello pertinente contenente l'immagine desiderata per quel fotogramma sia selezionato nella palette Livelli. Controlla le immagini qui sotto per esempio:

Poiché desidero che il Livello 1 e il Livello 2 siano rispettivamente il secondo e il terzo componente del mio file GIF, seleziono solo l'uno o l'altro per il secondo e il terzo fotogramma. Alla fine, la palette Animazione dovrebbe mostrare tutti i fotogrammi del file GIF nell'ordine in cui verranno visualizzati e con la quantità di tempo in cui ciascuno verrà visualizzato anche impostato.

Passaggio 6: una volta che i fotogrammi della tua futura GIF sono pronti, sarà tempo di salvarla. Per fare ciò, nel menu File, fai clic su Salva per Web e dispositivi … Nella finestra che si apre, assicurati di selezionare il formato GIF in Preimpostazione.

Inoltre, facendo clic sulle schede sopra l'immagine in questa finestra, sarai in grado di selezionare le diverse qualità di output (con diverse dimensioni ovviamente) per il tuo file GIF.

Dopo aver scelto le dimensioni e la qualità della tua GIF, fai clic su Salva e il gioco è fatto.

Goditi il ​​tuo file GIF!