Creați o imagine a jocului video în Photoshop

Crearea artei ficționale a jocului video în Photoshop este o modalitate excelentă de a-ți exercita creativitatea și de a-ți practica abilitățile. În acest tutorial, vom explica cum să creați un concept de caracter de joc video folosind tehnici de pictura digitale. Să începem!


Tutorial Active

Următoarele bunuri au fost utilizate în timpul producerii acestui tutorial.

  • Model hexagon
  • CGTexcuri "Piele"
  • CGTexcuri "Splatter"
  • CGTexcuri "Sparks"
  • CGTexcuri "Foc"
  • Pensule pentru textura pielii de Sheridan-J

Înainte de a începe

Aș vrea doar să aduc la iveală referința și inspirația mea pentru a face această piesă specială. Acesta a fost puternic bazat pe coperta artei pentru jocul "Just Cause 2", cu personajul principal uitandu-se peste umar, cu un efect minunat de incendiu / explozie. De asemenea, am creat o piesă asemănătoare cu Harry Potter cam acum un an și am crezut că acest lucru ar fi un proiect minunat de descompunere și de pornire de la zero!



Pasul 1: Culoarea schiței

Mai intai imi curat schema si am linia Art pe stratul propriu. În această etapă, de obicei prefer să lucrez cu un fundal gri aleatoriu (așa că pot vedea mai clar unde se îndreaptă culorile mele), dar intenționez să am un fundal pur alb, mai târziu, așa că va trebui să îl schimb în alb în cele din urmă.


Când am terminat schițarea personajului meu și curățarea liniilor, încep blocarea în culori. Încă o dată, încercați să păstrați toate elementele pe straturi / grupuri separate, cum ar fi fața, părul și jacheta.


Puteți vedea pe fereastra straturilor cum am rupt toate părțile colorate în straturi separate. În acest fel, pot izola sau modifica cu ușurință fiecare secțiune în timp ce mă duc fără a interfera cu alte elemente ale picturii!



Pasul 2: tonarea feței

Începeți prin selectarea întregului strat Face (Command / Ctrl + Faceți clic pe Layer în fereastra Layers pentru a face selecția) și începeți să adăugați tonurile mele. Pentru cea mai mare parte a acestui tablou, arma mea de a alege este întotdeauna Airbrush Hard rotund stabilit la o opacitate de 45% - 50%.


Am început cu o culoare a pielii tonificate la mijloc, apoi am construit tonurile mai întunecate. În cele din urmă, adaug cele mai importante pe un nou strat mai târziu. Această parte îmi dă de obicei aproximativ o jumătate de oră pentru a stabili tonurile de bază. În acest moment, nu vreau să fiu elegant și particular - ci mai degrabă vag și lăsând ca trăsăturile și umbrele feței să ia forma. De asemenea, nu sunt prea agitat de realismul și acuratețea tonurilor, deoarece intenționez ca acest tip să fie mai mult pe spectrul "semi-real".



Pasul 3: Textura feței

Apoi îmi iau pachetul de pensule pentru textura pielii, iar cu peria mea cu sprite, încep să amestec tonurile pentru a elimina aspectul "pictorial" și pentru a adăuga un pic mai mult realism și variație pe suprafața pielii.



Puteți vedea cum începe de fapt să rotunjească trăsăturile (cum ar fi pomeții și maxilarul) și să îi dea un aspect mai fin și mai realist.



Pasul 4: Suplimente

De asemenea, am decis să-i dau niște ochelari de soare (pentru aspectul sake!), Pe care am simțit-o că am putut lucra pentru a da piesei un avantaj suplimentar. I-am blocat pe un strat nou deasupra feței și a straturilor de textura.



Pasul 5: Detașarea feței

Când am fost mulțumit de cantitatea de textura pictată înăuntru, am continuat să pătrund în detalii mai mici asupra stratului de textura, cum ar fi sprâncenele și zonele mai întunecate din jurul gurii, nasului, urechilor și gâtului. Adăugarea în ochelari de soare mi-a oferit, de asemenea, o ocazie frumoasă de a picta în unele umbre frumoase de-a lungul pietrelor sale pentru a sparge acea zonă solidă un pic mai mult. Am pictat de asemenea într-un piercing pentru mai multă răcoare!



Pasul 6: Detașarea ochelarilor de soare

