Hoe een gestileerde game-artwork te maken

Sep 12, 2025

Procedures

De kunststijl van First-Person Survival-videogame Lang donker kan bedrieglijk moeilijk zijn om vast te leggen. De stijl uit het videogame kan uiteindelijk ook realistisch of te grillig kijken. We willen dat de speler het gevoel heeft dat ze in een wereld zijn gestapt die zich bekend voelt, maar ook uniek - een wereld die zowel mooi als gevaarlijk is.

In deze Photoshop-tutorial , Ik zal je door mijn proces lopen van het vastleggen van de stijl van de stille apocalyps.

Ontvang hier Photoshop CC

Vanaf de vroege dagen van het spel wilden we de kunststijl om als schilderlijk over te komen. De kunststijl is bereikt in een samenwerkingswerkwijze door de conceptartiesten, de 3D-artiesten en de technische kunstenaars in het achterland.

Ik kan de basis op deze manier samenvatten: brede delen van subtiele textuur ingepakt in scherpe en eenvoudige silhouetten.

Ik neem je mee door mijn proces, waar we de vormen zullen gebruiken die we bereiken in de schets als basis voor de laatste silhouetten. Het gebruik van eenvoudige compositiegidsen om ervoor te zorgen dat het algehele beeld in evenwicht is, geven we het beeld een schilderachtig uit het kijken met behulp van textuurborstels en gewaagde penseelstreken. We kunnen die sterke silhouetten en gewaagde vormen behouden met een van mijn favoriete geheime wapens: Photoshop's Lasso-tool.

We voegen een ander wild dier, de eland, aan de lijst met tegenstanders die je in het spel kunt tegenkomen. En we zullen de illustratie richten rond deze reus van het bos.

01. Geef jezelf (of client) opties

Creating thumbnails with composition options aids the artist and the client — Miniaturen maken met compositieopties helpt de kunstenaar en de klant

De taak was om de eland te hebben door water, in de buurt van berkenbomen en met cattails prominent, die ze eten. Er zijn veel verschillende manieren om deze elementen te organiseren. Ik kwam met 12 miniaturen om mezelf opties te geven en ideeën te genereren. Ik kwam met beide opties voor de eerste en derde persoon, voor de creatief directeur en Kunstdirecteur overzien.

02. Los zoveel mogelijk problemen op

Next stage is to refine the chosen thumbnail — Volgende fase is om de gekozen miniatuur te verfijnen

De gekozen miniatuur toont sterke voor- en achtergrondelementen en een goed gevoel voor schaal voor de eland. Ik verfijn het, met behulp van een compositiegids die het midden van de afbeelding identificeert, en de Regel van derden

De horizonlijn bevindt zich echter in het midden van het frame, links en rechts zijn even gewogen en de lagere lagere cattails zijn afleidend. Dus lag ik de horizon naar de onderste derde, pas de enscenering van de eland aan en voeg de berkenbomen toe.

Pro Secret: compositiecontroles

Gebruik hulpmiddelen om het centrum en Regel van derden Deze kunnen u helpen een aangename compositie aan te brengen en dwaze en amateurfouten te voorkomen, zoals het plaatsen van de horizon op het middelste punt van het frame.

03. Organiseer uw schets

Spend some time developing the composition — Breng wat tijd door met het ontwikkelen van de compositie

Ik breng tijd door met het ontwikkelen van een goed gecomponeerde schets in Photoshop en split het in de lagen. Dit zal me helpen de schetsvormen in het laatste schilderij te gebruiken.

Ik neem ook een aantal high-resolution-scherm van het spel en gebruik deze schermafbeeldingen als referentie, zodat beide het werk in de stijl van het lange donker en als een basis voor textuur houden. Ik gebruik de vormen van de schets als een knipmasker ( rechts-klik & gt; clipping masker ) voor de penseelstreken en texturen.

04. Wees niet bang om de transformatiehulpmiddelen te gebruiken

Free Transform and Warp will help you get the concept just right — Gratis Transform en Warp helpt je om het concept precies goed te krijgen

Ik blijf de gevestigde vormen van de schets gebruiken als een knipmasker, beginnend met de eland. Ik concepten het originele eland-ontwerp voor het spel, dus ik gebruik het gevestigde concept om te helpen blokkeren in de vorm van het dier.

Ik gebruik de gratis transformatie- en warp-tools ( Cmd + t rechts-klik & gt; warp ) Indien nodig om het te laten kijken, en schilderen over enige overgebleven problemen.

05. Verbeter het brandpunt

Lift the focal point from the background — Til het brandpunt van de achtergrond op

Ik gebruik een tint- en verzadigingslaag om de voorgrond en de bomen donkerder te maken om het hoofd van de eland te maken. Ik gebruik vervolgens het knipmasker opnieuw en dupliceer de tint- en verzadigingslaag een aantal keren. Zorg ervoor dat ik mijn grotere vormlagen gescheiden bewaar, ik clip ze boven elke individuele laag voordat ik ze vlak maak. Dan begin ik met mijn borstels te schilderen.

06. Masker met selectie

Next, create a selection mask — Maak vervolgens een selectiemasker

Nog een manier, ik maskeer waar ik schilder is, is door mijn lagen te gebruiken om selecties te maken. Ik heb op dit moment in meer takken en bomen geschilderd. Nu wil ik beginnen met het toevoegen van een licht op de bovenkant van de bomen. Ik maak een selectiemasker ( CMD + SHIFT + -KLIK lagen).

07. Referentie de verlichting

Getting the lighting right is crucial at this stage — Het recht van de verlichting is in dit stadium cruciaal

Ik neem dan het selectiemasker dat ik in de laatste stap heb gemaakt en draai hem in een vectormasker. Ik zette de laag om te overlay en begin met het toevoegen van wat warmte van de instellingzon aan de bovenkant van de bomen. Met een idee voor het palet, besteed ik een goede hoeveelheid tijd om referentie te krijgen en te observeren hoe de zon de bovenkant van de bomen bij zonsondergang raakt.

08. Lasso die selectie

The lasso tool is an underrated ally — De Lasso-tool is een onderschatte bondgenoot

Nu ik een idee heb voor de verlichting, draai ik mijn aandacht op de eland. Ik ben dol op het gebruik van de selectie-tool ( L ) om sterke vormen te creëren die ik kan vullen met gewaagde penseelstreken. Ik traceer over de schets van de gewei met de Lasso-tool en gebruik gewaagde en lange borstelslagen tot hint bij een subtiele textuur van de gewei.

Pro Secret: Lasso is mijn geheime wapen

De Lasso-selectie-tool is een van mijn favoriete Photoshop-gereedschappen. Ik gebruik het om vormen te tekenen en om organische ronde vormen te combineren met scherpe rechten. Enkele snelkoppelingen om in gedachten te houden: L (Lasso-tool); L + cmd + lift stylus off tablet (Get punt-to-punt rechte lijnen); L + shift (Toevoegen aan selectie); en L + alt (aftrekken van selectie).

09. Breng de textuurborstels op

Start painting in some texture — Begin met schilderen in een textuur

Zodra ik in de geweien heb geblokkeerd, vergrendel ik de transparantie op de elandlaag (klik op het geruite vak aan de bovenkant van het laagvenster). Ik begin nu met het definiëren van de vorm van de gewei, en met behulp van geweven borstels om het beeld te geven dat subtiele schilderachtige textuur die doet denken aan het lange donker. Ik heb ook veel referentie van Moose Antlers om hun vorm echt te begrijpen en hoe ze licht vangen.

10. Refine het palet

It's time to dip into Hue and Saturation — Het is tijd om in tint en verzadiging te duiken

Ik besef dat het beeld behoorlijk gedempt is. De kleuren moeten brutaler zijn, dus ik gebruik een tint- en verzadigingslaag. Ik verhoog de verzadiging enigszins en pas ook de tint aan.

Vervolgens herhaal ik het proces in stap 5. Ik dupliceer de tint- en verzadigingslaag, zorg ervoor dat ik mijn grotere vormlagen gescheiden houden. Ten slotte klem ik de tint- en verzadigingslagen boven elke afzonderlijke laag voordat ik ze afvloeit.

11. Warmte van de zon

The sun's warm glow is added here — De warme gloed van de zon is hier toegevoegd

Ik begin met het toevoegen van de warme gloed van de zon door de bomen aan de linkerkant van het beeld, met behulp van een kleur Dodge-laag. Ik leg het achter een deel van de achtergrondboomlaag, maar niet andere bomen op de voorgrond. Ik voeg dan nog een andere kleur Dodge-laag toe en leg het achter alle bomen om die opgeblazen uiterlijk van de zon te krijgen.

12. Verbeter het brandpunt

Making adjustments to the focal point will ensure it draws the eye — Aanpassingen aan het brandpunt maken zorgt ervoor dat het het oog trekt

Ik begin in het gebied rond het brandpunt van het schilderij, dat het hoofd van de eland is. Ik zorg ervoor dat het oog van het beest er correct uitziet. Ik merk ook op dat de lucht boven de eland te veel contrast introduceert op het gebied boven het hoofd. Mijn oplossing is om te blokkeren in een berg met een eenvoudige ronde borstel.

Pro Secret: Oefen met je borstels

Textuur Photoshop Borstels kan de geheime saus zijn die een goed schilderij maakt. Zij zijn niet. Net als een gereedschap, vereisen ze oefenen. Ik heb twee borstels die ik de hele tijd gebruik. Ik hou van het oefenen met hen door studies van filmstills te doen, het werk van oude meesters of fotostudies. Zonder de noodzaak om het onderwerp te bedenken, stelt het in staat om me te concentreren op techniek.

13. Begin detail toe te voegen

Start adding detail, but remember to stop! — Begin met het toevoegen van detail, maar vergeet niet om te stoppen!

Ik ontvang wat feedback om de grootte van de geweien te overdrijven, dus ik verhoog hun grootte. En ze, zijn niet te veel te veel, ik begin met het toevoegen van details aan de scène. Als ik textuurborstels gebruik, zorg ik ervoor dat de textuur het zware tillen doet. Dit kan verschillende slagen duren om rechts te krijgen, dus ik Cmd + z Een redelijk bit totdat ik de een-borstelslag krijg die perfect is.

14. Finaliseren met frisse ogen

An oft-overlooked stage – step away, then return to your work afresh — Een over het hoofd gezien stadium - stap weg, keer vervolgens terug naar je werk opnieuw

Ik breng wat tijd weg van het schilderij om het met een nieuw perspectief te zien en te beseffen dat verdere details nodig zijn op de eland als het brandpunt. Ik breng ook tijd door met het losmaken van randen met schilderlijk borstelwerk, in gedachten houden van de stijl van het donker de hele tijd. Vervolgens stuur ik het werk naar de Creative Director en Art Director om de Kunst goedgekeurd te krijgen. Eenmaal goedgekeurd, is het schilderij compleet!

Dit artikel is oorspronkelijk gepubliceerd in ImagineFX Tijdschriftnummer 157. Koop het hier

Gerelateerde artikelen:

4 voordelen van werken bij een Indie Games Studio
5 tips om je 3D-carrière te kappen
5 manieren voor ontwerpers om hun volgende studio te vinden

Hoe een gestileerde game-artwork te maken

01. Geef jezelf (of client) opties

02. Los zoveel mogelijk problemen op

03. Organiseer uw schets

04. Wees niet bang om de transformatiehulpmiddelen te gebruiken

05. Verbeter het brandpunt

06. Masker met selectie

07. Referentie de verlichting

08. Lasso die selectie

09. Breng de textuurborstels op

10. Refine het palet

11. Warmte van de zon

12. Verbeter het brandpunt

13. Begin detail toe te voegen

14. Finaliseren met frisse ogen

Procedures - Meest populaire artikelen

Maak uw eigen kalligrafische borstel in Illustrator

Affinity Designer: Hoe beperkingen te gebruiken

Een bestand voorbereiden op afdrukken

Hoe Creature Anatomy mastert

6 manieren om uw modellering te versnellen

Maak interactieve 3D-visuals met three.js

Hoe de perfecte boekomslag

Teken nauwkeurige botten en spier

Categorieën