Hvordan lage stilisert spill Artwork

Sep 11, 2025

hvordan

[1. 3]

Art Style of First Person Survival Video Game Lang mørk kan være villedende vanskelig å fange. Stilen fra videospillet kan ende opp med å se enten for realistisk eller for lunefull. Vi vil at spilleren skal føle at de har trappet inn i en verden som føles kjent, men også unik - en verden både vakker og farlig.

I dette Photoshop Tutorial , Jeg går deg gjennom min prosess med å fange stilen til den stille apokalypsen.

Få Photoshop CC her

Fra de tidlige dagene i spillet ønsket vi kunststilen å komme over som malerisk. Kunststilen har blitt oppnådd i en samarbeidsprosess av konseptkunstnerne, 3D-artister og tekniske kunstnere på Hinterland.

Jeg kan oppsummere det grunnleggende på denne måten: brede områder med subtile tekstur innkapslet i skarpe og enkle silhuetter.

Jeg tar deg gjennom prosessen min, hvor vi skal bruke de former som vi oppnår i skissen som grunnlag for de endelige silhouettene. Ved hjelp av enkle sammensetningsførere for å sikre at det samlede bildet er balansert, gir vi bildet et malerisk utseende ved hjelp av teksturbørster og dristige børstestreker. Vi kan beholde de sterke silhuettene og dristige former med en av mine favoritt hemmelige våpen: Photoshops Lasso Tool.

Vi legger til et annet vilt dyr, elgen, til listen over motstandere som du kan støte på i spillet. Og vi fokuserer illustrasjonen rundt denne giganten av skogen.

01. Gi deg selv (eller klient) alternativer

Creating thumbnails with composition options aids the artist and the client — Opprette miniatyrbilder med sammensetningsalternativer hjelper kunstneren og klienten

Oppgaven var å ha elgen med vann, nær bjørketrær, og med cattails fremtredende, som de spiser. Det er mange måter for å stages disse elementene. Jeg kom opp med 12 miniatyrbilder for å gi meg selv alternativer og generere ideer. Jeg kom opp med både første og tredje personalternativer, for Kreativ direktør og kunst direktør å se over.

02. Løs så mange problemer som mulig

Next stage is to refine the chosen thumbnail — Neste stadium er å finjustere det valgte miniatyrbildet

Det valgte miniatyrbildet viser sterke for- og bakgrunnselementer, og en god følelse av skala for elgen. Jeg forfiner det, ved hjelp av en komposisjonsguide som identifiserer midten av bildet, og Regelen av tredjedeler .

Imidlertid er horisontlinjen i midten av rammen, til venstre og høyre er like vektet, og de nedre venstre cattails er distraherende. Så jeg senker horisonten til den nederste tredjedel, juster staging av elgen, og legg til birktrærne.

PRO Secret: Sammensetningskontroller

Bruk verktøy for å finne ut senteret og Regelen av tredjedeler . Disse kan hjelpe deg med å skape en hyggelig sammensetning, og unngå dumme og amatørfeil, for eksempel å sette horisonten på midtpunktet av rammen.

03. Organiser din skisse

Spend some time developing the composition — Tilbringe litt tid på å utvikle sammensetningen

Jeg bruker tid på å utvikle en godt sammensatt skisse i Photoshop, og del det i lagene. Dette vil hjelpe meg å bruke skisseformene i det endelige maleriet.

Jeg tar også noen høyoppløselige skjermbilder fra spillet og bruker disse skjermbildene som referanse, for begge holder arbeidet i stilen på den lange mørke og som en base for tekstur. Jeg bruker figurene på skissen som en klippemaske ( Høyreklikk & GT; Clipping Mask ) For børstestrekene og teksturene.

04. Ikke vær redd for å bruke transformasjonsverktøyene

Free Transform and Warp will help you get the concept just right — Gratis Transform og Warp vil hjelpe deg med å få konseptet akkurat

Jeg fortsetter å bruke de etablerte figurene på skissen som en klippemaske, som begynner med elgen. Jeg konkluderte med den opprinnelige elgedesignen for spillet, så jeg bruker det etablerte konseptet for å blokkere i form av dyret.

Jeg bruker Free Transform og Warp Tools ( CMD + T. , Høyreklikk & GT; Warp ) Som nødvendig for å få det til å se mest korrekt, og male over eventuelle gjenværende problemer.

05. Forbedre fokuspunktet

Lift the focal point from the background — Løft fokuspunktet fra bakgrunnen

Jeg bruker et fargetone og metningslag for å mørke forgrunnen og trærne for å ramme hodet på elgen. Jeg bruker deretter klippemasken igjen og dupliserer fargetone og metningslaget en rekke ganger. Sørg for at jeg holder mine større formlag skilt, klipper jeg dem over hvert enkelt lag før jeg flater dem. Så begynner jeg å male grener med mine børster.

06. Mask med valg

Next, create a selection mask — Deretter lager du en valgmaske

En annen måte jeg maskerer hvor jeg maler er ved å bruke lagene mine for å lage valg. Jeg har malt i flere grener og trær på dette punktet. Nå vil jeg begynne å legge til noe lys som rammer toppen av trærne. Jeg lager en valgmaske ( CMD + SHIFT + KLIKK lag).

07. Referanse belysningen

Getting the lighting right is crucial at this stage — Å få belysningen rett er avgjørende på dette stadiet

Jeg tar deretter utvalgsmasken jeg laget i det siste trinnet og gjør det til en vektormaske. Jeg setter laget til overlegg og begynner å legge til litt varme av innstillingsolen til toppen av trærne. Med en ide for paletten bruker jeg en god tid å få referanse og observere hvordan solen treffer toppen av trærne ved solnedgang.

08. Lasso det valget

The lasso tool is an underrated ally — Lasso-verktøyet er en undervurdert alliert

Nå som jeg har en ide for belysningen, gjør jeg oppmerksomheten til elgen. Jeg elsker å bruke utvalgsverktøyet ( L. ) For å skape sterke former som jeg kan fylle med dristige børstestreker. Jeg sporer over skissen på antlers med lasso-verktøyet, og bruker dristige og lange penselstreker til hint på en subtil tekstur av gevirene.

Pro Secret: Lasso er mitt hemmelige våpen

Lasso Selection Tool er et av mine favoritt Photoshop-verktøy. Jeg bruker den til å tegne figurer, og å kombinere organiske runde former med skarpe rette. Noen snarveier å huske på: L. (Lasso verktøy); L + CMD + Heis Stylus Off Tablet (få punkt-til-punkt rette linjer); L + skift (Legg til i valg); og L + alt (Trekk fra valg).

09. Ta på teksturbørstene

Start painting in some texture — Begynn å male i noen tekstur

Når jeg har blokkert i gevirene, låser jeg gjennomsiktigheten på elgelaget (klikk på den rutede boksen øverst på lagvinduet). Jeg begynner nå å definere form av antlers, og bruker teksturerte børster for å gi bildet som subtile malings tekstur som minner om det lange mørke. Jeg har også mye referanse til elg-gevirer for å virkelig forstå deres form og hvordan de fanger lys.

10. Raffinering av paletten

It's time to dip into Hue and Saturation — Det er på tide å dyppe i fargetone og metning

Jeg skjønner at bildet er ganske dempet. Fargene må være sterkere, så jeg bruker et fargetone og metningslag. Jeg øker metningen litt og justerer fargen også.

Jeg gjentar prosessen i trinn 5. Jeg dupliserer fargetone og metningslaget, og sørg for at jeg holder mine større formlag skilt. Til slutt klemmer jeg fargetone og metningslagene over hvert enkelt lag før de flatter dem.

11. Solens varme

