Crea neve caduta animata in Photoshop

La neve creata digitalmente può essere spesso piuttosto difficile da generare in Photoshop, in un modo realistico. Di recente abbiamo pubblicato un tutorial che mostra come aggiungere neve a un'immagine fissa, quindi in questo tutorial abbiamo deciso che sarebbe stato divertente mostrare come creare un effetto nevoso animato dall'aspetto realistico in Photoshop e trasformarlo in una GIF animata file. Iniziamo!


Risorse Tutorial

Per completare il tutorial avrai bisogno delle seguenti risorse:

  • Central Park in inverno - Foto di Grant Friedman

Video non narrato

Questo video è stato registrato durante il processo di creazione di questo tutorial. Sfortunatamente, non siamo riusciti a registrare l'audio per questo video, quindi è silenzioso. Volevamo includerlo con la parte scritta di questo tutorial nel caso in cui potesse essere di aiuto.


1. Crea i fiocchi di neve

Passo 1

Crea un nuovo documento 800 px per 800 px.


Passo 2

Seleziona il Pennello (B) e impostare il Taglia a un numero piccolo come 4.


Passaggio 3

Su un nuovo livello, dipingi alcuni punti neri casualmente sulla tela. Ogni punto diventerà un singolo fiocco di neve. Dai un nome a questo livello Fiocchi di neve. È importante evitare di raggruppare troppi fiocchi di neve in un'area.



2. Imposta animazione

Passo 1

Prima di iniziare a animare i fiocchi di neve, è importante considerare come cadono. Mentre i fiocchi di neve cadono dal cielo, immagino che fluttuano avanti e indietro nella loro discesa, dando loro un aspetto aggraziato. (Vedi immagine sotto). Seguendo questa interpretazione della neve che cade, possiamo identificare due moti; caduta (verso il basso) e flottante (da lato a lato). Per animare la neve che cade, inizieremo con il leggero movimento da lato a lato.


Passo 2

Apri il Pannello Timeline (Finestra> Cronologia).


Passaggio 3

Il Timeline Panel appare, ma all'inizio non visualizzerà una timeline. Invece, un singolo pulsante appare chiedendo quale linea temporale si desidera utilizzare. Assicurati di selezionare Crea una sequenza temporale video.


Passaggio 4

Ora che è stata creata una sequenza temporale video, nella timeline dovrebbero essere visibili due livelli, che corrispondono ai due livelli nella sequenza temporale Pannello dei livelli. Nel Timeline Panel, clicca sulla freccia accanto al Fiocco di neve strato per rivelare le proprietà dell'animazione.


Passaggio 5

Assicurati che l'indicatore di riproduzione sia posizionato sul primo fotogramma e fai clic sull'icona del cronometro su Abilita animazione fotogramma chiave. Questo posizionerà automaticamente un fotogramma chiave sul primo fotogramma.


Passaggio 6

Prima di aggiungere movimento, è utile impostare alcune guide. Aumenta lo zoom su uno dei fiocchi di neve e posiziona su di esso una guida verticale.


Passaggio 7

Posiziona altre due guide su entrambi i lati del fiocco di neve. Questo rappresenterà la distanza in cui sposteremo il fiocco di neve da un lato all'altro.

Mancia: Utilizzare il Barra del righello (comando / Ctrl + R) per assicurarsi che le due guide siano alla stessa distanza dalla guida centrale.



3. Animare il movimento da lato a lato

Passo 1

Ora che la nostra scena è impostata e l'animazione dei fotogrammi chiave è attivata, possiamo iniziare a muovere i nostri fiocchi di neve per animare. Sposta l'indicatore di riproduzione sul marcatore di un secondo (1: 00f) sulla timeline e, utilizzando il pulsante Sposta strumento, muovi il fiocco di neve fino a raggiungere la guida sinistra.

Mancia: Tenere premuto vincola il movimento orizzontalmente.


Passo 2

Quindi, fai avanzare la testina sul marcatore dei tre secondi (3: 00f) sulla timeline e sposta il fiocco di neve sulla guida destra.


Passaggio 3

Infine, fai avanzare la testina sul quadrante di quattro secondi (4: 00f) e riporta il fiocco di neve alla guida centrale.


Passaggio 4

Dato che la nostra animazione avrà una durata di oltre quattro secondi, dobbiamo impostare la fine dell'area di lavoro sul marcatore di quattro secondi. Trascina il Fine dell'area di lavoro marker al quadrante dei quattro secondi (4: 00f). Inoltre, fai clic sul menu a comparsa in alto a destra del menu Timeline Panel e scegliere Riproduzione continua.


Passaggio 5

stampa Barra spaziatrice per vedere in anteprima l'animazione.


Passaggio 6

