All Articles After Effects
Parallasse Tutorial: 2D al 3D con Photoshop
Richard Lainhart on Sun, April 10th | 0 comments
In Part 1 of our tutorial, we began the process of turning a static 2D image into a 3D animation by opening the image and isolating each major section of the image onto its own layer in Photoshop. In

Nella parte 1 della nostra guida , abbiamo iniziato il processo di trasformare un'immagine statica 2D in una animazione 3D aprendo l'immagine e isolando ogni sezione principale l'immagine sul proprio livello di Photoshop .

In Part 2, we're going to continue in Photoshop to fill in the empty areas in the image left by isolating the sections. Then we'll move over to After Effects to put the layers into 3D space and complete the animation.

Fase 6 - colmare le lacune

Ora arriva la parte difficile, se ciò che è andato prima non fosse già abbastanza difficile per voi. Si può avere capito ormai che se dovessimo portare questa immagine Photoshop nel suo stato attuale in After Effects, separare ogni strato nello spazio su un proprio livello 3D, e iniziare a muoversi gli strati con una macchina fotografica, ci saremmo subito vedere gli spazi vuoti negli strati posteriore, dove abbiamo tagliato fuori gli strati in avanti. E avreste ragione.

Quindi quello che dobbiamo fare è un po 'di lavoro di Photoshop fantasia per riempire le parti mancanti dell'immagine con i pixel in modo che non vediamo le eventuali lacune. Per questo, useremo lo strumento timbro clone. Con il timbro clone, faremo prendere pixel da altre parti dell'immagine e dipingerli nelle zone mancanti per creare l'illusione di un'immagine continua su ogni livello. Non sarà perfetto, ma sarà sufficiente per ingannare l'occhio.

Non abbiamo bisogno di preoccuparsi per lo strato Marinai, in quanto che si trova di fronte. Ma dovremo colmare le lacune negli strati d'acqua e la città. Cominciamo con l'Acqua. Disattivare la visibilità per gli altri livelli, assicurarsi che lo strato d'acqua è selezionato, disabilitare qualsiasi selezione di pixel nel livello (Seleziona

Poi Opzione-clic da qualche parte in acqua per impostare il punto clone, e cominciare a dipingere nelle aree vuote del immagine con pixel acqua:

Per fortuna, perché questa acqua è piuttosto indifferenziata, non ci si deve preoccupare troppo di ripetere pixel o la clonazione evidente. Basta ricordarsi di Opzione-clic regolarmente i pixel acqua esistente per clonare da un punto diverso, e attenzione ai bordi dell'immagine si può colpire. Se lo fai colpito alcuni bordi, basta clonare elementi in più con pixel da altrove. Il vostro obiettivo è quello di riempire l'intero cut-out area con ragionevole dall'aspetto acqua:

Nota: ho clonato in acqua ben al di sopra del punto di taglio linea di galleggiamento; capirete perché a breve.

Ma per ora, abbiamo finito con l'acqua.

Fase 7 - Paint Nella Città

Questo sarà un po 'più complicato, perché gli edifici della città sono più familiari, forme regolari, ma non c'è tanto da dipingere, e abbiamo una buona scorta di altri edifici a immagine di clonare da. Perché siamo pittura in modo più dettagliato, iniziare con un pennello più piccolo, diciamo 25 pixel o giù di lì, e selezionare un punto clone ben al di fuori della zona vuota. Questo strato sarà ben all'interno del fondo, e noi provvederemo a sfruttare la confusione generale e ad alto dettaglio di questa area dell'immagine per colmare le lacune con le sezioni di costruzione. Vorrei suggerire la pittura con pennellate orizzontali solo, dal momento che gli edifici sono così forti linee orizzontali, ma non c'è niente di sbagliato combinando pezzi di costruire diversi edifici di nuova costruzione nel nostro clonato:

Come prima, continuare fino a quando la clonazione tutte le cut-out area è piena in A differenza di prima, però, non abbiamo bisogno di clonare sotto la linea di galleggiamento:

Se guardate attentamente, vedrete alcuni dall'aspetto strano edifici del pieno-in, ma niente che sia troppo invadente - questo sicuramente il lavoro per i nostri scopi.

Salvare le modifiche, e abbiamo finito in Photoshop! Le fasi finali in After Effects non avrà quasi più a lungo. Allora, oltre a rimbalzare AE e avvolgere questo.

Fase 8 - Importare il file di Photoshop

Vogliamo essere sicuri di non perdere nessuna delle nostre duro lavoro, quando portiamo questo file complesso Photoshop in After Effects, in modo da scegliere File

Fase 9 - Configurazione della composizione di immagini 3D

Ci siamo quasi. Abbiamo importato il file di Photoshop come una composizione, il che significa che ogni livello del file originale di Photoshop sarà ora un livello separato nella nuova composizione, comprese le informazioni trasparenza i livelli originali 'e anche il loro ordine nella palette livelli.

Quindi, fare doppio clic sulla nuova composizione, e trascinare i suoi strati (se non sono già in questo ordine) in modo che i marinai sono in alto, l'acqua nel mezzo, e la città in basso. (Se alcuni dei vostri strati non erano visibili a causa del loro ordine, questo dovrebbe sistemare le cose. L'acqua, però, sarà probabilmente ancora coprire la città, a causa del pixel in più abbiamo dipinto in precedenza.) È possibile lasciare il fondo originale in di riferimento se

A questo punto, sembra ancora come i marinai sono dispersi in mare, perché non possiamo ancora vedere la città, ma staremo a fissare che a breve:

Successivamente, aggiungere una fotocamera al comp scegliendo layer

Ora siamo pronti per configurare gli strati nello spazio. Selezionate il livello di marinai, di tipo "P" per le sue proprietà solista posizione, e si noti che ora ha tre proprietà di posizione - X, Y e Z. Z è la profondità, quindi cerchiamo di spostare il livello Marinai in avanti trascinando il valore della posizione in Z la gamma negativo - nel mio caso, circa -340. In questo modo spostare il livello Marinai bene davanti agli altri due.

Solista posizione successiva per il livello di città, e impostare la sua posizione Z a 200. Questo sposterà indietro strato che nello spazio, anche se non possiamo ancora vedere la maggior parte di essa a causa dell'acqua:

Con il livello Città ancora selezionato, digitare Shift-S per aggiungere Scala per le sue proprietà in solo, e scalarlo fino al 120% o giù di lì, in modo da riempire la cornice. Ora, selezionate il livello dell'acqua, e il tipo "P" alla posizione da solista, Shift-R per aggiungere Rotazione per le proprietà in solo, e Shift-S per aggiungere Scala pure. Imposta la sua rotazione X a -45 gradi, al quale ruoterà l'acqua lontano dalla fotocamera e dargli una prospettiva sfuggente. (L'acqua è un aereo che collega primo piano allo sfondo, in modo da ruotare in questo modo contribuirà a sottolineare la distanza tra anteriore e posteriore quando animare la fotocamera.) Quindi impostare la posizione Y (quello centrale) per circa 1120 per rivelare il città alla fine e ottenere i marinai fuori dall'acqua, e impostare la sua scala di circa 120, in modo da riempire la cornice. L'acqua deve essere posizionato in modo che interseca solo la città alla linea di galleggiamento. Tutte le proprietà per i tre strati dovrebbe essere simile a questa:

E il bozzetto dovrebbe essere simile a questa:

Fase 10 - Animare la fotocamera

L'ultimo passo è quello di animare la nostra macchina fotografica per aggiungere un po 'di movimento alla scena e impostare parallasse al lavoro. Ci sarà anche l'occasione per modificare le impostazioni dei layer. Così, con la telecamera selezionata, di tipo "P" per le sue proprietà solista posizione, e attivare i fotogrammi chiave nel fotogramma 0 per la posizione. Spostare la telecamera verso destra, aumentando la sua posizione X a 530 o giù di lì, spostarlo verso il basso nel telaio (in modo che spara da una posizione più bassa e si muove i marinai nella cornice), aumentando la sua posizione Y a 780 o giù di lì, e zoom in un po 'diminuendo la sua posizione dalla Z alla A -775 o così come illustrato, che porterà i marinai molto più vicino:

Spostare la linea temporale per il punto 10 di secondo, e animare la telecamera, in, ea sinistra impostando le coordinate X, Y e Z. I valori di posizione a circa 420, 600 e -700, rispettivamente:

Infine, selezionare sia i fotogrammi chiave di posizione e applicare Facile Facile da loro (Animazione

Potrebbe essere necessario modificare la scala o il posizionamento degli strati, a questo punto in modo che non si vede alcun bordi una volta che animano la fotocamera. Quando hai gli strati impostato a proprio piacimento, rendono il bozzetto (che ho ridimensionato e messo in un altro bozzetto 720p per la compatibilità con YouTube), e si dovrebbe vedere qualcosa come questo:

E questo è tutto! Si noti che parallasse dà una forte impressione di strati di immagini a diverse distanze dagli occhi, come la telecamera si sposta per rivelare la città. Provare a movimenti di macchina e posizioni differenti layer e rotazioni per vedere cosa succede. Soprattutto, sperimentare e divertirsi!

Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: