Come creare illustrazioni composte 3D ultraterrene

Sebbene io sia un artista diverso che lavora in molti stili, il mio forte è sempre stato mescolare elementi 3D con foto per creare opere d'arte surreali. Se sei interessato a questo materiale illustrativo ma non hai idea di come sono fatti, ecco il tuo passaggio attraverso quella porta.

In questo tutorial ti do un corso accelerato su come approcciare e creare questi tipi di immagini. Non preoccuparti, non avrai bisogno di imparare il 3D poiché ti fornirò i rendering 3D per iniziare. Semplicemente compositing e creando una scena con i rendering forniti. Questo tutorial è destinato agli utenti di Photoshop da intermedio ad avanzato. Prepara il tuo tablet, perché lo utilizzerai molto in questo tutorial!

È possibile trovare il file PSD di Photoshop in una directory denominata "PSD" contenuta nel file ZIP scaricato. Potresti desiderare di esaminarli brevemente prima di iniziare.


Passaggio 1: preparazione dell'immagine di base

Per il nostro tutorial, utilizzeremo questa foto panoramica qui. Nota: per visualizzare la foto d'archivio è necessario un account SXC.hu, quindi se non riesci ad accedervi, prenditi un minuto per creare un account.

Tuttavia, dopo aver ottenuto la foto d'archivio, aprila con Photoshop e vai al passaggio 2. Nei prossimi passaggi, toccheremo questa immagine di base.



Passaggio 2: ridimensiona

Ai fini di questo tutorial, lavoreremo con una dimensione web-friendly. Ridimensiona la nostra immagine stock a 1280 px per 915 px andando su Immagini> Dimensione immagine (Comando + Alt + I). Nella palette Livelli, fai doppio clic per sbloccare e denominare questo livello "Base". Affina anche l'immagine ridimensionata andando su Filtro> Precisione> Precisione.



Passaggio 3: Nuvole bianche, pessime!

Le nuvole soffiate sono una delle cose che sono comuni nella fotografia, ma non funzionano bene. Le nuvole soffiate possono davvero rompere un'immagine, facendo risaltare troppo le nuvole e inoltre non giocano bene con i livelli di regolazione - quindi è cruciale risolverli!

Crea un nuovo livello chiamato "CloudFix". Con lo strumento Timbro clone (S) al 100% di Opacità, impostare la modalità su Scurisci e renderla morbida (tasto Maiusc + Parentesi sinistra) e impostarla su Campiona tutti i livelli.

Esegui lo zoom sulle aree soffiate delle nuvole nella scena, tieni premuto Alt e fai clic su un'area con una tonalità media o più luminosa, ma non soffiata. Ora timbrare e spazzolare con cura le aree che sono state spazzate via. Fare riferimento alle immagini del tutorial di seguito per riferimento delle immagini prima e dopo.

Nota: una tavoletta sarà una manna dal cielo ora, perché puoi impostare le impostazioni di Timbro clone su Penna sensibile alla pressione sia per Opacità sia per Dimensione. Sarà di grande aiuto con questo passo.




Passaggio 4: bilanciamento del colore

Ora che abbiamo riparato le nostre nuvole, diamo un'occhiata alla nostra tela. Ho notato che la scena sembra eccessivamente gialla, andiamo avanti e bilanciamo un po 'i colori. Crea un livello di regolazione del bilanciamento del colore con queste impostazioni: i mezzitoni di 0,0,25 e le ombre di 0,0,10. I punti salienti possono essere lasciati intatti. Premi OK per finalizzare il livello di regolazione. Fare riferimento all'immagine qui sotto per vedere come dovrebbe apparire la palette dei livelli al momento.




Passaggio 5: Ritaglio e composizione

Faremo ancora una cosa prima di iniziare a divertirci. La composizione al momento in cui la linea dell'orizzonte si trova a circa il 50% della tela lo rende piuttosto noioso e non così interessante da guardare. Ritagliamo la tela un po 'per renderla più dinamica.

Premi C per visualizzare lo strumento di ritaglio e inserisci 1280 px in larghezza e 780 px in altezza. Dall'angolo in alto a sinistra della tela, trascina lo strumento Ritaglia verso il basso e attraverso la tela. La larghezza e l'altezza ora dovrebbero essere vincolate dallo strumento di ritaglio, quindi dovrebbe prima ritagliare circa l'80% dell'immagine. Premi Invio per finalizzare il raccolto. L'immagine sotto mostra il risultato dopo il raccolto. La linea dell'orizzonte è ora intorno al 35-40% della tela.




Step 6 - Il divertimento inizia!

Nota: di solito a questo punto, vorrei portare l'immagine in Maya e utilizzare metodi per abbinare gli elementi 3D con l'immagine. Tuttavia, non è un processo facile e avresti bisogno di imparare veramente il 3D per farlo. Non lo coprirò in questo corso intensivo di tutorial, ma ti fornirò solo i rendering che ho già abbinato alla scena.

Ora inizieremo a introdurre gli aspetti 3D e a comporli. Per prima cosa apri "elephant_beauty.tga". Questo è il colpo di bellezza dei nostri elefanti che stiamo per mettere nella nostra scena. Immediatamente noterai che sono su uno sfondo nero - Non preoccuparti, è una buona cosa. Apri la scheda dei canali e noterai un canale aggiuntivo chiamato "Alfa 1." Questo è il canale alfa che ho creato per gli elefanti in Maya. Useremo questo canale per estrarre i nostri elefanti dallo sfondo.

Comando-clic sul canale "Alpha 1" per portare la trasparenza fino alla selezione. Con la selezione, torna alla scheda dei livelli e con il livello Sfondo selezionato, premi Comando + J per mettere la selezione in un nuovo livello. Gli elefanti saranno ora nel loro nuovo livello separato dallo sfondo nero.

Ora con il nuovo livello selezionato, tenendo premuto Maiusc, trascina questo livello nella nostra tela tutorial, che è il paesaggio. Assicurati di trascinare gli elefanti mentre tieni premuto Shift perché li posizionerà perfettamente nella nostra tela. Altrimenti, se semplicemente lo trascini, potrebbe non corrispondere alla tela. Rinominare questo nuovo livello "ElephantBeauty". La scena sta iniziando a sembrare più interessante, no?





Step 7: Magic

Se guardi da vicino, dovresti notare che c'è uno spiacevole orlo nero attorno al nostro render di elefanti. Questo è un problema di anti-aliasing quando li estrai dallo sfondo nero. Non preoccuparti, c'è un modo molto semplice per risolvere questo problema. Basta andare su Livello> Stuoia> Rimuovi mascherino nero. Viola! Andato!




Passaggio 8: pulizia

La corrispondenza di elementi 3D con le foto non è una cosa facile, richiede un po 'di precisione e pazienza. A volte sei fuori di pochi pixel. Puoi semplicemente ripulirlo in Photoshop. Aggiungi una maschera al nostro livello "ElephantBeauty" e ingrandisci un po ', poi con un set di pennelli duro al 100% con il nero pieno, cancella alcuni dei bordi delle gambe di elefante che stanno sanguinando nella nostra collina. Abbastanza semplice!


Passaggio 9 - Non fluttuare

Andiamo avanti e macina i nostri elefanti con un'ombra sul pavimento. Inoltre, aggiungerà immediatamente un grande livello di realismo alla scena.

Apri "elephant_floorShadow.tga" e ripeti le istruzioni al punto 6. Non preoccuparti ancora, so che il file è completamente nero! È semplicemente perché i dati sono all'interno del canale alfa.

Stiamo andando nel nostro canale alfa per estrarre le ombre dal livello di sfondo. Comando-clic sul canale "Alpha 1" per portare la trasparenza fino alla selezione. Con la selezione, torna alla scheda dei livelli e con il livello Sfondo selezionato, premi Comando + J per mettere la selezione in un nuovo livello. Le ombre saranno ora nel loro nuovo livello separato dallo sfondo nero. Tieni premuto Maiusc e trascina questo livello nel nostro canvas tutorial e posizionalo sotto il nostro livello "ElephantBeauty".



Passaggio 10: non abbastanza convincente

Un'ombra opaca completamente nera non è quasi mai una buona cosa. A meno che tu non viva in un buco nero, ci dovrebbe sempre essere un po 'di luce nell'ombra.

Seleziona il livello "ElephantShadow" e fai clic sull'interruttore Lucidi nella palette Livelli accanto alle opzioni di blocco. Questo bloccherà la trasparenza nei pixel ombra. In questo modo saremo in grado di modificare l'ombra senza modificare i pixel.

