Crea un effetto Shift Parallax utilizzando la Timeline e le funzionalità 3D di Photoshop CS6

Photoshop CS6 include diverse nuove funzionalità che è possibile utilizzare per creare effetti 3D e video. In questo tutorial, combineremo questi nuovi strumenti per simulare la profondità 3D in una fotografia 2D usando le nuove funzionalità di timeline 3D e video disponibili in Photoshop CS6 Extended.


Risorse Tutorial

Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial.

  • Foto di paesaggi

Passo 1

Apri la tua immagine in Photoshop.



Passo 2

Crea una copia dell'immagine e rinominala "Sfondo" e nascondila. Lo useremo più tardi. Vai avanti e rinomina il livello di sfondo originale in "Originale".



Passaggio 3

Il nostro obiettivo è simulare più livelli di profondità all'interno dell'immagine. Lo faremo estraendo parti delle nostre immagini e impilandole in uno spazio 3D. Di seguito è riportata una illustrazione di questo:


A questo punto, dobbiamo definire le aree all'interno della nostra immagine che possiamo estrarre in livelli separati. Come puoi vedere, ho definito 6 livelli separati da estrarre.



Passaggio 4

Ora inizieremo ad estrarre i livelli come definito nel Passaggio 3. Puoi utilizzare qualsiasi metodo che preferisci, ma per questo tutorial, vedremo come estrarre queste forme usando il pannello Canali. Per iniziare, vai al pannello Canali e duplica il canale blu. Questo canale ci fornirà abbastanza dettagli (contrasto) su cui lavorare.



Passaggio 5

Il passaggio successivo è facoltativo e dovrebbe essere utilizzato se è necessario lavorare con più contrasto rispetto al livello del canale originale. Regola i livelli (Comando / Ctrl + L) per aumentare il contrasto



Passaggio 6

Lavoreremo sull'estrazione del livello "F" secondo il punto 3.


Inizia selezionando un pennello morbido con Primo piano / Sfondo, impostato su Nero / Bianco. Cambia la modalità in Sovrapposizione. Useremo questo pennello per dipingere sull'immagine lungo i bordi che definiscono il livello "F."


In modalità Sovrapposizione, il bianco si concentrerà sulla riduzione delle parti più chiare e il nero si concentrerà sul rendere le parti scure più scure. Continua a definire il bordo della nostra forma predefinita usando entrambi i colori. Questo metodo ci consente di definire un bordo più complesso (e quindi più naturale).



Passaggio 7

Usando un pennello duro con la Modalità impostata su Normale, dipingi nelle aree rimanenti fino a quando il canale non sarà bianco e nero.


Premi Comando / Ctrl + I per invertire i colori.



Passaggio 8

Comando / Ctrl: fare clic sulla miniatura del canale per effettuare una selezione.



Passaggio 9

Torna al pannello Livelli e con il livello "Originale" ancora selezionato, Copia (Comando / Ctrl + C) e Incolla (Comando / Ctrl + V) la selezione in un nuovo livello. Assegna un nome a questo livello "Front Bale".




Passaggio 10

Continua questa tecnica con i livelli rimanenti. Sotto vedrai il canale con il suo livello corrispondente.



Passaggio 11

Riordinare e rinominare i livelli come mostrato



Passaggio 12

Ora che abbiamo separato la nostra immagine in diversi livelli, dobbiamo fare un po 'di pulizia. Per spiegare questo, ho creato un'animazione di prova. Mentre i livelli passano uno sull'altro nello spazio 3D, possiamo vedere le ripetizioni dell'immagine su ogni livello, causando una serie di pixel ripetitivi indesiderati.


Per vendere l'illusione di un campo 3D, dobbiamo rimuovere le immagini ripetitive dietro ogni livello. Inizia nascondendo tutti i livelli tranne il livello "Bale 2". Questo può essere fatto rapidamente facendo Alt-click sull'icona di visibilità del layer "Bale 2".


Usa lo strumento di spostamento basato sul contenuto e lo strumento di correzione per clonare la balla di fieno più avanzata (in basso a destra del nostro livello). Non è necessario rimuovere completamente questa balla di fieno, dobbiamo solo nascondere abbastanza pixel ripetitivi in ​​modo che non siano visibili quando iniziamo a spostare i nostri strati in 3D.




