Come creare un'azione Work-in-Progress animata in Adobe Photoshop

Cosa starai creando

Come realizzi la tua arte? Ci piacerebbe vedere! In questo suggerimento rapido, ti mostrerò come creare una GIF animata in Adobe Photoshop per mostrare l'evoluzione del tuo lavoro digitale.

Mostra la tua arte con Quick WIP

Quindi cos'è un WIP?WIP è l'abbreviazione di work in progress, che in pratica significa tutto ciò che pubblichi online su cui stai attualmente lavorando. Gli artisti usano questi post come un modo per connettersi ai loro follower mentre danno loro una visione dietro le quinte dei loro progetti imminenti.

E se stai semplicemente mostrando i tuoi progressi o utilizzandolo come una lezione veloce, creare un'animazione del tuo lavoro è un ottimo modo per avere più interazione con il tuo pubblico.

1. Prepare le tue GIF per i social media

Dal momento che l'intero punto di pubblicazione dei tuoi lavori in corso è di condividerli con il mondo, ecco un paio di cose da considerare prima di creare le tue GIF:

  1.  Dimensioni: Esistono in genere limitazioni per larghezza e altezza tra i social media. Quindi cerca di familiarizzare sempre con le differenze per ogni sito. Puoi regolare facilmente le dimensioni del tuo lavoro andando a Immagine> Dimensione dell'immagine e inserendo nuovi numeri per Altezza o Larghezza.
  2. Dimensione del file: Le GIF possono diventare davvero grandi, quindi quando è il momento di farlo Salvare per web, assicurati che ottimizzare, ottimizzare, ottimizzare! Trovare un equilibrio tra dimensioni del file e perdita di dettagli è piuttosto un'arte, quindi fai del tuo meglio.
  3. Schizzo e versioni finite: Non essere timido quando si tratta di mostrare i propri progressi o limitarsi a una rapida analisi dei passaggi. Sentiti libero di suddividere la tua arte in diverse GIF dedicate allo schizzo, alla progressione intermedia o ai ritocchi finali.

2. Crea una GIF animata della tua arte

Passo 1

Apri il tuo file artistico in Photoshop. Proprio come ho detto prima, regola le dimensioni in base al sito che desideri visualizzare l'animazione. Per i file GIF, le dimensioni più piccole tendono a funzionare meglio quindi, in questo caso, andrò su Immagine> Dimensione dell'immagine e cambia le dimensioni da 800 x 800 pixel a 500 x 500 pixel.

Passo 2

Ora crea un Nuovo documento con le stesse dimensioni Per rendere le cose più facili per l'animazione, appiattisci la tua arte in più fasi. Pensa a loro come a diapositive che farai Copia (Control-C) e Incolla (Control-V) nel nuovo documento.

Ecco un'anteprima del dipinto finale, uno studio digitale di questo riferimento PhotoDune.

Aggiungi prima lo schizzo, poi le fasi successive della tua arte fino a quando non raggiungi il risultato finale.

Per questa animazione, mostrerò l'evoluzione di questo dipinto digitale con cinque strati.

Passaggio 3

Ora vai a Finestra> Cronologia. Selezionare Crea animazione frame e Nascondi la visibilità di ogni strato tranne il primo. Quindi imposta il Frame Delay Time a 1 secondo.

Passaggio 4

Per creare più fotogrammi, premi il Duplica più cornici opzione prima Svelare la visibilità del secondo strato.

Passaggio 5

Continua questo passaggio finché non hai una cornice per ogni nuovo livello. Sul risultato finale, imposta il Frame Delay Time a 5 secondi per una pausa più lunga alla fine. Assicurati anche di impostare il Opzioni cicliche a Per sempre per un'animazione continua.

Per la migliore qualità, assicurati di sperimentare le diverse impostazioni quando tu Salva per Web come un file .gif. Potrebbe essere necessario limitare i colori o regolare il Algoritmo di riduzione del colore per un risultato di alta qualità. Ecco l'animazione finale.

3. Ora trasformalo in un'azione Photoshop!

Bypassare alcuni dei problemi creando una Action Photoshop! Ciò ti consentirà di applicare le stesse modifiche in una frazione del tempo registrando ora i tuoi passaggi e applicandoli successivamente a lavori futuri.

Passo 1

Inizia la tua animazione nel Sequenza temporale pannello eliminando tutti i frame tranne il primo. Impostare il Ritardo del frame temporale di nuovo a Nessun ritardo.

Passo 2

Quindi vai a Windows> Azioni per far apparire il Azioni pannello. Colpire Crea una nuova azione per iniziare a registrare. Selezionare Livello 1 e applicare le stesse impostazioni per il Frame Delay Time come prima.

Passaggio 3

Continua ad aggiungere più fotogrammi e scoprireil Visibilità di ogni strato. Poiché viene registrato, dovrai anche cambiare il Opacità a partire dal 0 a 100%.

Passaggio 4

Quando hai finito con l'ultimo fotogramma, premi il tasto Stop pulsante per interrompere la registrazione.

Aggiungiamo

Ora che la tua azione di Photoshop è completa, usala per tutti i tuoi nuovi pezzi! Assicurati solo di seguire questi passaggi cruciali:

  • Separa in anticipo la tua arte in cinque diversi livelli di fasi progressive.
  • Suona il Azione di Photoshop.
  • Regola manualmente il Opzioni cicliche alla fine dopo il Azione di Photoshop.
  • Salva per Web come file .gif, trovando un equilibrio tra la dimensione del file e la perdita di dettagli.

Goditi le tue animazioni!

Creare GIF animate è un modo fantastico per permettere ai tuoi fan e ammiratori di apprezzare il tuo grande lavoro. Per ulteriori fantastiche azioni di Photoshop, sentiti libero di esplorare ciò che è disponibile da Envato Market. 

E per ulteriori suggerimenti per principianti, consulta i miei altri articoli qui su Envato Tuts +:

  • 10 semplici consigli per i social media per l'artista in difficoltà
  • 30 siti Web sorprendenti per risorse gratuite per lo stock e il design
  • Esercizi di progettazione per ottenere la tua creatività strappato