Dopo aver guardato l'animazione, il movimento del fiocco di neve è troppo duro. Questo può essere addolcito aggiungendo alcuni fotogrammi chiave aggiuntivi. Trascina la testina subito prima del marcatore di un secondo (1:00). Nota la posizione del fiocco di neve.


Passaggio 7

Usando il Tasti freccia, spingere il fiocco di neve più vicino alla guida.


Passaggio 8

Ripeti l'operazione per l'altro lato dell'indicatore di un minuto (1: 00f)


Passaggio 9

Fai la stessa cosa al marker di tre secondi (3: 00f).


Passaggio 10

Anteprima dell'animazione premendo Barra spaziatrice. Spingendo i fiocchi di neve più vicini alla guida, abbiamo reso più agevole l'entrata e l'uscita dal cambio di direzione (quindi, dandogli un movimento più naturale).



4. Imposta per più animazione

Passo 1

Ora che i fiocchi di neve hanno un'animazione side-to-side, dobbiamo assicurarci che nessuno di essi sia animato dalla tela. Controlla i bordi dell'animazione per far sparire i fiocchi di neve e usa il Strumento gomma (E) per rimuoverli.


Passo 2

Fare clic sull'icona dell'occhio sul sfondo strato nel nostro Pannello dei livelli. Questo nasconderà il livello bianco in modo che i nostri fiocchi di neve appaiano su uno sfondo trasparente.


Passaggio 3

Seleziona entrambi i livelli nel Pannello dei livelli e tasto destro. Scegliere Converti in oggetto avanzato. È importante che entrambi i livelli siano selezionati.


Passaggio 4

Il prossimo passo è espandere la nostra tela per creare spazio per animare la neve che cade. Usando il Strumento di ritaglio (C), afferrare il bordo inferiore e tirare verso il basso per estendere la tela. Tenere alt estenderà la tela ugualmente in entrambe le direzioni.


Passaggio 5

Crea un nuovo livello sotto il Fiocchi di neve strato e Riempire con il bianco.


Passaggio 6

Posiziona il Fiocchi di neve strato verso la parte superiore della tela.



5. Animare il movimento verso il basso

Passo 1

Nel Timeline Panel, fare clic sulla freccia sul Fiocchi di neve livello per rivelare le proprietà dell'animazione. Si noti che il Posizione proprietà è stata sostituita dal Trasformare proprietà poiché questo è ora un oggetto intelligente.


Passo 2

Fai scorrere il Fine dell'area di lavoro marker al quadrante dei quattro secondi (4: 00f).


Passaggio 3

Sposta l'indicatore di riproduzione sul primo fotogramma e fai clic sull'icona del cronometro su Abilita animazione fotogramma chiave e per posizionare un fotogramma chiave al primo fotogramma.


Passaggio 4

Sposta la barra di posizione sul quadrante di quattro secondi (4: 00f) e usa il tasto Sposta strumento (V) trascinare il Fiocchi di neve strato sul fondo della tela.


Passaggio 5

stampa Barra spaziatrice per vedere in anteprima l'animazione. Come puoi vedere, la neve ora cade con grazia con un leggero movimento da lato a lato. Nei prossimi passaggi, riempiremo la neve per coprire il resto della tela.



6. Aggiungi più neve

Passo 1

Fai una copia duplicata (Livello> Livello duplicato) del Fiocchi di neve strato. Questo può essere fatto anche nel Pannello dei livelli trascinando lo strato sopra il Crea un'icona Nuovo livello. La duplicazione del livello mantiene l'animazione. Nota: premendo Comando / Ctrl + J non funzionerà poiché non copia le proprietà dell'animazione.


Passo 2

Sposta il nuovo livello lungo la timeline attorno al decimo marcatore fotogramma (10f).


Passaggio 3

stampa Barra spaziatrice per vedere in anteprima l'animazione. La neve ora continua a cadere dalla parte superiore della tela.


Passaggio 4

Continua questa tecnica fino a quando l'intera tela è coperta di neve che cade. Potrebbe essere necessario regolare manualmente i fotogrammi chiave per alcuni dei livelli.

Passaggio 5

Si noti come la nevicata appare troppo uniforme. Per aggiungere qualche variazione, possiamo creare un altro livello duplicato e il fotogramma chiave per farlo cadere a una velocità maggiore rispetto al resto della neve.

Per aggiungere ancora più variazioni, modifica i fotogrammi chiave di alcuni dei livelli per spostarti più velocemente o più lentamente. Assicurati che non ci siano vuoti nella nevicata.


Passaggio 6

Seleziona tutto Fiocchi di neve strati e Converti in oggetto avanzato.



7. Aggiungi variazione alla nevicata

Passo 1

Le nevicate stanno iniziando a sembrare migliori, ma c'è ancora di più che si può fare. Nei prossimi passi aggiungeremo più varietà e densità alla nevicata. Inizia facendo un Copia (comando / Ctrl + J) del Fiocchi di neve livello (poiché tutta l'animazione si trova all'interno dell'oggetto intelligente, possiamo copiare l'oggetto intelligente e mantenere l'animazione).

Assicurati che l'indicatore di riproduzione si trovi sul primo fotogramma, in modo che il nostro livello si animi per tutti i quattro secondi.


Passo 2

Trasforma (Comando / Ctrl + T) questo strato in modo che sia leggermente più grande e ruotato fuori centro.


Passaggio 3

Fanne un'altro Copia (comando / Ctrl + J), e ridimensionare e ruotarlo nella direzione opposta. Questo farà sì che la neve si incroci, dandogli un comportamento più realistico.


Passaggio 4

Continua ad aggiungere nuove copie di neve e trasformale in modi diversi per aggiungere variazioni alle dimensioni e alla velocità (un livello che è stato aumentato verticalmente sembrerà avere una nevicata più veloce di quella che è stata diminuita verticalmente). Fai attenzione a non esagerare con nessuna delle trasformazioni.


Passaggio 5

stampa Barra spaziatrice per vedere in anteprima i risultati. Poiché abbiamo aggiunto livelli e livelli di oggetti animati animati, Photoshop potrebbe rallentare un po 'durante il tentativo di eseguire il rendering di un'anteprima.


Passaggio 6

Infine, assicurati che il Fine dell'area di lavoro è stato spostato sul quadrante di quattro secondi (4: 00f). Quando sei soddisfatto dei risultati, seleziona tutti i livelli e Converti in oggetto avanzato. Rinominare il livello in Nevicata. Salva (comando / Ctrl + S) il file.



8. Preparare un'immagine per la neve

Passo 1

Ora che la neve è stata creata, possiamo lavorare per ottenere un'immagine pronta per ricevere la nevicata. Apri l'immagine di tua scelta. In questo caso, sto usando una fotografia di Tuts + Photoshop Editor, Grant Friedman di Central Park.


Passo 2

Il prossimo passo è ritagliare la foto. Non sono mai un grande fan del ritaglio di foto che non sono mie. Tuttavia, poiché il risultato finale sarà una GIF quadrata, è necessario farlo. Utilizzare il Strumento di ritaglio (C) e imposta le proporzioni su 1: 1 (quadrato).


Passaggio 3

Regola le guide di ritaglio su schermo per ritagliare l'immagine a 600 px per 600 px. Fare clic sul segno di spunta (o premere Invio) per confermare le modifiche.



9. Aggiungi neve a una foto

Passaggio 4

Vai al nostro documento nevicata e fai clic sulla tela e trascina il livello fino alla scheda del documento che contiene la foto. Passando il mouse sulla scheda si aprirà il documento. Continua a trascinare il documento fotografico e rilascia il pulsante del mouse. L'oggetto intelligente dovrebbe essere posizionato sopra la nostra foto.


Passo 2

Se la Timeline Panel non è già aperto, vai a Finestra> Cronologia. Clicca sul pulsante per Crea una sequenza temporale video.


Passaggio 3

Fai scorrere il Fine dell'area di lavoro al quadrante di quattro secondi (4: 00f).


Passaggio 4

stampa Barra spaziatrice per vedere in anteprima l'animazione. Come accennato in precedenza, potrebbe essere necessario un po 'di tempo prima che Photoshop esegua il rendering dell'animazione. La neve dovrebbe essere facile da vedere dato che è tutto in nero (lo cambieremo più tardi).



10. Inserisci la foto con la neve

Passo 1

Ora è il momento di aggiungere strati di neve alla foto. Inizia ridimensionando (Comando / Ctrl + T) il Nevicata strato in modo che sia solo più grande della tela.


Passo 2

Copia (comando / Ctrl + J) il Nevicata strato e Trasforma (Comando / Ctrl + T) per adattarsi nella zona verso la parte posteriore del percorso. Poiché questo strato di neve è più piccolo, la nevicata apparirà più lenta, proprio come nella vita reale.


Passaggio 3

Per evitare che la neve appaia e scompaia improvvisamente dalla parte superiore e inferiore del livello, è necessario aggiungere una maschera di livello. Per prima cosa, nascondi l'originale Nevicata strato (vogliamo vedere chiaramente il livello copiato). Quindi, fare clic su Aggiungi maschera di livello icona e utilizzare un pennello grande e morbido per mascherare la parte superiore e inferiore del livello.


Passaggio 4

stampa Barra spaziatrice per vedere in anteprima l'animazione. La neve dovrebbe apparire dietro la linea degli alberi e fermarsi a terra in lontananza.


Passaggio 5

Fare un Copia (comando / Ctrl + J) di questo livello e ridimensionarlo (Comando / Ctrl + T) per essere un po 'più grande del livello precedente. Questo strato di neve dovrebbe apparire a metà del percorso.

Anche la maschera di livello verrà copiata. Modifica questo per il più grande strato di neve.


Passaggio 6

Fanne un'altro Copia (comando / Ctrl + J). Questa volta, getta via la maschera di livello nell'icona del cestino nella parte inferiore del Pannello dei livelli. Photoshop ti chiederà cosa fare con il livello. Selezionare Elimina.


Passaggio 7

Ridimensiona questo livello. Continua a fare copie aggiuntive e Trasforma (Comando / Ctrl + T) in modi diversi per aggiungere variazioni.


Passaggio 8

Quindi, creane un altro Copia (comando / Ctrl + J) e ridimensiona lo strato a circa il 175%.


Passaggio 9

Aggiungere un Gaussian Blur (Filtro> Sfocatura Gaussian Blur) con un Raggio di 2,9 px. Ciò fornirà l'illusione che la neve non sia a fuoco, cadendo proprio davanti alla telecamera.


Passaggio 10

Come passaggio facoltativo, aggiungi una piccola quantità di Sfocatura gaussiana ai due più strati posteriori.



11. Finalizza la neve

Passo 1

Una delle ultime cose che devono essere fatte è rendere bianchi i fiocchi di neve. Per fare questo, doppio click una delle miniature del Nevicata oggetti intelligenti. Questo aprirà quell'oggetto intelligente per la modifica. Assicurati di mostrare il livello di sfondo bianco.


Passo 2

Quindi, aggiungi il Invertire livello di regolazione nella parte superiore della pila di livelli. Il risultato dovrebbe essere neve bianca su sfondo nero.


Passaggio 3

Salva (comando / Ctrl + S) il documento oggetto intelligente e tornare al documento di lavoro. Potresti notare che la foto non è più visibile. Seleziona tutti i layer Snowfall e cambia il Modalità di fusione sullo schermo.


Passaggio 4

stampa Barra spaziatrice per l'anteprima. Tutti gli strati di neve che abbiamo aggiunto hanno creato un effetto di parallasse, creando l'impressione della profondità della nevicata.



12. Modifica la neve

Passo 1

Poiché tutto è stato creato usando oggetti intelligenti, possiamo facilmente modificare la nevicata. In questo caso, la neve potrebbe sembrare più spessa e forse un po 'più morbida. Per modificare la neve, doppio click la miniatura di uno degli oggetti intelligenti.


Passo 2

Se la nevicata sembrava troppo uniforme nella nostra prima anteprima, prendi il tempo qui per riposizionare e ridimensionare il Fiocco di neve strati fino a quando non sei soddisfatto della variazione.


Passaggio 3

Continuare a doppio click ogni oggetto intelligente finché non arriviamo all'originale Fiocchi di neve strato.


Passaggio 4

Doppio click il Fiocchi di neve strato e aggiungi un nero Bagliore esterno stile di livello usando le impostazioni di seguito. Clicca OK.


Passaggio 5

Salva (comando / Ctrl + S) e Vicino ogni documento oggetto intelligente fino a quando non torniamo alla nostra scena nevicata. stampa Barra spaziatrice per vedere in anteprima l'animazione. La neve sembra molto meglio.



13. Creare la GIF

Passo 1

Il modo più rapido per creare una GIF è di solito l'uso di Salva per Web opzione. Tuttavia, dal momento che abbiamo utilizzato molti oggetti intelligenti a strati per creare la nostra scena, Photoshop rallenterà indubbiamente quando tenterà di elaborare tutte queste informazioni. Invece, prima creeremo un file video. Vai a File> Esporta> Render video


Passo 2

Nel Renderizza video pannello, modifica le impostazioni come meglio credi, oppure usa le impostazioni sottostanti e clicca rendere.


Passaggio 3

Una volta terminato il rendering del file, individuarlo sul computer e aprirlo di nuovo in Photoshop. Photoshop dovrebbe aprirlo automaticamente come file video


Passaggio 4

Ora vai File> Salva per Web e regolare le impostazioni a proprio piacimento e fare clic Fatto. Se vuoi che l'animazione si attivi, assicurati di attivare il ciclo. Per ulteriori informazioni su come ottimizzare un file GIF, controlla i 10 modi di Martin Perhiniak per ottimizzare un file GIF animato.



Congratulazioni! Hai finito.

In questo tutorial, abbiamo imparato come creare una neve che cade tradizionalmente come una neve e scomporla in diverse semplici animazioni con l'aiuto di oggetti intelligenti. Speriamo che questo tutorial ti abbia mostrato quanto sia facile l'animazione in Photoshop.