Concept Art crea un interno di fantascienza usando tecniche di pittura digitale

Gli artisti spesso disegnano abbozzi delle loro opere d'arte prima che inizino ad aggiungere gli ultimi ritocchi. Questo vale anche per i pittori digitali che disegneranno uno schizzo preliminare in Photoshop prima che inizino a lavorare. Nel tutorial di oggi ti mostreremo come lucidare un abbozzo di un disegno di fantascienza usando tecniche di pittura digitale.


Nota per utenti Mac

I tasti di scelta rapida contenenti "Ctrl" possono essere semplicemente sostituiti dal pulsante "Comando" su una versione Mac di Photoshop.


Passo 1

È importante stabilire una buona base per il nostro concetto, quindi lasciate alcune linee prospettiche con lo strumento Pennello (B) su una tela (approssimativamente) a grande schermo. La dimensione della tela non è importante al momento, perché stiamo semplicemente sgrossando una composizione: le dimensioni possono essere modificate in movimento. Spesso è una buona idea disegnare disegni al tratto su un nuovo livello (Ctrl + Maiusc + N) in modo da poter separare l'arte della linea da tutto il resto, come lo sfondo. Per mantenere le cose in ordine, possiamo rinominare i livelli facendo doppio clic sul testo del livello nella palette Livelli.


Passo 2

La prospettiva sembra inghiottire tutto a destra - non molto efficace per mostrare un interno bello e alto. Ritiriamo le linee prospettiche per dare ai quadrati più pieni. Questo darà l'illusione di una visione più dall'alto, che ci consentirà di trasmettere un'architettura più profonda e più spaziosa.


Passaggio 3

Attualmente la prospettiva dell'immagine è a due punti. Aggiungendo una terza prospettiva verticale si otterrà una composizione più dinamica e si sposterà per un effetto vertiginoso. Utilizzando più livelli o dipingendo tutto su un singolo livello, entrambi hanno i loro vantaggi: sperimenta e vedi cosa funziona per te!


Passaggio 4

Per rendere più semplice la visualizzazione del nostro schizzo, possiamo ridurre l'opacità della linea nella palette dei livelli. Tuttavia, nel caso dell'esempio qui sotto in cui tutto è fuso in un singolo livello, possiamo usare lo strumento Secchiello (G) per riempire un colore neutro su un nuovo livello (Ctrl + Maiusc + N) e tirare indietro l'opacità un po 'per vedere la grafica al di sotto. Ora possiamo iniziare a delineare le nostre idee su un nuovo livello. Se hai bisogno di più spazio per dipingere, regola le dimensioni della tela al volo usando lo strumento Ritaglia (C).


Passaggio 5

Dato che il pezzo ha già una bella passerella come attrazione principale, abbiamo bisogno di una sorta di elemento in primo piano per impostare la distanza e dare allo spettatore un certo radicamento familiare da cui osservare la passerella. La tela viene anche ruotata utilizzando il comando Immagine> Ruota quadro> Rifletti su tela orizzontale. Sfogliando la tela ci permette di vedere eventuali errori che potrebbero essere stati precedentemente troppo suddivisi in zone per vedere. Adesso fai una bella pausa caffè ... A meno che non siate hardcore, altrimenti procedete.


Passaggio 6

Altri elementi come lo sfondo devono essere aggiunti, mantenendo le forme ruvide. Dovremmo idealmente entrare in tutte le forme grandi e importanti per vedere cosa funziona a livello generale, i dettagli più fini possono venire dopo. Non distruggendo l'architettura alta a sinistra, utilizzeremo l'altezza dell'ambiente per conferire alla struttura un aspetto regale. Per accentuare il trono o la sedia sulla struttura isolata a sinistra, inseriremo un'architettura circolare per fare una dichiarazione con le forme. Questo è un modo intelligente per estrarre elementi della composizione usando un linguaggio di progettazione semplice. Ripetendo forme come le insenature e i balconi sulla destra, possiamo aiutare a ritrarre la scala delle cose quando si ripetono in lontananza.


Passaggio 7

Se sei soddisfatto della grafica, usa la finestra Dimensione immagine (Ctrl + Alt + I) per aumentare i pixel. Io cambio il mio con la stampa in mente, quindi circa 4000 larghezza è l'ideale. Ora possiamo iniziare a colorare all'interno delle linee. Se la grafica al tratto è su un livello separato, rende la colorazione molto più semplice poiché possiamo colorare perfettamente sotto lo strato di artistiche lineari. Un ottimo modo per colorare le sfumature dietro agli elementi, come mostrato nell'esempio qui sotto, è dipingere su un Nuovo Livello (Ctrl + Shift + N), quindi creare un altro nuovo livello sopra di esso e Alt-clic tra loro (mostrato sotto). Questo ci permette di dipingere sullo strato superiore preservando la trasparenza del livello sottostante. Questa era una brutta spiegazione ... che è ancora più motivo per scatenarsi e sperimentare te stesso!


Passaggio 8

L'area verde in basso mostra una parte del dipinto che creeremo più scura perché cattura meno luce. Si noti che più l'ambiente è vicino, più scuro e saturo appare; questo è dovuto alla nebbia atmosferica che si accumula a grandi distanze - una tecnica incredibilmente utile per illustrare le distanze epiche. Non dimentichiamo di capovolgere la tela orizzontalmente di tanto in tanto, anche quando sgrossiamo i nostri colori.


Passaggio 9

Aggiungere un tappeto rosso o un disegno sul percorso è un altro ottimo modo per mostrare la distanza degli elementi. Qui possiamo usare il tappeto rosso per collegare la piattaforma laterale e la struttura principale della passerella. Ora è il momento perfetto per deporre i colori principali e le fonti di luce. Ricordati di lavorare l'intero dipinto e non impantanarti nei dettagli. Concentrarsi su una piccola area alla perfezione ci disconnetterà dal resto del dipinto e rendere l'intero dipinto alla perfezione richiederà probabilmente troppo tempo perché ne valga la pena. Abbiamo solo bisogno di stabilire la composizione utilizzando il colore, l'illuminazione e lo spazio a un livello leggibile e dovrebbe fare per un pezzo di successo. Lavorare sull'intero dipinto manterrà il pezzo insieme e sarà presentabile al cliente nelle fasi precedenti qualora ne avesse bisogno inaspettatamente. Come abbiamo ripetuto al punto 6, ripetere il tappeto in lontananza aiuta a vendere la scala e a suggerire quanto indietro è.


Passaggio 10

Ora per definire alcuni degli elementi un po 'meglio - possiamo dare l'illusione di luci da un ulteriore spazio per raggiungere questo obiettivo. I pennelli più duri generalmente danno più consistenza e vita a un dipinto, ma l'uso di un pennello morbido per le luci volumetriche come nell'esempio seguente è molto efficace.


Passaggio 11

Una spazzola quadrata ci darà una tanto necessaria ripetizione visiva per le scale, quindi faremo clic con il pulsante destro del mouse sulla tela per far apparire la palette Pennello, quindi fare clic con il pulsante sinistro del mouse sul triangolo a destra per visualizzare opzioni aggiuntive e scegliere Pennelli quadrati . Questi sono i pennelli predefiniti che vengono forniti in bundle con il pacchetto software, quindi è un'idea molto migliore per esplorare il tuo o cercare online i pennelli personalizzati royalty-free. Puoi imparare a creare pennelli personalizzati in modo approfondito con lo strumento Pennello di Photoshop - Guida di base di Alvaro Guzman.


Passaggio 12

Gioca con la spaziatura nella finestra dei pennelli (F5) fino a quando il tratto in miniatura di sotto è quello che stiamo cercando - qualcosa che ricorda in qualche modo un bordo scala. Nell'esempio seguente, il quadrato è stato leggermente appiattito dal punto evidenziato e regolato con il tasto sinistro del mouse. Sperimenta con gli altri parametri per vedere cosa ti sta bene.

Possiamo salvare il pennello da utilizzare in un secondo momento facendo clic con il pulsante destro del mouse sulla tela, facendo clic con il pulsante sinistro del mouse sul triangolo e scegliendo Nuovo pennello predefinito. Assegna un nome al pennello e sarà nella tavolozza dei pennelli per usarne un'altra.


Passaggio 13

Ripulisci tutto ciò che è importante per mantenere chiaro l'ordine degli elementi. Metteremo in evidenza anche alcuni bordi, solo per aumentare la definizione in valori più chiari.


Passaggio 14

Lavorando attorno ad altre aree del dipinto - la luce del cerchio verde che abbiamo fatto al punto 10 ha funzionato abbastanza bene, quindi proviamo questo effetto anche sul lato inferiore della piattaforma. Non abbiamo ancora bisogno di luci troppo luminose - i valori di contrasto estremi sono molto potenti, quindi salviamoli per dopo. Rimanendo nel medio range per un po 'più a lungo, abbiamo più spazio per giocare con l'illuminazione della composizione senza nulla di pesantemente incassato nella pietra. Notare che la finestra di Navigator è anche su (Finestra> Navigatore), questo ci dà la vista in miniatura del dipinto in modo da sapere come appare nell'immagine più grande mentre si lavora ingrandito.


Passaggio 15

Se dipingiamo un elemento particolare su un nuovo livello come la nebbia verde sottostante, ci dà la flessibilità di apportare modifiche al livello usando lo strumento Tonalità / saturazione (Ctrl + U). Il controllo dell'opzione Colorize ci consentirà di conferire ai valori in scala di grigi più chiari alcuni colori semplicemente abbassando il parametro Luminosità.


Passaggio 16

Analogamente al trattamento del punto 8, scuriamo un po 'il muro per illustrare l'assenza di luce. Il verde nell'esempio è solo per mostrare dove è dipinto. Un po 'd'oro è stato anche gettato per complimentarmi con i toni rossi per un look regale che si abbina ai pilastri alti ed eleganti. Potremmo semplicemente far galleggiare tutto ciò che vogliamo, ma l'utilizzo di pilastri baserà l'architettura in modo credibile, dando allo spettatore qualcosa con cui familiarizzare se questo fosse nel mondo reale.


Passaggio 17

La composizione generale utilizza un sacco di toni più freschi, quindi possiamo dare al passerella principale un po 'di calore per far risaltare, suggerendo una fonte di luce naturale. Prova alcune modalità di livello e combinazioni di colori per vedere gli effetti e come si adattano alla tua composizione. Nell'esempio seguente la modalità di livello viene modificata in Sovrapposizione e l'opacità viene ridotta in modo che non sia troppo visibile. Se l'effetto non è abbastanza forte, c'è sempre la possibilità di illuminare le cose quando si pulisce il nostro pezzo verso la fine.


Passaggio 18

Rinforziamo ancora i bordi e inseriamo alcune fonti di luce secondarie.


Passaggio 19

Per introdurre alcuni elementi di fantascienza, è possibile controllare le nuove linee disegnate su un nuovo livello scegliendo lo strumento Sposta (V) e trascinando i singoli angoli della finestra di trasformazione con Ctrl + clic con il tasto sinistro. In alternativa, possiamo usare lo strumento Trasformazione libera (Ctrl + T). Avere il controllo degli angoli ci consente di applicare le linee come ci piace nella prospettiva che vogliamo.


Passaggio 20

Sembra OK! Proviamo ad aggiungere lo stesso effetto anche alla piattaforma laterale.


Passaggio 21

La piattaforma sembra piuttosto insignificante e poco illuminata. Potremmo provare a illuminare il luogo con alcune luci civili usando il pennello in un ambiente più morbido. Fai clic con il tasto destro sulla tela mentre usi lo strumento Pennello (B) per regolare la morbidezza al volo.


Passaggio 22

A questo punto nell'esempio, il mio computer si è oscurato da un'interruzione di corrente ... Ma non importa il lavoro è stato salvato! Ricordarsi di salvare con Ctrl + S o File> Salva. Questo punto è stato anche quando ho notato che la prospettiva era leggermente off - non è mai troppo tardi per apportare modifiche! (A meno che non sia rimasto il tempo) Disegnare nuove linee prospettiche su un livello separato rende più facile rimuovere quando abbiamo finito con loro.


Passaggio 23

Ora dipingeremo il pavimento correttamente. Dipingere a mano e lavorare su uno strato invece di usare un piatto di strumenti probabilmente raddoppierà almeno la tua pratica di disegno, quindi è importante non farsi prendere troppo cercando di usare le ultime funzionalità per queste cose - quegli strumenti saranno a malapena Spingi le tue capacità fondamentali finora nella concettualizzazione dei progetti. Detto questo, è possibile utilizzare lo strumento Lazo poligonale (L) per effettuare selezioni a bordi rettilinei con il tasto sinistro del mouse :)


Passaggio 24

Poichè l'occhio è guidato lungo la passerella, ha bisogno di una sorta di ricompensa visiva rispetto a un semplice pavimento e vicolo cieco. Sperimenteremo un po 'introducendo altri livelli di architettura: semplici piedistalli per ora per testare le acque creative.


Passaggio 25

Se osserviamo un'architettura aperta più antica che ha avuto la sua giusta dose di ruggine, vento e detriti, di solito non è in forma spettacolare. Se manteniamo tutto pulito con strumenti di selezione e riempimenti perfetti, il dipinto sarà molto digitale, quindi sbozzare bordi o superfici darà al dipinto più autenticità e credibilità.


Passaggio 26

Aggiungere statue e posare le loro pose per le armi potrebbe suggerire un po 'di retroscena. Disegnandolo su un piedistallo, è quasi una parte di una ricompensa per guidare i nostri spettatori verso quello che altrimenti sarebbe un pavimento noioso (con un bel tappeto rosso). Stiamo anche impostando i colori per essere nelle gamme di oro o bronzo per abbinare i banner intorno al set.


Passo 27

Per rendere i punti salienti sulla "pop" delle statue, possiamo spazzolare alcuni valori più chiari su un layer separato impostato su Overlay. È molto difficile prevedere come sarà il tuo layer senza prima cambiarlo in Overlay e sperimentarlo. Non dimenticare di rimpicciolire / capovolgere orizzontalmente la tela e verificare come appare come una composizione intera, non solo come sezioni dettagliate.


Passaggio 28

Ora aggiungere un'arma per suggerire elementi della storia, una coda per guidare lo spettatore in direzione e alcune frecce in esso per farlo sembrare coccolone. Lascia perdere la tua creatività! Buttiamo un altro tappeto rosso solo per buona misura.


Passaggio 29

Ritireremo le scale usando il pennello che abbiamo fatto nel passaggio 12. Suggerire il bordo delle scale è probabilmente il modo più veloce per disegnare le scale senza aver bisogno di essere precisi. L'accuratezza della misurazione delle scale non è importante - solo che possiamo vendere l'idea delle scale lì e che il loro colore / illuminazione aiuta a raggiungere questo.


Passaggio 30

Disegniamo alcune linee in cui lo spettatore vedrebbe meno luce; questo rafforzerà la forma delle scale.


Passaggio 31

Questa è una grande possibilità di aggiungere un po 'di nebbia atmosferica sulle ulteriori distanze, come le aree cerchiate nell'esempio qui sotto. Il riflettore della passerella è stato anche messo in risalto maggiormente dipingendo i valori più scuri attorno ad esso. Alla fine la figura a sinistra era quasi nera, lavando via altri valori oscuri in tutto il dipinto - semplicemente facendola cadere un po 'tira un po' di più la condivisione dei valori della composizione. Abbiamo anche collocato alcune figure di dimensioni umane attorno al set in modo che l'occhio possa riguardare la scala delle cose.


Passo 32

Ora possiamo modificare il colore cambiando la modalità di livello in Colore e sfiorando qualsiasi colore sul livello sottostante, in questo caso blu. In tal modo, tutti i valori sottostanti verranno influenzati nell'intervallo blu, dove i valori blu al 100% cambieranno tutti i valori al di sotto di esso nell'intervallo blu.



Passaggio 33

Finalmente diamo all'immagine un bordo per incorniciarlo in modo presentabile. Per prima cosa assicurati che il nostro colore di sfondo sia quello che vogliamo che sia il nostro bordo, quindi apri la finestra Canvas Size (Ctrl + Alt + C). Usa un valore di 50px per entrambi i parametri Larghezza e Altezza (scegli Pixel nel menu a discesa) e assicurati che l'opzione Relativo sia selezionata. Se lasciato deselezionato, cambierà effettivamente la tela in 50px per 50px anziché aggiungere 50px aggiuntivi attorno alle dimensioni della tela esistente. Se il colore dell'estensione Canvas è impostato su Sfondo (impostazione predefinita), scegliere OK darà alla nostra immagine un bordo 50px per 50 pixel.


Passaggio 34

... Il tempo è scaduto, firma il tuo pezzo!


Conclusione

Nel caso di più tempo, puoi continuare ad aggiungere dettagli grintosi ed elementi della trama alla composizione per dare al pezzo più realismo e credibilità che sarebbe un insieme fattibile nella vita reale. Tuttavia, per riflettere la quantità di tempo trascorso su questo, il concetto dovrebbe essere sufficiente per una base presentabile da cui lavorare in un ambiente di produzione veloce. Se hai catturato il concetto di spazio interno che stai cercando di trasmettere, il cliente può togliere il pezzo dalle tue mani in qualsiasi momento. Lavorare sull'intero dipinto ti dà semplicemente la possibilità di aggiungere dettagli una volta che il concetto è "catturato". Non ci sono strumenti speciali nelle ultime tendenze del software per disegnare un pezzo presentabile: tutto ciò che serve è tempo. Sperimenta e pratica la tua conoscenza fondamentale della composizione, dell'illuminazione e del colore con ogni pezzo, spero che tu abbia imparato qualcosa di utile leggendo questo muro di testo!