In genere ciò che farei è di ingrandire l'area del soggetto e di eliminare il colore dell'ombra più scuro dalla foto (in questo caso le zampe dell'elefante sono il soggetto e l'erba intorno a loro è la nostra area di destinazione). Sono venuto a trovare il colore # 132128 dall'area, e lo userò per colorare l'ombra del nostro elefante in modo che possa corrispondere alla foto originale.

Fai clic sul colore di primo piano dalla barra degli strumenti di Photoshop e inserisci il nostro numero esadecimale di colore nel Selettore colore e fai clic su OK. Ora con il livello "ElephantShadow" bloccato in trasparenza, premi Comando + Elimina per colorare la nostra ombra nera originale in un colore blu scuro. Ora nella palette dei livelli, imposta l'opacità "ElephantShadow" al 75%. L'ombra apparirà ora molto più convincente di un solido blocco di nero.





Passaggio 11: dettagli sull'erba

Facciamo qualche dettaglio prima di andare avanti. Dobbiamo sostituire un po 'dell'erba dalla nostra collina dove sono i piedi degli elefanti. Piccoli dettagli come questi sono la chiave per un realismo di successo. Non dimenticare di farli!

Scegli lo strumento pennello e attiva i predefiniti del pennello premendo F5. Vai avanti e carica i pennelli per erba di tua scelta. Ho usato un set chiamato Archeleron_GrassBrushes.abr. Ci sono un milione di preset di pennello che puoi trovare e scaricare online, ed è molto facile crearne uno tuo!

Dopo aver caricato con successo i pennelli per l'erba, nella palette dei livelli duplicare il livello "Base" e denominarlo "GrassDetail". Ora posizionalo sopra al livello "ElephantBeauty". Sì, il paesaggio ora si sovrappone a tutto ... ma non fatevi prendere dal panico.

Dare a questo livello una maschera e riempirla con il nero pieno in modo che il livello sia vuoto. Ora vai a selezionare uno dei preset di pennello d'erba (ognuno di essi dovrebbe andare bene). Zoom nelle aree in cui l'erba sostitutiva deve essere e spazzolare indietro l'erba nella maschera con il colore bianco. Fare riferimento alle immagini di riferimento qui sotto se si è confusi. Stiamo semplicemente sfiorando alcuni dettagli di erba vicino ai piedi degli elefanti.




Step 12 - Luce

In questo prossimo passo ti spiegherò e ti mostrerò una delle meraviglie del lavorare con il 3D. Apri "elephant_lightRGB.tga" in Photoshop.

Dovresti immediatamente notare che in questa immagine, i nostri elefanti sembrano fatti di colori strani. Sì, sembra strano tutto insieme, ma vedrai la bellezza in questo appena vai nella scheda Canali e fai clic sui canali.

Essenzialmente, i passaggi RGB in questa immagine sono costituiti da tre diverse sorgenti luminose che ho realizzato in Maya. Con i dati di ciascuno di questi canali, potrei usarli nella nostra tela principale come luci ed effetti aggiuntivi. Ad esempio, il canale blu in questo caso ha una fonte di luce proveniente da dietro gli elefanti ... Potrei potenzialmente usare questi dati come controluce se volessi. Ma dal momento che siamo all'aperto e non in uno studio, qui non ce n'è bisogno.

Quello che useremo in questo caso è il canale "verde", ed ecco perché: Se guardi la nostra tela principale, dovresti notare che il terzo elefante (quello più piccolo e più lontano dalla fotocamera) sembra piuttosto scuro. Sento che sta danneggiando l'immagine perché sembra che non sia illuminata dalla stessa luce esterna. Detto questo, utilizzeremo il canale verde del nostro pass lightRGB per risolvere il problema.

Comando-clic sul canale "verde" per visualizzare i dati bianchi della selezione. Torna alla palette dei livelli e crea un nuovo livello. Seleziona il bianco al 100% come colore di primo piano e premi Comando + Cancella per riempire i dati con il bianco. Ora avrai convertito i dati del canale verde in un nuovo livello da utilizzare.

