Come animare la tua GIF personalizzata con Photoshop

Creare animazioni da zero in Photoshop può sembrare scoraggiante, ma in realtà sono molto semplici. Accendi Photoshop e prendi alcuni dei tuoi file. È tempo di infastidire i pantaloni dei tuoi amici con un sacco di GIF animate!

Abbiamo parlato di alcuni semplici modi per convertire video e Youtube in GIF animate, ma oggi vi mostreremo come realizzare una semplice animazione senza utilizzare alcun file video. Continua a leggere: questo è molto divertente.

Creazione di animazioni con gli strumenti di animazione di Photoshop

Per una semplice animazione, creeremo una parte dell'immagine su un livello separato che possiamo spostare. Animeremo solo il movimento degli occhi, ma puoi creare qualsiasi tipo di animazione in questo modo, incluse le vere celle di animazione disegnate a mano o le fotografie in movimento.

Indipendentemente da ciò che desideri animare, inizia con almeno due livelli. Nel nostro esempio, stiamo usando il logo HTG e stiamo spostando gli occhi su un secondo livello che possiamo usare per animare il movimento.

Per iniziare, apri il pannello Animazione. Trovalo andando su Finestra> Animazione.

Il pannello si apre nella parte inferiore della finestra ed è piuttosto semplice da usare. Ogni nuovo "fotogramma" dell'animazione è un po 'come un'istantanea del file. Clicca il nel pannello di animazione ogni volta che si desidera creare una nuova istantanea fuori dallo stato corrente del file. Ma non ancora!

Questo pannello consente anche di impostare un "ritardo" per ciascun fotogramma, ovvero per quanto tempo (in tutto o in frazioni di secondo) viene visualizzato sullo schermo prima di passare al fotogramma successivo. 25 fotogrammi al secondo (0,04) è una tariffa standard per l'animazione, ma forse un po 'veloce per le GIF animate. Per il nostro esempio, abbiamo compromesso con un ritardo di 0.05, che puoi anche usare. Se si desidera utilizzare un numero diverso di fotogrammi al secondo, dividere semplicemente 1 per il numero di fotogrammi per ottenere il tempo di ritardo appropriato. (Ad esempio, 1 secondo diviso per 25 fotogrammi equivale a 0,04 tempo di ritardo.)

L'idea è di spostare lo strato di occhi dentro piccoli incrementi e scatta istantanee lungo la strada. Useremo il sposta lo strumento (tasto di scelta rapida "V") e spingendo il nostro livello usando il tasti freccia. Nel nostro esempio, abbiamo scattato un'istantanea dopo aver spinto ogni due pixel circa.

Cliccando sul nel pannello, puoi vedere i nuovi fotogrammi creati nell'animazione. Prendono il ritardo del frame prima di loro, quindi è preferibile scegliere il ritardo giusto in primo luogo, quindi non è necessario cambiare un sacco di frame una volta che hai finito di catturare le immagini.

(Nota dell'autore: se sei come me, cambierai comunque il ritardo di un milione di volte. Le cose non funzionano sempre nel modo esatto in cui le vuoi!)

Disporre i fotogrammi mentre procedete, usando il pannello dei livelli per spostare il vostro oggetto (nel nostro esempio, gli occhi) a cui tenete, e fate molte e molte istantanee. Ricorda che 25 o più saranno uguali per un secondo, quindi prendi le istantanee di conseguenza.

È inoltre possibile modificare il ritardo di più fotogrammi contemporaneamente utilizzando il tasto Maiusc e selezionando molti o tutti i fotogrammi e modificando il ritardo. Si noti che è possibile impostare il ritardo su "Altro ..." in basso per utilizzare il nostro ritardo personalizzato di 0,05.

Passare a File> Salva per Web e dispositivi per aprire lo strumento con lo stesso nome.

Questo strumento ti permetterà di creare una GIF animata e amichevole con il browser, oltre a testarla all'interno dello strumento (come mostrato sopra, dove si trova il cursore a forma di freccia). Assicurati di impostare il tuo tipo di file su GIF e utilizzare le impostazioni Percettivo, Selettivo o Adattivo. Questi possono cambiare la tua immagine in modi diversi, ma molti di voi daranno risultati quasi identici. Per ridurre le dimensioni del file, puoi cambiare il tuo Dimensione dell'immagine (verso il basso) e il numero di Colori (in alto a destra). Puoi anche ridurre le dimensioni del tuo file non includendo una trasparenza, anche se non nel nostro esempio (whoops!).

E la nostra GIF animata è pronta per essere messa sul web per deliziare, stupire e creare meraviglia.

E questo lo avvolge per l'animazione. Pensieri o domande sul nostro metodo? Hai un metodo migliore o alcune tecniche più semplici? Vuoi vedere qualcosa di più avanzato? Parlaci di loro nei commenti o mandaci i tuoi pensieri su [email protected] e potremmo includerli in un prossimo articolo di grafica.