Crea copertine di videogiochi in Photoshop

Creare copertine di finzione per videogiochi in Photoshop è un ottimo modo per esercitare la tua creatività e mettere in pratica le tue abilità. In questo tutorial, spiegheremo come creare un concetto di personaggio di videogiochi usando tecniche di pittura digitale. Iniziamo!


Risorse Tutorial

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

  • Modello esagonale
  • CGTextures "Pelle"
  • CGTextures "Splatter"
  • CGTextures "Sparks"
  • CGTextures "Fire"
  • Skin Texture Brushes di Sheridan-J

Prima di iniziare

Vorrei solo portare il riferimento e la mia ispirazione per realizzare questo particolare pezzo. Si basava molto sulla copertina del gioco "Just Cause 2" con il personaggio principale che si guardava alle spalle con un effetto fuoco / esplosione davvero impressionante. Ho anche creato un pezzo simile con Harry Potter circa un anno fa, e ho pensato che sarebbe stato un progetto grandioso da abbattere e ricominciare da zero!



Passaggio 1: colorare lo schizzo

Per prima cosa pulisco il mio schizzo e ho il Line Art sul suo stesso livello. In questa fase, di solito preferisco lavorare con uno sfondo grigio casuale (così posso vedere più chiaramente dove stanno andando i miei colori), ma intendo avere lo sfondo bianco puro in seguito, quindi dovrò passare al bianco infine.


Quando ho finito di disegnare il mio personaggio e pulire le linee, comincio a bloccare i colori. Ancora una volta, cerca di mantenere tutti gli elementi su livelli / gruppi separati, come Face, Hair e Jacket.


Puoi vedere nella finestra Livelli come ho rotto tutte le parti colorate in livelli separati. In questo modo, posso facilmente isolare o modificare ogni sezione mentre vado senza interferire con altri elementi del dipinto!



Passaggio 2: Tonificazione del viso

Inizio selezionando l'intero livello Viso (comando / Ctrl + clic sul livello nella finestra dei livelli per effettuare la selezione) e inizio ad aggiungere i miei toni. Per la maggior parte di questo dipinto, la mia arma preferita è sempre l'Airbrush tondo rigido con un'opacità del 45% - 50%.


Ho iniziato con un colore della pelle a metà tono, poi alla fine ho sviluppato i toni più scuri. Infine, aggiungo i punti salienti di un nuovo livello più avanti. Questa parte di solito mi porta circa mezz'ora a stabilire i toni di base. A questo punto, non sto cercando di essere pulito e particolare, ma piuttosto libero e lasciare che le caratteristiche e le ombre del viso prendano forma. Inoltre, non sono eccessivamente preoccupato del realismo e della precisione dei toni, poiché intendo che questo ragazzo sia più sullo spettro "semi-reale".



Step 3: Face Texture

Successivamente prendo il mio pacco pennello Texture della pelle, e con il mio pennello macchiato, comincio a miscelare i toni per eliminare quel look "pittorico" e aggiungere un po 'più di realismo e variazione sulla superficie della pelle.



Puoi vedere come effettivamente inizia a arrotondare le caratteristiche (come gli zigomi e la mascella) e dargli un aspetto più liscio e realistico.



Passaggio 4: componenti aggiuntivi

