Verf een sci-fi game-instelling in Photoshop

Sep 11, 2025

Procedures

Ik heb altijd gedacht dat originaliteit ergens tussen wat je leuk vindt en wat je observeert. Ik hou van het mengen van sci-fi en organische elementen, dus ik probeer dingen om me heen te vinden die me allebei liet verkennen.

In deze Photoshop-tutorial , Ik koos een potplant op mijn bureau om een brandpuntsobject te inspireren. De overlappende vormen en fractale structuur van de plant stellen me in staat om een hard oppervlak te combineren met organische elementen voor een meer uniek ontwerp. Ik heb ook een gewoonte gegeven Photoshop Borstels U kunt gebruiken om vergelijkbare resultaten te bereiken (download ze hieronder).

Download de aangepaste borstels voor deze tutorial.

Meestal beden ik een achtergrondverhaal om context aan het ontwerp toe te voegen. De scène is een desolate buitenaardse planeet, waar het oppervlak bedekt is met vreemde eieren. Als een eenzame astronaut onderzoekt deze mysterieuze planeet, verschijnt er een enorme structuur in de lucht. Hij voelt zich aangetrokken tot deze prachtige totem, en drijft er naar toe.

Met deze afbeelding wil ik het mysterie, een elegant en sci-fi-gevoel naar de kijker brengen en een epische buitenaardse Vista introduceren met een gemengde sci-fi en biologische ontwerptaal.

01. Produceer een ruwe schets om het idee te visualiseren

A light, minimal sketch will help you define the overall shape and develop the narrative — Een lichte, minimale schets zal u helpen de algehele vorm te definiëren en het verhaal te ontwikkelen

Ik begin met schetsen mijn scène uit. Ik gebruik een lichtlijn om de algehele vorm van de afbeelding te tekenen, voornamelijk gericht op het ontwikkelen van een duidelijk idee over het verhaal en ervoor te zorgen dat het brandpunt niet in het midden van het beeld ligt. Ik wil geen tijd doorbrengen met het uitzoeken van de details op dit punt en gebruik alleen de meest minimale markeringen om uit te vinden waar de verschillende elementen in deze scène kunnen plaatsen, zodat het een coherent verhaal vertelt.

02. ruwe kleurenpas

Block out your colours to work out how they'll interact — Blokkeer je kleuren om uit te werken hoe ze zullen communiceren

Ik doe een eenvoudig kleurblok, scheidt de voor-, midden- en achtergrond samen met het personage op verschillende lagen. Ik kies een zeer verzadigde kleur voor de achtergrondstructuur als mijn hoofdspunt.

Het secundaire focuspunt is de astronaut, dus ik besluit een gedesatureerde maar lichte kleur voor hem, om hem iets meer in het omgeving te mengen. Dit is vergelijkbaar met de vorige stap in het feit dat ik nog steeds niet aan denk aan details of ontwerpen of texturen, en alleen uitzetten waar mijn kleuren gaan en hoe ze in deze afbeelding communiceren.

03. Zoeken naar een ontwerp

Once you've established your main elements, play around with the layout — Als je je hoofdelementen hebt ingesteld, speel dan rond met de lay-out

Ik breng een beetje tijd door met werken aan mijn brandpunt. Ik voel dat de achtergrond een beetje leeg is, dus ik dupliceer de structuur meerdere keren. Het idee hier is dat er vele zwevende mysteriestructuren rond de planeet zijn, en mijn karakter probeert het dichtst bij hem in de buurt te raken.

Dit is de optimale tijd om met het ontwerp te spelen, omdat ik losjes alle basiselementen in de scène heb gevestigd en kan nu op de juiste manier meten hoe elke verandering het beeld als geheel beïnvloedt.

04. Polijsten van het hoofdfocale punt

Start working on your focal point and adding details — Begin met werken op uw brandpunt en details toevoegen