Am decis să schimb lentilele în albastru mai deschis. Am separat stratul noului obiectiv făcând o selecție, apoi duplicând-o. Am mutat-o ​​apoi sub stratul de cadru pentru ochelari și am setat modul Layer la "Lumina Hard", astfel încât unele tonuri frumoase și culoarea din ochiul de dedesubt ar arăta prin multe altele. De asemenea, am renunțat la Opacity la 85%.



Pasul 7

Odată ce am fost mulțumit de tonul și opacitatea lentilelor de ochelari, am continuat să adaug câteva evidențieri de-a lungul jantelor cadrului pentru a avea un aspect mai plastic / metalic



Pasul 8

Am suprapus apoi acest model hexagon (creat într-un document separat), aplicat Free Transform pentru ao scala și mi-a rotit ușor puțin pentru a se potrivi dimensiunii lentilei!



Apoi setați modul Layer al acestuia la "Multiply"!



Pasul 9: Finisați ochelarii de soare

Am adăugat lumini mici pe partea laterală pentru a le oferi un aspect mai performant, perindând în 3 linii solide, apoi adăugând un mod de amestecare "Outer Glow" la strat.





Pasul 10: Efectul de sânge

Pe un nou strat de deasupra detaliilor feței, am pictat în sânge care se scurgea pe fața lui. Am încercat să-mi imaginez cum sângele îi va curge pe conturul feței lui. Datorită densității, am ales să o umbrească cu un roșu închis pentru a accentua grosimea ei și să adaugă câteva puncte de culori cu alb pentru a capta un pic de strălucire.



Pasul 11: Jacketul

Mergând înapoi la stratul de jachetă, am început să pictez rapid în câteva tonuri, începând cu tonurile mai întunecate și evidențiind niște zone mai subțiri de-a lungul umărului și marginilor. Nu trebuie să fie prea precis pe măsură ce o să-l ascund mai târziu, cu o textura frumoasă!

Ceea ce am mai făcut este să adăugați rapid niște bucăți de jachetă care se rup într-un fel de "pocnet" în direcția laterală / în sus (spre colțul din dreapta, sus).



Pasul 12

Cu un bliț (aproape alb) gri, m-am apropiat și am adăugat în câteva zone mai detaliate, cum ar fi cusăturile de pe umăr și mai multe muchii.



Pasul 13: Textura jachetei

Acum este timpul să punem un pic de realism rapid în Jacket pentru a scăpa de aspectul "pictorial" pe care îl are. Îmi deschid imaginea de textură din piele, prin amabilitatea CGTexturs.com. Am transformat scara foto Gray (Command / Ctrl + Shift + U) și l-am lipit deasupra straturilor de Jacket.




Pasul 14

Cu ajutorul instrumentului Transformare liberă, am mărit imaginea de piele până când a acoperit toată zona jachetei.



Pasul 15

Setați opacitatea stratului de textura la aproximativ 75% -80% și comutați modul de amestecare în fereastra Straturi în "Overlay".



Pasul 16

Pentru a face textura să iasă mai mult, am ajustat ușor Nivelurile (Command / Ctrl + L).


Odată ce arăta frumos, am șters tot textura excesivă în afara selecției stratului de sacou!



Pasul 17: Detalii Jacket

Acum, că tonurile și textura sacoului meu au fost complete, tocmai am trecut din nou cu niște detalii mai mici, cum ar fi fermoarele și niște nasturi din partea de sus pentru câteva finisaje!



Pasul 18: Nivel de ajustare

În acest moment, m-am așezat în spate și am observat că tonurile de pe piele ar putea folosi un contrast mai mic pentru a se potrivi mai bine cu întunericul sacoului său. Ceea ce am făcut a fost să creez un strat de ajustare deasupra straturilor de față (deci nu ar afecta nici unul dintre celelalte straturi - doar stratul de dedesubt).

Acest lucru se face făcând clic pe pictograma "Creați umplere sau ajustare" din partea inferioară a ferestrei Straturi, care va aduce mai multe opțiuni diferite pe tipul de ajustare dorit. Vreau doar să schimb contrastul pe tonurile pielii personajelor, așadar pur și simplu am nevoie să fac unele modificări pe o histogramă "Levels"!

Nu este chiar o schimbare HUGE, dar suficientă pentru a menține tonurile de față în concordanță cu restul imaginii. Uneori este vorba de mici lucruri, cum ar fi modificarea unor contrast care pot spori întreaga imagine!





Pasul 19: Efectul "Sclipire" al sacoului

Pentru un efect rapid de a oferi Jacketului mai mult un aspect "explodant", voi suprapune o imagine "Paint splatter"! Imi deschid fotografia de la CGTextures numita "Splatter.jpg"



Pasul 20

Am glisat și lăsa asta peste straturile de Jacket și am setat modul de amestecare la "Multiply". Cu instrumentul Transformare liberă, o scal la dimensiunea corespunzătoare, astfel încât să acopere o zonă frumoasă de-a lungul fundului.




Pasul 21

Am șters, de asemenea, un pic destul de echitabil din excesul de "spray" pentru a da un aspect solid de ansamblu și neaten!



Pasul 22: Pictarea părului

Când pictez părul, de obicei îmi place să încep cu cele mai întunecate tonuri și să pornesc baza de acolo. În principiu, încerc să găsesc straturile de păr care stau dedesubt, și în cele din urmă să-l construiesc și să adaug volumul când plec. Dacă puteți, utilizați pensula Photoshop CS5] pentru a obține niște dungi frumoase, chiar în căutarea!



Amintiți-vă să acordați atenție domeniilor mai mici, cum ar fi arsurile sale, și unde părul se întâlnește cu spatele gâtului. Părul începe să se subțieze și apare mai mult "wispier" și zgâlțâit de-a lungul acestuia!



Pasul 23: Evidențierea părului

Pe un strat nou, incasarea greșelilor (este foarte ușor să exagerăm această parte), construiesc firul subliniat prin fir și zone mici unde lumina captează cu valori alternante de culoare închisă și maro deschis. Cele mai ușoare componente ar trebui să fie foarte subțiri și să difere și în greutatea liniei.

Nu sunt prea particular cu privire la detaliile din păr, așa cum mi-am imaginat în acest moment că aceasta va fi o imagine foarte întunecată în ansamblu, iar ușurința se va pierde în timpul etapelor ulterioare procesării mai târziu când voi adăuga mai multă întuneric și contrast.


Nu uitați să includeți o grămadă de bucăți de păr rătăcioase și dezordonate, care se desprind de masă pentru un aspect mai realist!



Pasul 24: Efecte de scânteie

Aceasta este una dintre părțile mele preferate de a crea o imagine adăugând în efecte fotografice pentru a capta acel indiciu de realism! Dar înainte de a începe etapele următoare, aș vrea doar să subliniez că este o preferință personală să fac toate efectele mele speciale într-un grup nou de nivel mai presus de orice altceva! În acest fel, puteți urmări efectele stratului mic și le puteți dezactiva ușor și fără a fi nevoie să căutați mult prin lista de straturi!


Pentru primul efect, îmi deschid imaginea frumoasă de la Sparks, pe care am descărcat-o de la CGTextures.



Pasul 25

Fac o selecție de câteva scântei - în special o zonă departe de masă, unde se pare că s-au împrăștiat un pic mai mult, așa cum se subliniază în imaginea de mai jos.



Pasul 26: Aplicarea stocului

Am glisat și arunc acea selecție pe tabloul (în noul meu dosar numit EFECTE). Apoi folosesc Transformarea Liberă și întind selecția, astfel încât să acopere o sumă frumoasă a sacoului.


Apoi setați modul de amestecare pentru stratul de scântei la Ecran.



Pasul 27: Ajustarea

Deschid meniul de niveluri (Command / Ctrl + L) și aduc cele mai întunecate valori în jos pentru a elimina acel bit de lumină care continuă să apară, așa că am acum niște scânteii drăguțe și solide de scântei împotriva sacoului negru.




Pasul 28: Șlefuirea efectului

De aici, puteți să ștergeți bucățile și să repoziționați scânteile după preferințele dvs. Ceea ce am făcut a fost să selectez câteva scânteiere individuale cu instrumentul Lasso și să le rotească astfel încât toți să pară că se îndreaptă în aceeași direcție diagonală. De asemenea, am folosit câteva mișcări de mișcare pe câteva dintre aceste selecții (Filtru> Blur> Blur Motion). De asemenea, am șters câteva scântei în unele zone, astfel încât nu pare prea ocupat cu scântei care zboară peste tot în orice direcție.