Tieni premuto Maiusc e trascina il livello "leggero" nella nostra tela del tutorial. Posizionalo sopra il nostro livello "ElephantBeauty" e quindi agganciatelo a "ElephantBeauty" tenendo premuto Alt e facendo clic su tra i due livelli. Questo renderà il livello "leggero" solo i dati dei pixel in "ElephantBeauty". Dai un nome a questo leggero strato "ElephantLighten". La fonte di luce sta interessando tutti gli elefanti al momento, ma lo aggiusteremo nel prossimo passaggio.






Passaggio 13 - Maschera leggera

Ora che abbiamo impostato la nostra fonte luminosa, possiamo davvero metterla in pratica. È semplice.

Imposta la modalità di fusione del livello "ElephantLighten" su Schermo e vedrai immediatamente dove sta andando. Vogliamo solo che colpisca l'elefante più piccolo qui, quindi semplicemente seleziona una selezione intorno all'elefante più piccolo e poi imposta una maschera di livello. Questo isolerà la luce per influenzare solo il terzo elefante. Sembra che anche la luce sia troppo forte, quindi ho impostato l'opacità a 35. Il nostro elefante ora uscirà dall'ombra e avrà un aspetto migliore per la scena!

Nota: in futuro, se vuoi che la luce influenzi alcune parti dei soggetti, fai semplicemente una maschera e dipingi la luce dove vuoi che si manifesti. Può essere ampio e dettagliato come desideri.





Step 14 - Glow!

Diamo all'immagine un po 'di piacere per gli occhi. Devo dire che sono uno schifo di cose splendenti - e gli anelli intorno alla pietra sugli elefanti dovrebbero brillare! Puoi farlo in Photoshop, ma ho fornito un pass glow per questo scopo, quindi facciamolo.

Apri "elephant_glow.tga". Questa volta non ha nemmeno bisogno di entrare nei canali per estrarre i dati. Useremo l'immagine così com'è. Tieni premuto Maiusc e trascina questo livello nell'area di disegno del tutorial e posizionalo nella parte superiore della gerarchia dei livelli. Assegna un nome a questo livello "RingsGlow". Di nuovo, isoleremo il nero e useremo solo i dati di bagliore, e per fare ciò stiamo semplicemente impostando la modalità di fusione su Schermo. Tada! Hai te stesso degli anelli luminosi!




Passaggio 15: creatività

Nei prossimi passi, è piuttosto un processo creativo che tecnico. Ho deciso che la scena sembrava troppo ordinaria, quindi ho intenzione di andare avanti e usare la mia immaginazione e penso solo ad alcune strutture da aggiungere alla scena.

Creare un nuovo livello e denominarlo "StructureBase". Con un pennello duro, inizia a dipingere alcune strutture di vertigini nella scena. Ricorda che non ci sono giusti o torti qui. Disegna nella tua struttura e presta attenzione alla forma generale anziché alla precisione. Se non lo sai ancora, tenere premuto Alt mentre usi lo strumento Pennello ti farà rapidamente colorare gli occhi. Brucia questa chiave calda nella tua testa perché è MOLTO utile. Colora ad occhio i colori adiacenti della scena quando dipingi le strutture in modo da avere colori realistici. Ricorda che stiamo semplicemente creando forme qui, non creare ancora luci o ombre.

Ho creato quattro strutture con profondità diverse.





Passaggio 16: ombreggiatura

Ora che abbiamo la base delle nostre strutture, è ora di entrare e ombreggerle. Crea un nuovo layer chiamato "StructureShades" e fissalo sopra il nostro livello di base. Entra di nuovo con lo strumento pennello e il contagocce e inizia a ombreggiare le strutture in base all'illuminazione. Puoi anche usare gli strumenti scherma e brucia per aiutarti.

Fai riferimento alle immagini qui sotto se hai bisogno di aiuto per visualizzare l'ombreggiatura. Questo non è niente di tecnico, deriva strettamente dall'osservazione e dalla conoscenza di come la luce influisce su qualcosa. Non sono affatto un esperto di pittura digitale - la pratica e l'osservazione sono la chiave!

Ricorda che i dettagli si perdono lentamente più l'oggetto è lontano, quindi nel nostro caso la preoccupazione principale è in realtà solo le due strutture più vicine a noi.

Ho anche deciso di aggiungere alcuni dettagli alla struttura più vicina per creare una sorta di "balcone".





