Come animare la tua GIF personalizzata con Photoshop

Sommario:

Come animare la tua GIF personalizzata con Photoshop
Come animare la tua GIF personalizzata con Photoshop

Video: Come animare la tua GIF personalizzata con Photoshop

Video: Come animare la tua GIF personalizzata con Photoshop
Video: Crea le tue scorciatoie da tastiera personalizzate (Risparmia tanto tempo) - YouTube 2024, Marzo
Anonim
Creare animazioni da zero in Photoshop può sembrare scoraggiante, ma in realtà sono molto semplici. Accendi Photoshop e prendi alcuni dei tuoi file. È ora di annoiare i pantaloni dei tuoi amici con tante GIF animate!
Creare animazioni da zero in Photoshop può sembrare scoraggiante, ma in realtà sono molto semplici. Accendi Photoshop e prendi alcuni dei tuoi file. È ora di annoiare i pantaloni dei tuoi amici con tante GIF animate!

Abbiamo parlato di alcuni semplici modi per trasformare video e Youtube in GIF animate, ma oggi 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

Image
Image
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, comprese le vere celle di animazione disegnate a mano o le fotografie in movimento.
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, comprese 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.

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
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!
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 ogni singolo 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.)

Image
Image

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
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 modificare i carichi di frame una volta che hai finito di catturare le immagini.
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 modificare i carichi 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 sempre funzionano nel modo esatto in cui le vuoi!)

Disporre i fotogrammi mentre si procede, utilizzando il pannello dei livelli per spostare l'oggetto (nel nostro esempio, gli occhi), a prescindere dalle proprie esigenze, e prendere molte e molte istantanee. Ricorda che 25 o più saranno uguali per un secondo, quindi prendi le tue istantanee di conseguenza.
Disporre i fotogrammi mentre si procede, utilizzando il pannello dei livelli per spostare l'oggetto (nel nostro esempio, gli occhi), a prescindere dalle proprie esigenze, e prendere molte e molte istantanee. Ricorda che 25 o più saranno uguali per un secondo, quindi prendi le tue 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.
È 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.
Passare a File> Salva per Web e dispositivi per aprire lo strumento con lo stesso nome.
Image
Image

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 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.

Consigliato: