Share
Questo è un tutorial che illustra le tecniche di prospettiva e come è possibile ottenere la sensazione di profondità e movimento. Lo faremo in pochi passaggi, ad esempio posizionando il personaggio principale, creando il volume che si dissolve e aggiungendo immagini in primo piano e sullo sfondo. Iniziamo!
Dai un'occhiata all'immagine che creeremo. È possibile visualizzare l'anteprima dell'immagine finale qui sotto o visualizzare una versione più grande qui.
Dettagli dell'esercitazione:
Prima di iniziare ci sono alcune cose che vale la pena menzionare. Tutte le foto di questo tutorial appartengono all'autore, Pirosca Marcel. Non sono stati raccolti da siti di stock in rete. Il personaggio principale è stato girato nel mio studio fotografico.
Per prima cosa ho aperto l'immagine originale risultante dalle riprese con lo scopo principale di isolare il personaggio e le ombre sul pavimento. La prima cosa che ho notato è che il suo viso non era abbastanza espressivo per quello che avevo in mente.
Prima di iniziare a ritagliare il personaggio avevo bisogno di sostituire la sua testa con quella di un'altra immagine, dove sembrava più ottimista. Fotografo sempre molte foto ogni sessione, quindi quando emergono situazioni come questa ho un sacco di altre immagini tra cui scegliere. La cosa più importante è che le fonti di luce devono essere nello stesso posto in modo che si integri perfettamente e in modo credibile. La luce deve provenire dalle stesse direzioni. Ho trovato l'immagine qui sotto per essere una buona partita per quello che mi serviva.
Usando lo strumento Lazo poligonale crea una selezione attorno alla sua testa. Lo sfondo contiene solo un colore piatto, quindi la selezione dovrebbe essere molto semplice da realizzare. Ho selezionato la sua testa proprio come nell'immagine qui sotto, quindi la copio / incollata nell'immagine originale, su un nuovo livello.
L'ho ridimensionato e ruotato in modo che corrispondesse alla vecchia testa.
Come puoi vedere, è necessario fare un po 'di integrazione affinché la testa si amalgami perfettamente. Prima di tutto, ritaglia il capo dello sfondo in modo che possiamo lavorare su quello nuovo. Usa lo strumento Lazo poligonale per selezionarlo ed eliminarlo. Ora dovremmo avere qualcosa di simile a ciò che vediamo di seguito.
Si noti che la regione più importante su cui lavorare è il suo collo. Per ottenere una transizione piacevole dall'una all'altra abbiamo bisogno di una maschera di trasparenza sulla nuova testa, quindi con un pennello di gomma relativamente morbido (50%) si inizia a cancellare alcuni dei bordi duri sul collo fino a raggiungere un buon risultato. Questa parte è aperta a un sacco di tentativi ed errori, quindi l'uso di una maschera ci aiuterà a recuperare alcune delle parti che potremmo aver eliminato per errore. Infine, dovresti ottenere qualcosa di simile all'immagine successiva.
Come possiamo vedere, dobbiamo lavorare su alcuni dettagli. Abbiamo bisogno di aggiustare l'illuminazione della camicia e del collo per renderlo credibile. Per il collo ho usato una combinazione di strumenti Dodge / Sponge come illustrato di seguito.
Per aggiustare la maglietta ho copiato / incollato una parte della sua maglietta e poi l'ho fusa (usando le curve e la maschera di trasparenza).
Ora siamo pronti a isolare il nostro ragazzo e le ombre sul pavimento. Poiché è una superficie con bordi rigidi su uno sfondo piatto, dovrebbe essere abbastanza facile selezionarlo usando lo strumento Lazo poligonale. Personalmente preferisco questo strumento oltre l'approccio dei percorsi alla selezione perché non devo regolare alcun punto di controllo e tangenti, anche se ciò significa più clic. Copia / incolla in un nuovo livello.
La prossima cosa che vogliamo è avere l'ombra su un livello diverso. Come puoi vedere lo sfondo dello studio fotografico era piuttosto sporco, quindi per rimuovere le macchie ho applicato un po 'di sfocatura superficiale. Ho scoperto che questo tipo di sfocatura è la cosa migliore per questa operazione in quanto rimuove il rumore preservando alcuni dettagli.
Una volta arrivati a questo punto, possiamo selezionare l'ombra usando Color Range e le seguenti impostazioni.
Naturalmente ci saranno alcune regioni indesiderate nella selezione. Hit OK, e dopo aver effettuato la selezione entra in modalità Maschera veloce. Procedere per cancellare le parti non necessarie, come illustrato nell'immagine sottostante.
Ora per avere l'ombra esatta dobbiamo sottrarre il contorno del nostro ragazzo dalla selezione rimanente. Mentre sei in modalità Maschera veloce premi il tasto Ctrl e fai clic sulla miniatura del livello di carattere principale nella tavolozza dei livelli. Questo caricherà la selezione per quel livello. Premere Elimina per cancellare la maschera veloce all'interno della selezione.
Esci dalla modalità Maschera veloce e abbiamo la selezione dell'ombra. Basta copiarlo / incollarlo su un nuovo livello.
Ora abbiamo il personaggio e la sua ombra isolati e su livelli separati. Siamo pronti per iniziare l'immagine finale.
Questo era un ENORME pezzo di lavoro, dimensioni relative. Per ottenere l'immagine finale è necessario creare un'immagine 3613 per 5000 pixel. Per avere un'idea di ciò che volevo veramente, prima ho preso il personaggio principale e l'ho spostato sulla tela; finalmente decidendo di metterlo sulla metà inferiore dell'immagine seguendo il flusso del suo corpo. Essere su un livello separato significava poter aggiungere ogni sorta di dettagli alle sue spalle. La prima cosa che doveva essere fatta era differenziarlo ulteriormente dallo sfondo grigio.
Usa un pennello bianco, morbido con Opacity al 20% per creare un bagliore dietro al ragazzo.
Successivamente è il momento di determinare come le linee nell'immagine sarebbero fluite. Per questo ho usato il mio tablet con le dimensioni controllate dalla pressione della penna e Opacity impostato su circa il 30%. Ho proceduto nel disegnare le linee su cui il nostro uomo stava navigando tenendo premuto Maiusc (in modo che il pennello disegna una linea retta) e premendo più forte sul tablet (perché la linea sia più spessa) ai suoi piedi e quindi premendo meno mentre le linee si sbiadivano lontano.
Questo ha dato alle linee la sensazione di prospettiva e mi ha anche aiutato a dare un senso di profondità. Devo aggiungere che questo è un processo soggetto a molti tentativi ed errori, quindi potrebbe volerci un po 'prima che tu sia soddisfatto dei risultati.
Ora diventa interessante. Per poter replicare tutti gli aerei che si dissolvono e mantenere una corretta prospettiva, ho usato il filtro del punto di fuga per bulbo oculare l'aereo su cui il nostro uomo naviga. C'è un'intera discussione qui, perché non è possibile definire quell'aereo esattamente come è nella realtà poiché non si ha alcun riferimento. Dopo vari tentativi mi sono accontentato di quello sotto, pensando che funzioni. Per fare questo vai su Filtro> Fuoco prospettico.
L'accordo con Vanishing Point è che questi aerei possono essere estesi a 90 gradi o arbitrariamente. Usando questo metodo ho anche costruito ulteriori piani per aiutarmi a tenere traccia della prospettiva, mentre cercavo di abbinare le mie linee di schizzo il più vicino possibile.
Con questa installazione in posizione, ora ero in grado di aggiungere elementi che fluiranno lungo questi piani. Ma prima avevo un punto di sistemare.
Da qualche parte lungo la linea ho sperimentato variazioni di colore poiché il grigio sembrava un po 'noioso. Amo i colori e ho deciso di usare il suo potere per dargli un piccolo pugno.
Per ottenere i colori corretti per questo pezzo ho usato tre livelli di regolazione e li ho posizionati sopra l'immagine. Due di loro riguardano solo la pelle (usando le maschere) e una terza per impostare l'umore generale. Per la pelle, un livello e un bilanciamento del colore per aggiungere un delicato miglioramento del colore.
E poi un bilanciamento del colore che interessa l'intera immagine per dare un umore verdastro generale. Le impostazioni sono mostrate di seguito.
Ora siamo pronti per aggiungere i dettagli.
Apri Illustrator e copiando / incollando e quindi ridimensionando i rettangoli verticali puoi ottenere qualcosa di simile al primo volume digitale nell'immagine qui sotto. Crea una copia e spostala sotto.
Aggiungendo rettangoli orizzontali e sottraendoli, è facile ottenere il secondo. Crea semplicemente un rettangolo, spostalo verticalmente (tenendo premuto il tasto Alt per creare una copia) e premi ripetutamente Command + D per moltiplicarlo.
Copia l'immagine del secondo volume e vai su Photoshop.
Ora incollalo nel filtro Fuoco prospettico. Per qualche motivo Photoshop non consente di incollare direttamente i percorsi da Illustrator lì. Quindi dobbiamo incollarlo su un nuovo livello come prima i pixel. Ruota e ridimensiona verticalmente come nell'immagine qui sotto per avere la massima risoluzione possibile.
Quindi fai Command-click sulla miniatura del livello nella palette dei livelli. Questo farà apparire la selezione di quel livello. Premi Command + C per copiarlo nella cache, quindi elimina il layer. Ora possiamo passare al filtro Fuoco prospettico.
Vai a Filtro> Fuoco prospettico e incolla. Dovresti avere qualcosa di simile mostrato qui sotto.
Ora se trascini la selezione sul piano del pavimento, Photoshop calcolerà automaticamente la prospettiva giusta per te.
Fatelo di nuovo per estendere ulteriormente il volume.
Vai alle opzioni di fusione e aggiungi gli stili mostrati di seguito.
Ora dovresti avere qualcosa di simile a questo.
Per avere alcuni riquadri trasparenti, come nell'immagine finale, crea una maschera di trasparenza per questo livello, quindi usa un grigio al 50% (# 7a7a7a) per dipingere sui quadrati che vuoi trasparenti. Questo può essere un processo noioso e spetta a te decidere quali ti lasciano opaco e quali no. Illustrerò.
Ora per dargli un po 'di pugno, duplica quel livello, imposta la sua Opacità al 68% e applica le seguenti Curve (Comando + M) alla sua maschera di trasparenza e ottieni questo. Il grigio nella maschera dovrebbe essere diventato nero, quindi questo strato influenza solo i quadrati opachi.
Dovrebbe assomigliare a qualcosa di simile a questo.
Abbiamo raggiunto una parte delicata che richiede un sacco di ritocchi per avere ragione, ma l'idea principale è quella di utilizzare una copia del volume, spostarlo in posizione e quindi utilizzare lo strumento Warp per simulare la curvatura. La parte difficile è che alcune delle linee potrebbero essere curve nel modo sbagliato e ho dovuto correggerle personalmente. Devo dire abbastanza tempo, ma non mi è venuta in mente altra idea per creare quell'angolo.
Usando la stessa tecnica di prima, crea una maschera per la trasparenza e blocca alcuni riquadri trasparenti usando un grigio al 50%.
Ancora una volta, usa il filtro Fuoco prospettico, Warp e una maschera di trasparenza per creare la sezione successiva. Ci vorrà del lavoro, ma ho già illustrato le tecniche necessarie.
Procediamo ad aggiungere il resto delle sezioni finché non scompaiono.
Ritorno a Illustrator. Utilizzo dello strumento Penna per creare un tracciato lungo le linee dello schizzo. Quindi arrotondare gli angoli. Il modo più semplice per arrotondare i vertici è utilizzare uno script chiamato Round Any Corner trovato in questo archivio. Leggi di più qui.
Riempi il tracciato finale con il bianco, rimuovi il tratto e copialo / incollalo in Photoshop sotto il livello "volume".
Per migliorare il look ho deciso di aggiungere un altro volume, questa volta bianco, al di sotto di quello che abbiamo creato. Usa di nuovo il filtro Fuoco prospettico, copia il primo volume creato in Illustrator e estendilo in prospettiva, come mostrato di seguito.
Come possiamo vedere, la traccia sta sovrapponendo il volume bianco, quindi abbiamo bisogno di una maschera per nasconderne una parte. Lascia solo visibile la sezione in alto a sinistra.
Abbiamo solo bisogno di aggiungere l'ombra sotto il nostro ragazzo e abbiamo finito con questa sezione. L'abbiamo isolato in precedenza in un altro documento, quindi basta copiare / incollare in un nuovo livello e allinearlo. Impostalo su Color Burn con il 50% di Opacità. Ora sembra che lui sia davvero lì.
Esistono diversi modi per creare le immagini volanti, ma ho scoperto che il più rapido e semplice è stato l'approccio 3D. Fondamentalmente, ho preso gli aerei generati da Vanishing Point e ho cercato di ricrearli in 3D. Considerando che stavano volando su un piano verticale sui lati del surfista significava che dovevo creare un solo aereo. Potrei estendere tutto il resto da lì. Aspetta, vedrai cosa intendo.
L'applicazione di scelta era Modo, ma questo può essere fatto altrettanto facilmente anche negli altri. Di nuovo, l'ho fatto in 3D perché era molto più veloce, potevo spostare gli aerei in prospettiva molto più facilmente, il che significa più sperimentazione e quindi risultati migliori. Probabilmente avrei potuto farlo anche con Vanishing Point, ma sarebbe stato dispendioso in termini di tempo.
Inoltre, sul mio computer, Photoshop continuava a bloccarsi se avessi lavorato per più di 30 secondi con Vanishing Point, cosa che accadeva circa 100 volte quando si lavorava sul volume della musica. Dopo ciò, sapevo che il 3D era l'unica scelta. Inoltre imparerai una nuova tecnica.
Innanzi tutto, è necessario preparare una piastra di supporto per l'ambiente 3D con l'aereo che dobbiamo abbinare. Ho usato la seguente immagine. Salvalo come JPG separato.
In Modo crea una nuova scena.
Vai a Oggetto> Crea sfondo. Questo crea un piano che possiamo aggiungere l'immagine sopra come riferimento.
Sulla destra vedrai il seguente menu. Dall'elenco Elementi scegliere l'elemento sullo sfondo appena creato, quindi in Proprietà, andare su Immagine> Carica immagine.
Scegli il "backplate" che abbiamo salvato in precedenza.
Come puoi vedere, lo sfondo ruota mentre ruotiamo la vista. Non vogliamo quello, vogliamo che rimanga immobile e muovere solo la geometria. Per farlo, vai su Tipo di proiezione> Fotocamera. Ciò renderà lo "sfondo" invisibile per la vista prospettica corrente, ma fungerà da sfondo per la fotocamera.
Premi Comando + Spazio. Verrà visualizzato un menu a comparsa in cui è possibile scegliere ciò che verrà visualizzato nel viewport. Seleziona Camera, ovviamente.
Ora se ruotiamo il viewport l'immagine di sfondo rimarrà ferma. Per assicurarti che il rendering abbia le stesse dimensioni del nostro pezzo, sul lato destro vai su Shader Tree> Render e imposta la larghezza / altezza della scena su 3613/5000.
Siamo pronti ora per abbinare alcune geometrie.
Assicurati che la rotazione della trackball sia attiva nel menu Advanced OpenGL della fotocamera. Ciò assicurerà che la telecamera sarà in grado di ruotare su tutti gli assi, non solo su XZ.
Ora la parte difficile. Ruotando lentamente la fotocamera prova a far corrispondere il nostro piano 3D con quello nel riferimento. Scala anche l'aereo e allungalo.
Una cosa è ovvia, la prospettiva della fotocamera non è abbastanza drammatica per abbinare i due piani. Quando dico drammatico intendo che le linee parallele non convergono abbastanza velocemente. Quindi abbiamo bisogno di aumentarlo.
La prospettiva di una telecamera dipende da quanto è ampio il cono di luce in ingresso. Più ampio è il cono, maggiore è la prospettiva. Più stretto è il cono, più basso. Ecco perché gli obiettivi grandangolari tendono a distorcere le immagini e ad enfatizzare la prospettiva. L'angolo del cono è direttamente controllato dalla lunghezza focale. Fortunatamente il modello di fotocamera di Modo è molto simile a quello del mondo reale, quindi possiamo modificare quel parametro.
Ho trovato per tentativi ed errori che la lunghezza focale di 10 mm è vicina a ciò di cui abbiamo bisogno.
Ovviamente gli oggetti ora sono più piccoli, perché il grandangolo copre più spazio. Nessun problema lì. Dobbiamo solo chiudere la telecamera e ruotarla. Improvvisamente, l'aereo si adatta molto meglio.
Non è la combinazione perfetta ma con un po 'di regolazione della fotocamera ci siamo.
Questo può essere un processo noioso perché la prima volta che crei l'aereo, devi ruotare la fotocamera e cambiare la lunghezza focale allo stesso tempo per ottenere una buona corrispondenza. Che può essere difficile e richiede tempo. Ma una volta determinata la lunghezza focale, tutto il resto è un gioco da ragazzi. Di seguito sono riportate le impostazioni della fotocamera per ottenere la corrispondenza esatta.
Una volta installato l'aereo, possiamo duplicarlo, ridimensionarlo e spostarlo per creare copie diverse. Puoi spostarli parallelamente l'uno all'altro per dare la sensazione di profondità.
Osserva il grandangolo della fotocamera e la geometria finale.
Premi F9 per visualizzare la telecamera. Non dovrebbe richiedere molto tempo perché è una scena semplice. Questo è ciò che ottieni. Passa ad Alpha Output e salva un JPEG.
Torna a Photoshop. Vediamo cosa abbiamo ottenuto finora.
Apri l'immagine Alpha salvata da Modo in Photoshop. Copialo, quindi passa al nostro navigatore, nella scheda Canali creane uno nuovo e incolla l'alfa all'interno.
Ora, se fai clic con il tasto Comando sulla miniatura del canale, ottieni una selezione.
Crea un nuovo livello e riempilo con l'arancione (# ff8f00).
Taglia e incolla le immagini che dovrebbero essere dietro di lui su un nuovo livello e spostarle sotto il livello "digital surfer" nella palette dei livelli. In questo modo sembreranno essere dietro di lui nello spazio.
Ce ne sono troppi in volo proprio ora, sovraffollano la scena, quindi procedete a cancellarne alcuni per mantenere l'equilibrio. La maggior parte sono dall'angolo in basso a sinistra.
Ora arrotonderemo gli angoli delle immagini, quindi sembrano un po 'meno appuntite. Per fare ciò, carica la selezione del livello facendo Command-clic sulla sua miniatura nella palette dei livelli. Per prima cosa arrotonderemo i piccoli rettangoli, poiché hanno bisogno di un raggio più piccolo, e poi progressivamente gli altri. Sottrai le parti della selezione per ottenere quella sotto.
Vai a Seleziona> Modifica> Smussa e imposta il raggio su 10 pixel. Quindi premi Comando + Maiusc + I per invertire la selezione e cancellare. Ecco qua. Ora hai gli angoli arrotondati.
Abbiamo bisogno di applicare la stessa tecnica alle immagini più grandi. Questa volta con un raggio di 20 pixel poiché sono più vicini alla fotocamera. Fallo per la prossima selezione.
Otterrai questo risultato.
E ora il passo finale di questo processo è arrotondare gli angoli delle immagini in primo piano. Ripeti i passaggi precedenti usando il raggio nell'immagine.
Procedere per applicare il seguente stile ai livelli dell'immagine. Dobbiamo dargli un po 'di profondità.
La differenza è molto sottile intorno ai bordi ma è ancora lì.
Ora assegneremo diverse opacità a varie immagini a seconda di quanto sono lontane dalla fotocamera. Ho bisogno che tu copi e incolli quanto segue su un nuovo livello e assegni il 25% di Opacità.
Copia e incolla in un nuovo livello la seguente selezione e assegnagli un'opacità del 65%.
Copia e incolla la seguente selezione in un nuovo livello e assegnagli un'opacità del 44%.
Copia e incolla la seguente selezione in un nuovo livello e assegnagli un'opacità del 75%.
Dopo tutti questi passaggi dovresti guardare qualcosa come questo.
La prossima cosa da aggiungere sono alcuni punti salienti sopra i rettangoli volanti. Selezionali tutti, quindi con un'opacità del 20%, pennello morbido, dipingi alcuni punti salienti su di essi. Dai un'occhiata alla seconda foto qui sotto per avere un'idea.
L'unica cosa che rimane da fare ora è aggiungere delle trame sopra di loro. Dimostrerò la tecnica usata per una delle immagini, poi ripetendola molto si potranno riempire anche tutti gli altri rettangoli. Useremo una delle mie foto per farlo. Puoi trovare il resto delle immagini utilizzate qui: xn3ctz.deviantart.com/gallery/. Questo è il mio portafoglio di fotografia stock. Sentiti libero di usarli.
Ad ogni modo, copia e incolla questa immagine in un nuovo livello in Photoshop.
Usare lo strumento Trasforma Comando-trascina gli angoli per adattarli a uno dei rettangoli che vogliamo tessere.
Quindi imposta il livello su Modalità fusione e usa una maschera per arrotondare gli angoli. L'opacità può dipendere dalla distanza dalla fotocamera, il che significa che le immagini sullo sfondo possono essere un po 'trasparenti per dare la sensazione di profondità.
Dopo averlo fatto con tutte le altre immagini dovresti ritrovarti con qualcosa di carino. Ad ogni modo, richiede molto tempo, quindi passerò direttamente al risultato finale.
Ho iniziato creando queste forme abbastanza semplici in Illustrator. Agiranno come trame per i pezzi dell'interfaccia.
Copia la forma in basso a sinistra in Photoshop e posizionala in posizione.
Impostalo su Moltiplica con il 35% di Opacità e applica i seguenti stili di livello.
Usa le stesse impostazioni e i percorsi di Illustrator che abbiamo creato per aggiungere le forme successive.
Aggiungi un po 'di consistenza usando le altre forme. Dovrebbero essere impostati in bianco in modalità di fusione Soft Light a 100% Opacità. Posizionali usando lo strumento Trasforma (Comando + T) e adattali ai pezzi dell'interfaccia.
E adesso FINALMENTE l'ultimo passo. Crea un nuovo livello, carica la selezione dell'interfaccia e con un opacità del 20%, il pennello bianco e morbido dipinge alcuni punti salienti proprio come abbiamo fatto con i rettangoli.
QUESTO È TUTTO! Basta zumare per accendere la visibilità di tutti i livelli e divertirti!
Con questo tutorial abbiamo esplorato vari modi per creare la sensazione di profondità e spazio mantenendo la prospettiva. Tutto partendo da una semplice foto, aggiungendo strati e strati di dettagli che lavorano tutti insieme in un pezzo unico.
Spero che ti sia piaciuto e ho imparato alcune nuove tecniche da questo tutorial. Ci vediamo online. Saluti!
Accentsconagua