Passaggio 17: texturing

Dipingere la base e l'ombreggiatura sono solo i primi passi, ora struttureremo la struttura. Ho deciso di usare una struttura di legno trovata qui. Aprilo con Photoshop e trascina la texture nella nostra tela.

Per prima cosa struttureremo la struttura più grande. Abbassare l'opacità della trama in modo da poter vedere la trasparenza, quindi spostarla e ridimensionarla per adattarla alla struttura. Agganciatelo alla gerarchia dei livelli della nostra struttura sopra il nostro livello di ombreggiatura. Ora premi Comando + Maiusc + U per desaturare la trama e imposta la modalità di fusione su Sovrapposizione. Portare l'opacità al 100% e denominare questo strato "Structure1Texture".

La trama è piuttosto debole in questo momento a causa del contrasto, quindi lo sistemeremo con i livelli. Premi Comando + L per visualizzare i livelli e utilizza i valori di input di 75, 1 e 140, quindi premi OK. La trama dovrebbe ora passare molto meglio.





Passaggio 18: Pulisci

Crea una maschera per il nostro livello "Structure1Texture" e, con un pennello nero, dipingi le aree di texture che senti influenzano il volume della struttura. A volte una texture potrebbe rendere il soggetto piuttosto piatto e puoi correggerlo con il mascheramento. La chiave è assicurarsi che le luci non siano visibili sugli scuri e viceversa.




Passo 19 - Ripeti

Ripeti i passaggi 17 e 18 sulla struttura centrale, che è l'unica altra struttura di cui le trame devono ancora mostrare, anche il minimo. Ricorda, i dettagli si sommano! Fai riferimento anche allo screenshot qui sotto per vedere come deve essere strutturata la tavolozza dei livelli fino a questo passaggio.





Passo 20 - Dettagli Pt 1

Le nostre strutture sono praticamente impostate ora. È tempo di giocare un po 'e sperimentare con i dettagli.

In primo luogo, ho deciso di voler aggiungere altri punti salienti alle strutture per portarli fuori di più. Crea un nuovo livello denominato "In evidenza" e agganciatelo alla gerarchia della nostra struttura. Impostare la modalità di fusione su Sovrapposizione.

Scegli il bianco come colore e con un pennello semi-morbido, entra e dipingi alcuni punti salienti sulle strutture. Ora uso liberamente la parola "evidenziare", potresti chiamarla semplicemente aggiungendo più dimensioni alle nostre strutture. Fare riferimento alle immagini qui sotto.





Passo 21 - Dettagli Pt 2

Aggiungiamo ulteriori dettagli alle nostre strutture per renderle più interessanti.

Ho deciso di aggiungere luci e finestre a loro. Crea un nuovo livello chiamato "Luci" e con un piccolo pennello rigido al 100%, entra nelle nostre strutture e posiziona alcune finestre e luci in esse. Di nuovo, questo è un processo creativo e non c'è giusto o sbagliato. È possibile fare riferimento alle immagini qui sotto se avete bisogno di qualche direzione visiva.

Ora che hai inserito gli elementi, fai clic con il pulsante destro del mouse sul nostro livello e accedi a Opzioni di fusione e attiva Bagliore esterno. Di solito vorresti sperimentare e giocare con le impostazioni, ma per la nostra scena, ho trovato che le impostazioni di default erano perfette, quindi ho intenzione di lasciarle così com'è. Hit OK per finalizzare questo e per far brillare le nostre "luci".





Passaggio 22 - Dettagli Pt 3

Dato che ci stiamo avvicinando alla fine, continueremo semplicemente a lavorare sui dettagli.

Crea un nuovo livello chiamato "Dettagli1" e inizia a disegnare più dettagli sulle strutture. Ora che abbiamo completato l'ombreggiatura, potremmo facilmente distinguere i colori della struttura per la futura verniciatura dei dettagli. Ho deciso di aggiungere alcuni fili intorno all'edificio, che continuerò nel prossimo passo per fare un centrale elettrica fuori da queste strutture.





Passaggio 23 - Dettagli Pt 4

Ora faremo i fili che collegheranno le nostre strutture come una centrale elettrica. Ancora una volta, questo è un processo creativo, va perfettamente bene se il tuo risultato non è un mio duplicato. Divertiti!