De vorm van de structuur was te simpel; Ik wil het meer sci-fi maken. Dus ik verbreek de vorm uit de grote ellips, waardoor meer detail aan het centrale gebied wordt toegevoegd. Ik verken een aantal cirkelvormige vormen om hetzelfde vrijstroom- en organisch gevoel van de rest van het stuk te matchen, terwijl het een paar harde oppervlakken geeft. Ik probeer nog steeds dingen uit tijdens deze fase.

05. Vereenvoudig en balanceren

If your composition starts getting complicated, strip it back — Als je compositie begint te worden ingewikkeld, strip het terug

Na het ontwikkelen van het ontwerp en de vorm van de structuur in de vorige stap, voel ik dat het hele beeld bezig is. Dus ik licht op en vereenvoudig de achtergrond door de herhaalde structuren naar rechts te verwijderen. Om deze vereenvoudiging in evenwicht te brengen, voeg ik boldervormen toe aan de grote structuur. Op dit punt, terwijl ik langzaam de laatste blik van het beeld finaliseert, wil ik de verlichting afspelen.

06. Voorgrondelementen

Make sure that the colours of your foreground elements work with the rest of the composition — Zorg ervoor dat de kleuren van je voorgrondelementen werken met de rest van de compositie

De basiskleur en verlichting zijn op zijn plaats, dus nu begon ik de eieren op de voorgrond te renderen. Ik gebruik de groenblauwkleur uit mijn hoofdstructuur op de eieren, die deze twee elementen verbinding met elkaar verbindt. Bij het instellen van de kleuren in mijn schilderijen, moet elke kleur worden beïnvloed door de kleuren eromheen. Zoals ik het zie, moeten de kleuren een relatie met elkaar hebben.

07. Mid-grond elementen

Use texture and simple structures to give your scene perspective and scale — Gebruik textuur en eenvoudige structuren om uw scèneperspectief en schaal te geven

Ik wil dit planeetoppervlak uitzien als een kloof met wat organische texturen op de grond. Bovendien probeer ik in sommige eenvoudige architectuur op de achtergrond te schilderen. Dit ondersteunt het perspectief en de schaal van de ruimte, evenals het opbreken van de monotone horizon-lijn en voegt een visuele interesse toe.

08. Achtergrondelementen

Light effects can help with contrast and also with your image's narrative — Lichteffecten kunnen helpen met contrast en ook met het verhaal van uw afbeelding

Ik breng wat tijd door op mijn kleuren en verlicht de achtergrond. De lucht heeft nu een sterke lichtbron onder de horizonlijn, en dit brengt een heldere gloeiende kleur naar de lucht. Bovendien helpt het de structuur uit de lucht te contrasteren, en de lucht vanaf de grond. Deze lichteffecten kunnen ook een sterker gevoel voor verhaal en anticipatie op het stuk genereren.

09. De schaal van het karakter definiëren

Adding the spaceship gives the astronaut more of a sense of scale — Het toevoegen van het ruimteschip geeft de astronaut meer van een gevoel van schaal

Ik realiseer me dat de schaal van mijn astronaut maakt dat het hele beeld er iets verwarrend uitziet. Zonder de positie te kunnen pinnen waar hij zich in relatie tot de eieren op de grond bevindt, is het moeilijk om te vertellen hoe groot hij is. Om dit op te lossen, bevestig ik een ruimtevaartuig aan het andere uiteinde van het snoer, waarin wordt vastgesteld dat de astronaut in de middelgrond ligt.

10. Schaal het schip op

Adding detail to the ship brings some visual interest to the quieter part of the composition — Het toevoegen van detail aan het schip brengt een aantal visuele interesse voor het stillere deel van de compositie

Ik werk aan de ruimteschipontwerp , het toevoegen van enkele gloeiende uitlaatringen aan de motoren, die dient om een beetje meer interesse naar de rechterkant van het beeld te brengen. Ik schaal ook het schip enigszins op, zodat de grootte in overeenstemming is met die van de astronaut. Ten slotte voeg ik een blauwe sfeer toe aan de onderkant van de structuur om het verder terug in de ruimte te duwen.

11. Textuur toevoegen

Try using real-world objects to add texture to your work — Probeer echte objecten te gebruiken om textuur aan uw werk toe te voegen