The sun's warm glow is added here — Solens varme glød er lagt til her

Jeg begynner å legge til den varme gløden av solen som peker gjennom trærne på venstre side av bildet, ved hjelp av et fargedoktag. Jeg legger den bak noe av bakgrunnslaget, men ikke andre trær i forgrunnen. Jeg legger til et annet farge Dodge-lag og legger det bak alle trærne for å få det blåst utseendet på solen.

12. Forbedre fokuspunktet

Making adjustments to the focal point will ensure it draws the eye — Å gjøre justeringer til fokuspunktet vil sikre at det trekker øyet

Jeg begynner å jobbe i området rundt fokuspunktet for maleriet, som er hodet på elgen. Jeg sørger for at dyrets øye ser riktig ut. Jeg merker også at himmelen over elgen er å introdusere for mye kontrast til området over hodet. Min løsning er å blokkere i et fjell med en enkel rund børste.

PRO Secret: Praksis med børstene dine

Tekstur Photoshop børster kan synes å være den hemmelige sausen som gjør et godt maleri. De er ikke. Som et hvilket som helst verktøy, krever de praksis. Jeg har to børster som jeg bruker hele tiden. Jeg liker å praktisere med dem ved å gjøre studier av film stillbilder, arbeidet til gamle mestere eller foto studier. Uten behovet for å finne emnet, gjør det mulig å fokusere på teknikk.

13. Begynn å legge til detaljer

Start adding detail, but remember to stop! — Begynn å legge til detaljer, men husk å stoppe!

Jeg mottar litt tilbakemelding for å overdrive størrelsen på antlers, så jeg øker sin størrelse. Og dem, å være oppmerksom på ikke å doodle for mye, jeg begynner å legge til detaljer på scenen. Hvis jeg bruker teksturbørster, så sørger jeg for at teksten gjør den tunge løftingen. Dette kan ta flere slag for å få rett så jeg CMD + Z. En rettferdig bit til jeg får det ene børste slaget som er perfekt.

14. Avsluttende med ferske øyne

An oft-overlooked stage – step away, then return to your work afresh — En OFT-oversett scenen - gå bort, og deretter gå tilbake til arbeidet ditt på nytt

Jeg tilbringer litt tid bort fra maleriet for å se det med et nytt perspektiv og innse at ytterligere detaljer er nødvendig på elgen som fokuspunkt. Jeg bruker også tid på å løsne kanter med malerisk børstearbeid, med tanke på stilen på den lange mørke hele tiden. Jeg sender deretter arbeidet til den kreative regissøren og kunstdirektøren for å få kunsten godkjent. Når du er godkjent, er maleriet fullført!

Denne artikkelen ble opprinnelig publisert i Imaginefx. Magazine Issue 157. Kjøp det her .

Relaterte artikler:

4 fordeler med å jobbe på et indie spillstudio
5 tips for å kickstart din 3D-karriere
5 måter for designere for å finne deres neste studio

Hvordan lage stilisert spill Artwork

01. Gi deg selv (eller klient) alternativer

02. Løs så mange problemer som mulig

03. Organiser din skisse

04. Ikke vær redd for å bruke transformasjonsverktøyene

05. Forbedre fokuspunktet

06. Mask med valg

07. Referanse belysningen

08. Lasso det valget

09. Ta på teksturbørstene

10. Raffinering av paletten

11. Solens varme

12. Forbedre fokuspunktet

13. Begynn å legge til detaljer

14. Avsluttende med ferske øyne

hvordan - Mest populære artikler

Hvordan tegne en løve

Hvordan øke hastigheten på retopologi i Maya

Lag din egen kalligrafiske børste i Illustrator

Reglene for responsiv webtypografi

Hvordan tegne med Affinity Photo for iPad

Lag en meteor dusj i 3ds maks

Hvordan kode en forstørret virkelighetsmarkør

Lag blandede blekk med InDesign

Kategorier