Ho anche deciso di dargli degli occhiali da sole (per l'amor di aspetto!) Che ho sentito che avrei potuto lavorare per dare al pezzo un tocco in più. Li ho bloccati su un nuovo livello sopra i livelli del viso e della trama.



Step 5: Detailing the Face

Quando ero soddisfatto della quantità di texture dipinta, ho continuato a spazzolare i dettagli più piccoli sullo strato di texture come le sue sopracciglia e le aree più scure intorno alla bocca, al naso, alle orecchie e al collo. Aggiungere gli occhiali da sole mi ha anche dato una bella opportunità di dipingere in alcune belle ombre lungo i suoi zigomi per rompere un po 'di più quella zona solida. Ho anche dipinto un piercing per maggiore freddezza!



Step 6: Detailing the Sunglasses

Ho deciso di cambiare gli obiettivi in ​​blu più chiaro. Ho separato il nuovo livello dell'obiettivo rendendolo una selezione, quindi duplicandola. Poi l'ho spostato sotto il livello del frame degli occhiali e ho impostato la modalità Layer su "Hard Light", in modo che alcuni bei toni e colori dei suoi occhi fossero visibili molto di più. Ho anche lasciato cadere l'opacità all'85%.



Passaggio 7

Una volta soddisfatto del tono e dell'opacità della lente degli occhiali, ho aggiunto alcuni punti salienti lungo i bordi del telaio per dargli un aspetto più plastico / metallico



Passaggio 8

Ho quindi sovrapposto questo modello esagonale (creato in un documento separato), applicato Trasformazione libera per ridimensionarlo e leggermente ruotato leggermente per adattarlo alle dimensioni dell'obiettivo!



Quindi imposta la Modalità Layer su "Moltiplica"!



Step 9: Occhiali da sole Finish

Ho aggiunto delle piccole luci sul lato per dare loro un aspetto più high-tech spazzolando 3 linee continue, quindi aggiungendo una modalità di fusione "Outer Glow" allo strato.





Step 10: Effetto Sangue

Su un nuovo livello sopra i dettagli del viso, ho dipinto un po 'di sangue che gli colava lungo il viso. Cercai di immaginare come il sangue avrebbe percorso i contorni del suo viso. A causa della sua densità, ho scelto di ombreggerlo con un rosso più scuro per accentuare lo spessore di esso, e aggiungere alcuni punti di luci con il bianco per catturare un po 'di lucentezza.



Step 11: The Jacket

Tornando al mio strato di giacca, ho iniziato a dipingere rapidamente in alcuni toni, iniziando dai toni più scuri, evidenziando alcune aree più sottili lungo la spalla e i bordi. Non deve essere troppo preciso perché lo coprirò più tardi con una bella trama!

Ciò che ho fatto è anche aggiungere rapidamente alcuni pezzi di giacca che si staccano in una sorta di "whoosh" lateralmente / verso l'alto (verso l'angolo in alto a destra).



Passaggio 12

Con un grigio più chiaro (quasi bianco), sono entrato più vicino e ho aggiunto in alcune aree più dettagliate come le cuciture sulla sua spalla e alcuni altri bordi.



Step 13: Texture della giacca

Ora è il momento di mettere un po 'di rapido realismo nella giacca per sbarazzarsi dell'aspetto "pittorico" che ha. Apro la mia immagine Texture in pelle, per gentile concessione di CGTexturs.com. Giro la foto in scala di grigi (comando / Ctrl + Maiusc + U) e la incollo sopra i miei strati di rivestimento.




Passaggio 14

Con lo strumento Trasformazione libera, ho ingrandito l'immagine in pelle fino a coprire tutta l'area della giacca.



Passaggio 15

Imposta l'opacità del livello texture attorno al 75% -80% e passa alla modalità fusione nella finestra Livelli su "Sovrapponi".



Passaggio 16

Per far risaltare maggiormente la texture, ho regolato leggermente i livelli (Command / Ctrl + L).


Una volta che è stato bello, ho cancellato tutta la texture in eccesso al di fuori della selezione del mio strato di giacca!



Step 17: Dettagli giacca

Ora che la mia giacca aveva una tonalità e una consistenza perfetta, l'ho rivisitata con alcuni dettagli più piccoli come le cerniere e alcuni bottoni / borchie lungo la parte superiore per alcuni ritocchi finali!



Passaggio 18: Livello di regolazione

A questo punto, mi sono seduto e ho notato che le sue tonalità della pelle potevano usare un po 'più di contrasto per adattarsi meglio al buio della sua giacca. Quello che ho fatto è stato creare un "Livello di regolazione" sopra i livelli facciali (in modo da non influenzare nessuno degli altri livelli, solo il livello sottostante).

Ciò avviene facendo clic sulla piccola icona "Crea riempimento o livello di regolazione" nella parte inferiore della finestra dei livelli, che mostrerà diverse opzioni sul tipo di livello di regolazione che desideri. Voglio solo modificare il contrasto sui toni della pelle dei personaggi, quindi ho semplicemente dovuto apportare alcune modifiche su un istogramma "Livelli"!

Non è davvero un cambiamento enorme, ma abbastanza per mantenere i toni del viso coerenti con il resto dell'immagine fino ad ora. A volte sono le piccole cose come alterare un contrasto che può migliorare l'intera immagine!





Step 19: Effetto "Splatter" della giacca

Per un effetto rapido per dare alla giacca un aspetto più "esplosivo", sovrapporrò un'immagine "Paint splatter"! Apro la mia Foto di CGTextures chiamata "Splatter.jpg"



Passaggio 20

Lo trascino sui layer Jacket e imposto la modalità di fusione su "Moltiplica". Con lo strumento Trasformazione libera, lo ridimensiono alla dimensione appropriata in modo che copra una bella area lungo il fondo.




Passaggio 21

Ho anche cancellato un bel po 'di "spray" in eccesso per conferirgli un aspetto solido e uniforme!



Step 22: Dipingendo i capelli

Quando dipingo i capelli, di solito mi piace iniziare con i toni più scuri e iniziare la base da lì. Fondamentalmente sto cercando di trovare gli strati di capelli che si trovano sotto, e alla fine lo costruiscono e aggiungo volume mentre vado. Se è possibile, utilizzare il pennello Photoshop CS5] per ottenere delle strisce piacevoli e uniformi!



Ricordarsi di prestare attenzione alle aree più piccole come le basette e dove i capelli incontrano la parte posteriore del collo. I peli iniziano a diradarsi e appaiono più "ispidi" e frastagliati lì!



Step 23: Evidenziare i capelli

Su un nuovo livello, in caso di errori (è molto facile esagerare con questa parte), costruisco il filo luminoso per filo e piccole aree dove la luce si colora con valori alternati di marrone scuro e chiaro. Le parti più leggere devono essere molto sottili e si differenziano anche per il peso della linea.

Non sono troppo particolare nei dettagli nei suoi capelli, come ho immaginato a questo punto che questa sarà un'immagine molto scura nel suo complesso, e la leggerezza finirà per perdersi durante le fasi successive all'elaborazione, quando aggiungo altra oscurità e contrasto.


Non dimenticare di includere un sacco di pezzetti di capelli randagi che si staccano dalla massa per un aspetto più realistico!



Passo 24: Effetti scintilla

Questa è una delle mie parti preferite nella creazione di un'immagine che aggiunge effetti fotografici per catturare quel pizzico di realismo! Ma prima di iniziare le fasi successive, vorrei solo sottolineare che è una preferenza personale che faccio tutti i miei effetti speciali in un nuovo gruppo di livelli sopra ogni altra cosa! In questo modo, puoi tenere traccia dei tuoi piccoli effetti di livello e attivarli facilmente senza dover cercare molto attraverso il tuo elenco di livelli!


Per il primo effetto, apro la mia bella immagine Sparks che ho scaricato da CGTextures.



Passaggio 25

Faccio una selezione di alcune scintille - in particolare una zona lontana dalla massa dove sembrano allargarsi un po 'di più, come evidenziato nell'immagine qui sotto.



Passaggio 26: applicazione dello stock

Trascino la selezione sul dipinto (nella mia nuova cartella chiamata EFFETTI). Quindi uso la trasformazione libera e allungo la selezione in modo che copra una buona quantità della giacca.


Quindi imposta la modalità di fusione per il livello di scintille su Schermo.



Step 27: Regolazione

Apro il menu Livelli (Comando / Ctrl + L) e abbasso i valori più scuri per eliminare quel po 'di luce che continua a mostrare, quindi ora ho delle belle scintille di solido contro la giacca nera.




Passo 28: levigare l'effetto

Da qui, è possibile cancellare i pezzi e riposizionare le scintille a proprio piacimento. Quello che ho fatto è stato selezionare alcune scintille individuali con lo strumento Lazo e ruotarle in modo che sembrino andare nella stessa direzione diagonale. Ho anche usato alcuni Motion Blur su alcune di queste selezioni (Filtro> Sfocatura> Sfocatura movimento). Ho anche cancellato alcune scintille in eccesso in alcune aree, quindi non sembra troppo occupato con scintille che volano ovunque in ogni direzione.


Ho anche usato l'Airbrush tondo rigido su un'opacità molto bassa per posizionare leggermente alcuni dei miei attorno ai bordi per riempire alcuni spazi aperti.



Passaggio 29: Sovrapposizione colore extra