In mijn ervaring kan textuur een schilderij een groter gevoel voor intensiteit geven. Ik voeg graag veel creatieve materialen toe aan mijn kunstwerken. Ik merk dat het maken van foto's van echte objecten en het manipuleren in Photoshop is de beste manier om een verse visuele ervaring te creëren. Voor dit stuk gebruik ik een foto van een verfrommeld stukje weefsel en breng het aan op de voor- en middelgrote.

12. Waarde aanpassing en Pools

Pump up the brightness by using an adjustment layer — Pomp de helderheid op door een aanpassingslaag te gebruiken

Het beeld ziet er een beetje donker uit, dus ik gebruik een aanpassingslaag om de helderheid op te zetten. Tegelijkertijd blijf ik ook alle delen van de afbeelding opruimen. Op dit punt, omdat ik het ontwerp, de schaal en de kleur van elk element in deze afbeelding heb vastgesteld, is het veilig om rechtstreeks in de polijstfase te duiken.

13. Kleuraanpassing

Use the Curve tool to adjust the colours, but don't go overboard — Gebruik de curve-tool om de kleuren aan te passen, maar ga niet overboord

Nadat de waarde is ingesteld, gebruik ik het Curve-tool om de kleur van de hele afbeelding aan te passen: verzadigen van de achtergrond en het toevoegen van een lichtblauwe toon op het bovenste gebied. Ik voeg ook een hint van onscherpte toe aan de eieren op de voorgrond. Dit bootst het gezichtsveld nabootst dat cameralenzen en ogen hebben bij het waarnemen van een afbeelding, en het schilderen dynamischer maakt.

Op dit punt kan het beeld als afgewerkt worden beschouwd. Natuurlijk zijn er altijd manieren om een afbeelding te verbeteren, zelfs na het raken van het punt wanneer het compleet kan worden genoemd. De sleutel hier is om het schilderij niet te polijsten.

14. Een groter gevoel van verhaal toevoegen

The second astronaut brings an extra element of drama to the picture — De tweede astronaut brengt een extra element van drama naar de foto

Er zijn nog steeds manieren om verder een afbeelding te duwen. Op dit punt voel ik dat ik het verhaal nog steeds kan verbeteren, dus ik schilder een andere astronaut in de verte. Dit voegt een dramatisch moment toe aan de scène, omdat een astronaut de controle verliest en tuimelt naar de buitenaardse totem, terwijl zijn partner uitvliegt in een poging om hem te vangen. Ik verhoog ook de dichtheid van sterren op de achtergrond om een uitgestrekte galactische omgeving te impliceren.

Dit artikel is oorspronkelijk gepubliceerd in kwestie 157 van ImagineFX , 's werelds best verkochte magazine voor digitale kunstenaars. Koop nummer 157 of Abonneer u op IMAGINEFX HIER

Gerelateerde artikelen:

Hoe een gestileerde game-artwork te maken
4 voordelen van werken bij een Indie Games Studio
Hoe maak je een videogame-personage in Zbrush

Verf een sci-fi game-instelling in Photoshop

01. Produceer een ruwe schets om het idee te visualiseren

02. ruwe kleurenpas

03. Zoeken naar een ontwerp

04. Polijsten van het hoofdfocale punt

05. Vereenvoudig en balanceren

06. Voorgrondelementen

07. Mid-grond elementen

08. Achtergrondelementen

09. De schaal van het karakter definiëren

10. Schaal het schip op

11. Textuur toevoegen

12. Waarde aanpassing en Pools

13. Kleuraanpassing

14. Een groter gevoel van verhaal toevoegen

Procedures - Meest populaire artikelen

Lino printmaking: een introductie

Aan de slag met ARTRAGE

Een 3D Weerwolf creëren in Unreal Engine

How to Model Concept Art in Cinema 4D

Hoe een stadsgezicht te schilderen met kleuren blokken

Een promo ontwerpen voor een denkbeeldig merk

Hoe een Vivid Fairy Queen te maken

Uw Web Design Agency noemen

Categorieën