Passaggio 13

Continua a modificare ciascun livello per rimuovere i pixel ripetuti dal livello in primo piano. Ancora una volta, non dobbiamo essere perfetti.



Passaggio 14

L'ultima cosa da modificare è il livello "Sfondo". Usando lo strumento Clona, ​​rimuovi gli alberi ed estendi le montagne e il cielo verso il basso.



Passaggio 15

Nascondi il livello "Originale". Non abbiamo più bisogno di questo visibile.



Passaggio 16

È tempo di creare la nostra scena 3D. Seleziona tutti i livelli, fai clic con il pulsante destro del mouse (o Command / Ctrl-clic) e seleziona Postcard. Questo convertirà tutti i livelli in una cartolina 3D (conserverà anche tutti i pixel trasparenti che esistono in ogni livello).



Passaggio 17

Attualmente, ogni oggetto 3D è nella sua scena. Abbiamo bisogno di unire tutti gli oggetti 3D nella stessa scena. Nel pannello Livelli, seleziona tutti i livelli 3D e premi Comando / Ctrl + E per unirli nella stessa scena.



Passaggio 18

Nel pannello 3D, seleziona la telecamera "Vista corrente" e vai al pannello Proprietà. Sotto la sezione Visualizza, salva la videocamera come "Vista animazione".


Questo aggiungerà una nuova fotocamera al nostro pannello 3D. Poiché non abbiamo ancora spostato la posizione della videocamera, la fotocamera "Animation View" è solo una copia della "Camera predefinita".



Passaggio 19

Nel pannello 3D, assicurati che la fotocamera "Current View" sia ancora selezionata e usa gli strumenti di navigazione per posizionare la fotocamera in modo da avere una prospettiva migliore sulla nostra scena.


Vogliamo anche salvare questa vista della telecamera. Salvare questa vista della telecamera ci consentirà di tornare a questa vista in qualsiasi momento. Vai al pannello Proprietà, seleziona il menu a discesa Visualizza sezione e Salva. Etichetta questa "Vista prospettica".


Abbiamo appena creato due preimpostazioni per la fotocamera per aiutare il nostro flusso di lavoro. Puoi testare queste telecamere facendo clic su ognuna nel pannello 3D. La tua vista dovrebbe riposizionarsi su ogni vista salvata. Nota che la nostra scena 3D ha molti artefatti. Questo sta accadendo perché tutti i nostri livelli occupano lo stesso spazio, quindi Photoshop sta tentando di mostrarci tutti e sei i livelli contemporaneamente.



Passaggio 20

