Come creare una GIF animata usando Photoshop

Le GIF animate sono forse alcuni dei file più divertenti e utilizzati sul Web. Possono essere utilizzati ugualmente per divertirsi o per portare a casa un punto in modo veloce e didattico senza occupare molto spazio su un sito web.

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

Pronto? Iniziamo.

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

Passo 2: Apri i file in Photoshop (a meno che tu non li abbia creati in Photoshop per cominciare) e assicurati che ognuno di essi appartenga a un livello separato. Per accertarti di ciò, una volta aperto il primo file, clicca su

Crea un nuovo livello.. pulsante in basso a destra del strati pannello (mostrato sotto) e incolla il successivo file immagine sul nuovo strato.

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

Passaggio 3: Ora, su Photoshop vai su Finestra menu e fare clic su Animazione opzione. Questo farà apparire la palette Animazione di Photoshop. Una volta fatto, clicca sul pulsante in basso a destra (mostrato sotto) per passare dal Sequenza temporale vista sul Cornici vista, il che renderà il nostro lavoro un po' più semplice.

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

Passaggio 5: Ora, per aggiungere alcuni frame dove andranno le tue altre immagini. Per farlo, nella palette Animazione clicca su Cornice duplicata pulsante.

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 sul strati tavolozza. Controlla le immagini qui sotto per esempio:

Poiché voglio che Layer 1 e Layer 2 siano rispettivamente il secondo e il terzo componente del mio file GIF, seleziono solo 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 prossima GIF sono pronti, sarà il momento di salvarla. Per fare questo, sul File menu, fare clic su Salva per Web e dispositivi... Nella finestra che si apre, assicurati di selezionare il formato GIF sotto Preimpostato.

Inoltre, facendo clic sulle schede sopra la tua 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 la dimensione e la qualità della tua GIF, fai clic su Salva e hai finito.

Goditi il ​​tuo file GIF!