Un altro piccolo effetto che ho deciso di aggiungere per un po 'più di intensità, è stato un semplice Overlay colore!

In un nuovo livello nel mio gruppo "Effetti", ho delicatamente aerografato in una tonalità arancione brillante attorno al retro della giacca e dei capelli.



Passaggio 30

Imposta la modalità di livello su "Sovrapponi" e rilascia l'Opacità a circa il 50%. Puoi vedere come il colore ha afferrato i bordi dei suoi capelli e del collo e gli hai dato quel tocco in più di colore!



Passaggio 31: aggiunta di un bagliore del bordo bianco

Per unire un po 'di più il viso allo sfondo bianco, ho creato un nuovo livello e molto leggermente, con un pennello Soft Edged, ho tamponato un po' di bianco (#ffffff) attorno ai bordi vicino al viso per dargli una sorta di bagliore e ammorbidire i bordi. Anche un po 'dietro la nuca, dove anche lo sfondo bianco traspare.




Passo 32: Effetto fuoco

Per creare l'ultimo effetto stock, apro un altro file stock CGtexture:



Passaggio 33

Ancora una volta, faccio un'altra selezione, preferibilmente in una sezione in cui il fuoco si è assottigliato un po 'dalla massa. Questa volta voglio solo un po 'di tempo!



Passaggio 34: Applicazione del livello

Ho trascinato questa selezione sulla mia immagine e ho usato lo strumento Trasformazione libera Capovolgi, Ruota e Allunga sopra l'area desiderata, preferibilmente nell'angolo dove c'è molto spazio vuoto sul retro della giacca. (Non importa se il fuoco si trova al di sopra degli Sparks Layers - vedrai comunque entrambi bene)



Passaggio 35: Modalità Layer

Imposta la modalità livello su Schermo.



Passo 36: modellare il fuoco

Ancora una volta, ho applicato il livello Trasformazione libera sul fuoco e ho usato lo strumento Warp per spingere e tirare l'effetto fuoco a mio piacimento.



Step 37: Finalizzare l'incendio

Una volta che ero felice con il punto in cui il fuoco era posizionato nell'angolo, ho aperto il menu Livelli (Comando / Ctrl + L) e abbassato l'oscurità, riducendo leggermente l'intensità del colore.


E ora ho un bel effetto fuoco per riempire l'area vuota della giacca, e anche per complimentarmi con l'effetto scintilla che ho aggiunto in precedenza, e dargli un aspetto quasi da "Ghost Rider"!



Passaggio 38: Post rendering del viso (facoltativo)

A questo punto, sono praticamente finito con il dipinto. Non resta che eseguire un po 'di post rendering sull'immagine di output appiattita. Ho salvato una copia del mio file come immagine appiattita - JPEG per me (o che mai formato preferisci). Non appiattisci MAI il tuo file .psd nel caso tu abbia bisogno di tornare ad esso! Ho aperto di nuovo il mio JPEG in Photoshop e ho duplicato il livello (in caso di errori).


Quello che voglio semplicemente fare è afferrare lo strumento Scherma (impostato su Evidenziazioni con il 15% di esposizione) e farlo scorrere lungo il bordo esterno del naso, della bocca e del mento (le aree cerchiate) per intensificare l'illuminazione già sul suo viso, e fondamentalmente "fondili" con lo sfondo bianco.




Passaggio 39: Post rendering della giacca (facoltativo)

Un altro effetto elegante che ho deciso di aggiungere all'immagine finale è un po 'più intenso per la sua giacca. Sulla mia immagine appiattita, ho fatto una selezione lungo il bordo esterno della sua spalla.



Passaggio 40

Duplicato quella selezione sul proprio livello (Comando / Ctrl + J)



Passaggio 41

Ho dato a quella sezione della giacca un "Effetto Motion Blur" (Filtro> Sfocatura> Sfocatura movimento) e ho fatto la direzione opposta alla direzione originale di tutte le scintille e al movimento dell'immagine.



Passaggio 42

Ho quindi impostato la modalità di livello su "Schermo"



Passaggio 43: tocco finale

Successivamente, ho rimosso delicatamente alcuni bordi del nuovo livello Blurred per unirlo un po 'di più al resto della giacca.



Immagine finale