Il prossimo passo ci impone di essere nella "Vista prospettica". Seleziona l'oggetto "Balla frontale" e, utilizzando il widget sullo schermo, sposta l'oggetto nella nostra scena (lungo l'asse Z). Più avanti spostiamo questo oggetto, più esagerata sarà la nostra animazione finale.




Passaggio 21

Continua a spostare gli altri oggetti nella scena in modo che siano distanziati l'uno dall'altro. Considera la spaziatura di ogni strato. Ad esempio, "Bale 2" e "Bale 3" appaiono vicini l'uno all'altro nell'immagine originale, pertanto, tali oggetti 3D dovrebbero anche essere relativamente vicini.



Passaggio 22

Nel pannello 3D, seleziona la telecamera "Vista animazione" per spostare la telecamera nella sua posizione originale. La nostra scena potrebbe sembrare caotica, ma la risolveremo nel prossimo passaggio.



Passaggio 23

Usando il pannello 3D, seleziona ciascun oggetto e ridimensionalo in modo che sia leggermente più grande della nostra cornice. Usa il widget sullo schermo per ridimensionare (questo può essere complicato dal momento che l'handle che controlla il ridimensionamento è parzialmente nascosto dalla maniglia blu).


Ora che tutti gli oggetti sono stati ridimensionati in modo appropriato, la scena dovrebbe essere simile alla seguente:



Passaggio 24

È ora di animare la fotocamera. Utilizzeremo la videocamera "Animation View" per animare, quindi assicurati di selezionarla prima nel pannello 3D. Per impostare la nostra scena per l'animazione, dobbiamo creare una nuova timeline. Se il tuo pannello Timeline non è visibile, vai su Finestra> Cronologia. Fai clic sul pulsante "Crea sequenza temporale video".



Passaggio 25

Si noti che la nostra scena 3D si presenta nella nostra timeline. Fare clic sulla freccia accanto al nome della scena ("BackDrop") per ruotare verso il basso le proprietà aggiuntive.


Individua il livello "Posizione telecamera 3D" sulla timeline. Useremo questo livello per animare la nostra fotocamera.



Passaggio 26

Fare clic sull'icona Cronometro su questo livello per abilitare l'animazione del fotogramma chiave. Questo posizionerà automaticamente un fotogramma chiave nella posizione dell'indicatore del tempo corrente sulla timeline (indicato dalla freccia blu e dalla linea rossa). Dato che non abbiamo spostato nulla, il nostro primo fotogramma chiave dovrebbe apparire al frame zero.



Passo 27

Ora, fai clic sul punto 5.00f nel display del codice temporale per spostare qui l'indicatore del tempo corrente.



Passaggio 28

Nel pannello 3D, assicurati che la fotocamera "Vista animazione" sia selezionata e utilizza gli strumenti modificatori nel menu in alto per manipolare la videocamera. Questo dovrebbe aggiungere automaticamente un fotogramma chiave al nostro livello. In caso contrario, fai clic sull'icona Aggiungi fotogramma chiave.



Passaggio 29

Dal momento che vogliamo solo rendere le parti della nostra scena animate, dobbiamo definire quale parte della nostra timeline è resa (conosciuta come Area di lavoro). Per definire l'Area di lavoro, regola il cursore direttamente sotto il display del codice temporale in modo che si allinei con l'ultimo fotogramma chiave. Questo riduce la durata dell'animazione in modo da rendere solo i fotogrammi in cui la fotocamera si sta muovendo.


Per visualizzare l'anteprima di ciò che abbiamo finora, premi la barra spaziatrice. Se sei soddisfatto dell'animazione, possiamo continuare a eseguire il rendering, altrimenti, continua a regolare la posizione della videocamera.


Passaggio 30

Prima di iniziare il rendering, cambiamo alcune delle preferenze di rendering per consentirci un rendering più veloce. Vai a Modifica> Preferenze> 3D e apporta le seguenti modifiche per ridurre il numero di passaggi richiesti per un rendering finale:



Passaggio 31

Salva il tuo file! Il nostro prossimo passo è il rendering, quindi ora è una grande opportunità per salvare.

Per aprire la finestra di dialogo Renderizza video, andare su File> Esporta> Rendering video. Apporta le modifiche mostrate di seguito. Raccomando di eseguire sempre il rendering su una sequenza di immagini, specialmente quando si utilizza il 3D. Se il tuo computer si blocca sempre durante il processo di rendering, puoi selezionare il rendering dall'ultimo fotogramma.



Passo 32

Al termine del rendering, apri la sequenza di immagini renderizzata come un'animazione. Per fare ciò, vai su File> Apri come, vai alla cartella dei rendering e seleziona la prima immagine nella sequenza. Assicurati di selezionare Sequenza immagini in basso. Questo dirà a Photoshop di importare tutti i frame in ordine sequenziale. Clicca Apri.



Passaggio 33

I file dovrebbero ora apparire nella tua timeline come un'animazione.


Nota che il video appare come livello video nel nostro pannello dei livelli.


Proprio come i livelli tradizionali, questo nuovo livello video può utilizzare i livelli di regolazione. A questo punto, sentiti libero di migliorare la tua immagine usando i Livelli di regolazione. In questo esempio, ho aggiunto un semplice livello di regolazione dei livelli.



Passaggio 34

L'ultimo passaggio consiste nel rendere la timeline al video. Dato che stiamo semplicemente rendendo fotogrammi e nessun oggetto 3D, il nostro processo di rendering sarà molto più veloce, quindi eseguiremo il rendering direttamente in un formato .MOV.



Rendering finale