Crea un nuovo livello denominato "Dettagli2" e posizionalo sotto i nostri elefanti in modo che non lavoriamo su di essi. Occhiate una tonalità dalla nostra struttura più grande (non preoccupatevi di ottenere colori esatti, lo aggiusteremo). Ora usa lo strumento Penna per creare dei percorsi dove senti che i fili sarebbero. Fare clic con il pulsante destro del mouse su tracciato con lo strumento pennello. Assicurati che il pennello sia impostato su un pennello rotondo molto piccolo e rigido. Ho usato entrambe le pennellate 2px e 1px qui.

Dopo aver regolato tutti i fili, ora possiamo lavorare per ottenere i colori in modo che corrispondano all'illuminazione. Innanzitutto, blocca la trasparenza del livello "Dettagli2" facendo clic sulla casella del lucchetto come in precedenza. Questo ci permetterà ora di colorare i nostri fili di qualsiasi colore che vogliamo senza doverci preoccupare di fare confusione con la loro forma.

Per essere onesti, tutto si basa sul buon giudizio e sul tuo occhio per il colore. Basta semplicemente zumare e guardare e vedere se sembra naturale. Ho semplicemente perso i colori a occhio da ciascun pilastro e ho fatto un gradiente dal loro lato del filo, per ottenere i loro colori convincenti.



Passaggio 24 - Dettagli Pt 5

Ho scelto di aggiungere una luna in questo pezzo. Spetta semplicemente a te quali dettagli vorresti aggiungere, essere creativo!

Esaminiamo come ho fatto la luna. Vai qui e ottieni l'immagine della luna. Aprilo in Photoshop e incollalo nella nostra tela. Assegna un nome a questo livello "Luna". Abbassa l'opacità in modo da poter vedere attraverso la tela e ridimensionare questa grande immagine di stock alla dimensione ideale per la luna. Sentiti libero di fare riferimento all'immagine fornita come riferimento.

Dopo averlo impostato, imposta la modalità di fusione su "Schermo", quindi puoi iniziare a mascherare la luna. Di nuovo, si tratta di preferenza, se vuoi avere una luna piena, puoi saltare il mascheramento.

Il bagliore sulla luna si ottiene semplicemente duplicando lo strato di luna mascherato e aggiungendo una sfocatura gaussiana, quindi nascondendo parti indesiderate. Ho usato un'impostazione sfocatura gaussiana di 5 e mascherato parte del bagliore attorno al suggerimenti della luna perché sembrava sciatta. Puoi nominare questo livello "MoonGlow".

Vai al passaggio successivo per i ritocchi finali.



Passaggio 25 - Rettifiche finali

Siamo molto vicini a fare. Ora è il momento di apportare modifiche e ritocchi finali alla tela generale. Per prima cosa, crea un livello di regolazione del bilanciamento del colore. Sotto Ombre, inserisci -15,0,5. Hit OK.

Crea un livello di regolazione del filtro fotografico e utilizza il predefinito "Deep Yellow". Ciò eliminerà il tono del cielo saturo e lo renderà più realistico.

Infine, ho deciso di modificare e aggiungere dettagli finali. Ho rimosso la struttura più lontana perché faceva male alla composizione. Ho anche abbassato l'opacità delle trame sulle strutture. E ho aggiunto alcuni uccelli nel cielo e sui fili semplicemente dipingendoli con un piccolo pennello.



Immagine finale

Questo è tutto gente! Abbiamo chiuso! Spero che ti sia piaciuto il tutorial e che ti ha insegnato una cosa o due sulla creazione di immagini come queste.

Ricorda, pratica, osserva e lascia perdere il cervello! Quando lavori con immagini come queste è fondamentale lasciare che la tua mente si chieda e crei. Come puoi vedere dal completamento del tutorial, la maggior parte del lavoro non è tanto tecnico, ma piuttosto creativo. I principi fondamentali e le regole di base si applicano ancora, ma sapere come essere liberi ma non infrangere le regole allo stesso tempo ti renderà un artista migliore. Lo garantisco!

Grazie per il vostro tempo e sentitevi liberi di farmi visita su thefifthorder.net per futuri aggiornamenti di portafoglio o networking. L'immagine finale è sotto. È possibile visualizzare la versione grande qui.