Am folosit, de asemenea, Airbrush Hard Round pe o opacitate foarte scăzută pentru a plasa cu ușurință câteva din propria mea în jurul marginilor pentru a umple unele spații deschise.



Pasul 29: Suprapunere în culori extra

Un alt efect minunat, pe care am decis să-l adaug pentru o intensitate mai mică, era o suprapunere de culoare simplă!

Pe un nou strat din grupul meu "Efecte", am aerografiat ușor într-o nuanță de portocalie strălucitoare în jurul sacoului și părului.



Pasul 30

Setați modul de strat respectiv la "Suprapunere" și fixați Opacitatea la aproximativ 50%. Puteți vedea cum a apucat culoarea pe marginile părului și gâtului și tocmai a dat o lovitură suplimentară de culoare!



Pasul 31: Adăugarea unei strălucire a marginii albe

Pentru a amesteca mai mult fata in fundal alb, am creat un strat nou si, foarte usor, cu o perie Soft Edged, am patrat ceva alb (#ffffff) in jurul marginilor din fata fetei pentru a da o forma de stralucire si a inmuia marginile. De asemenea, puțin în jurul gâtului, unde strălucește și fundalul alb.




Pasul 32: Efectul de incendiu

Pentru a crea ultimul efect de stoc, deschid un alt fișier stoc CGtexture:



Pasul 33

Încă o dată, fac o altă selecție, preferabil pe o secțiune unde focul a scăzut puțin din masă. Vreau doar o bucată mică de data asta!



Pasul 34: Aplicarea stratului

Am tras acea selecție pe imaginea mea și am folosit instrumentul Free Transform Flip, Rotire și întinde-l peste zona dorită, de preferință în colțul în care există mult spațiu gol pe spatele sacoului. (De asemenea, nu contează dacă focul este așezat deasupra straturilor de scântei - veți vedea totuși bine)



Pasul 35: Modul stratului

Setați modul de strat la ecran.



Pasul 36: Modelarea focului

Din nou, am aplicat stratul Free Transform on the Fire și am folosit instrumentul Warp pentru a împinge și trage efectul de incendiu în jurul meu.



Pasul 37: Finalizarea focului

Odată ce eram mulțumit de locul unde focul era poziționat în colț, am deschis meniul de niveluri (Command / Ctrl + L) și am scos întunericul și am redus puțin intensitatea culorii.


Și acum am un efect frumos de foc pentru a umple zona goală a sacoului și, de asemenea, pentru a compliment efectul de scânteie pe care l-am adăugat mai devreme, și-i dau un aspect aproape "Ghost Rider"!



Pasul 38: Postarea randării feței (opțional)

În acest moment, sunt destul de mult făcut cu pictura. Tot ce a rămas este de a face un pic de redare a postului de lucru pe imaginea de ieșire aplatizate. Am salvat o copie a fișierului meu ca o imagine aplatizată - JPEG pentru mine (sau formatul vreodată pe care îl preferați). NICIODATĂ nu vă loviți dosarul .psd în cazul în care trebuie să vă întoarceți la ea! Am deschis din nou JPEG-ul în Photoshop și am duplicat stratul (în caz de greșeli).


Ceea ce vreau pur și simplu este să prindeți instrumentul Dodge (setat la Repere cu expunere de 15%) și să-l rulați pe marginea exterioară a nasului, gurii și bărbiei (zonele încorporate) pentru a intensifica iluminarea deja pe fața lui "amestec"-le cu fundal alb.




Pasul 39: Postarea redării jachetei (opțional)

Un alt efect minunat pe care am decis să-l adaug la imaginea finală este o intensitate puțin mai mare pentru jacheta lui. Pe imaginea mea aplatizată, am făcut o selecție de-a lungul marginii exterioare a umărului.



Pasul 40

A duplicat această selecție pe stratul său propriu (Command / Ctrl + J)



Pasul 41

Am dat acelei sectiuni a jachetei un "Effect Blur Motion" (Filter> Blur> Motion Blur) si am facut directia opusa directiei originale a tuturor scanteilor si a miscarii imaginii.



Pasul 42

Apoi am setat modul de strat la "Screen"



Pasul 43: Touch Finisare

După aceea, am șters cu ușurință unele dintre marginile noului strat Blurred pentru ao amesteca în restul jachetei un pic mai mult.



Imagine finală