Måla en sci-fi-spel i Photoshop

Sep 12, 2025
Hur

Jag har alltid trott att originalitet finns någonstans mellan vad du vill och vad du observerar. Jag älskar att blanda sci-fi och organiska element, så jag försöker hitta saker runt mig som låter mig utforska båda.

I denna Photoshop Tutorial , Jag valde en krukväxt på mitt skrivbord för att inspirera ett fokusobjekt. Anläggningen överlappande former och fraktalstruktur gör det möjligt för mig att kombinera en hård yta med organiska element för en mer unik design. Jag har också gett några anpassade Photoshop borstar Du kan använda för att uppnå liknande resultat (ladda ner dem nedan).

Ladda ner egna borstar för denna handledning.

Jag brukar komma med en bakgrundshistoria för att lägga till kontext till designen. Scenen är en ödslig alien planet, där ytan är täckt med konstiga ägg. Som en ensam astronaut utforskar denna mystiska planet, en stor struktur på himlen. Han lockas till denna magnifika totem, och flyter mot det i vördnad.

Med den här bilden vill jag ta med mysteriet, elegant och sci-fi känsla till tittaren, och introducera en episk Alien Vista med ett blandat sci-fi och ekologiskt design språk.

01. Skapa en grov skiss för att visualisera idén

A light, minimal sketch will help you define the overall shape and develop the narrative

Ett ljus, minimal skiss hjälper dig att definiera den övergripande formen och utveckla berättelsen

Jag börjar med sketching ut min scen. Jag använder en ljuslinje för att dra den övergripande formen på bilden, främst med fokus på att utveckla en klar uppfattning om berättelsen och se till att kontaktpunkten inte ligger i mitten av bilden. Jag vill inte spendera tid att räkna ut detaljerna vid denna tidpunkt och använd bara de mest minsta märkena för att planera var du ska placera de olika elementen i den här scenen så att den berättar en sammanhängande historia.

02. Grovfärgpass

Block out your colours to work out how they'll interact

Blockera dina färger för att utarbeta hur de ska interagera

Jag gör ett enkelt färgblock ut, som skiljer fram-, mitten och bakgrunden tillsammans med tecknet på olika lager. Jag väljer en mycket mättad färg för bakgrundsstrukturen som min huvudsakliga kontaktpunkt.

Den sekundära kontaktpunkten är astronauten, så jag bestämmer mig för en desaturerad men lätt färg för honom, att blanda honom i miljön något mer. Detta liknar det föregående steget eftersom jag fortfarande inte tänker på detaljer eller mönster eller texturer, och bara plottar ut där mina färger går och hur de interagerar inom den här bilden.

03. Söker efter en design

Once you've established your main elements, play around with the layout

När du har etablerat dina huvudelement, leka med layouten

Jag spenderar lite tid på mitt fokusområde. Jag känner att bakgrunden är lite tom, så jag duplicerar strukturen flera gånger. Tanken här är att det finns många flytande mysteriumstrukturer runt planeten, och min karaktär försöker röra den närmaste framför honom.

Detta är den optimala tiden att leka med design eftersom jag har löst etablerat alla grundläggande element i scenen, och kan nu ordentligt mäta hur varje förändring kommer att påverka bilden som helhet.

04. Polering av huvudfokuspunkten

Start working on your focal point and adding details

Börja arbeta med din kontaktpunkt och lägga till detaljer

Formen av strukturen var för enkel; Jag vill göra det mer sci-fi. Så jag bryter upp formen från den stora ellipsen och lägger till mer detaljer till det centrala området. Jag utforskar några cirkulära former för att matcha samma fritt flytande och organiska känsla av resten av stycket, samtidigt som det ger några hårda ytor. Jag försöker fortfarande ut det under det här skedet.

05. Förenkling och balansering

If your composition starts getting complicated, strip it back

Om din komposition börjar bli komplicerad, ta bort den tillbaka

Efter att ha utvecklat konstruktionen och formen av strukturen i föregående steg, känner jag att hela bilden blir upptagen. Så jag lyser upp och förenklar bakgrunden genom att radera de upprepade strukturerna till höger. För att balansera denna förenkling lägger jag till djupare former till den stora strukturen. Vid denna tidpunkt, medan jag långsamt slutar den sista utseendet på bilden, vill jag spika ner belysningen.

06. Förgrundselement

Make sure that the colours of your foreground elements work with the rest of the composition

Se till att färgerna på dina förgrundselement fungerar med resten av kompositionen

Basfärgen och belysningen är på plats, så nu började jag göra ägg i förgrunden. Jag använder kricka i min huvudstruktur på ägget, vilket förbinder dessa två element. När du ställer in färgerna i mina målningar, ska varje enskild färg påverkas av färgerna runt den. När jag ser det, bör färgerna ha ett förhållande med varandra.

07. Mid-ground element

Use texture and simple structures to give your scene perspective and scale

Använd textur och enkla strukturer för att ge ditt scenperspektiv och skala

Jag vill göra denna planetyta ser ut som en kanjon med några organiska texturer på marken. Dessutom försöker jag måla i en enkel arkitektur i bakgrunden. Detta kommer att stödja rymdens perspektiv och skala, liksom bryta upp den monotona horisonten och lägga till lite visuellt intresse.

08. Bakgrundselement

Light effects can help with contrast and also with your image's narrative

Ljuseffekter kan hjälpa till med kontrast och även med din bilds berättelse

Jag spenderar lite tid på mina färger och lyser upp bakgrunden. Himlen har nu en stark ljuskälla under horisonten, och det ger en ljus glödande färg till himlen. Dessutom hjälper det kontrast strukturen från himlen, och himlen från marken. Dessa ljuseffekter kan också skapa en starkare känsla av berättelse och förväntan till stycket.

09. Definiera karaktärens skala

Adding the spaceship gives the astronaut more of a sense of scale

Att lägga till rymdskeppet ger astronauten mer av en skala

Jag inser att min astronauts skala gör att hela bilden ser lite förvirrande. Utan att kunna stifta den position där han är belägen i förhållande till ägget på marken är det svårt att berätta hur stor han är. För att lösa detta bifogar jag en rymdfarkost till den andra änden av sladden, som fastställer att astronauten ligger i mitten.

10. Skalning upp skeppet

Adding detail to the ship brings some visual interest to the quieter part of the composition

Att lägga till detaljer till fartyget ger lite visuellt intresse för den tystare delen av kompositionen

Jag jobbar på rymdskeppsdesign , lägga till några glödande avgasringar till motorerna, som tjänar till att få lite mer intresse för den högra sidan av bilden. Jag skala också upp skeppet något, så att dess storlek är i linje med astronautens. Slutligen lägger jag till en blå atmosfär till botten av strukturen för att trycka det längre tillbaka i rymden.

11. Lägga till textur

Try using real-world objects to add texture to your work

Försök använda Real-World-objekt för att lägga till textur i ditt arbete

Enligt min erfarenhet kan konsistens ge en större känsla av intensitet. Jag gillar att lägga till många kreativa material till mina konstverk. Jag finner att ta bilder av verkliga föremål och manipulera dem i Photoshop är det bästa sättet att skapa en ny visuell upplevelse. För det här stycket använder jag ett foto av ett skrynkligt vävnad, och applicera den på för- och mellansvaran.

12. Värdejustering och polsk

Pump up the brightness by using an adjustment layer

Pumpa upp ljusstyrkan genom att använda ett justeringsskikt

Bilden ser lite mörk ut, så jag använder ett justeringsskikt för att vrida ljusstyrkan. Samtidigt fortsätter jag också att städa upp alla delar av bilden. Vid denna tidpunkt, eftersom jag har etablerat design, skala och färg på varje element i den här bilden är det säkert att dyka in i poleringsfasen.

13. Färgjustering

Use the Curve tool to adjust the colours, but don't go overboard

Använd kurvverktyget för att justera färgerna, men gå inte överbord

När värdet är inställt använder jag kurvverktyget för att justera färgen på hela bilden: mättande bakgrunden och lägga till en ljusblå ton på toppen. Jag lägger också till en ledtråd av oskärpa till ägg i förgrunden. Detta efterliknar synfältet att kameralinser och ögon har när man uppfattar en bild och gör målningen mer dynamisk.

Vid denna tidpunkt kan bilden vara färdig. Naturligtvis finns det alltid sätt att förbättra en bild även efter att ha träffat punkten när den kan kallas fullständig. Nyckeln här är att inte överpolig måla målningen.

14. Lägger till en större känsla av berättande

The second astronaut brings an extra element of drama to the picture

Den andra astronauten ger ett extra element av drama till bilden

Det finns fortfarande sätt att trycka en bild ytterligare. Vid denna tidpunkt känner jag att jag fortfarande kan förbättra berättelsen, så jag målar en annan astronaut i avståndet. Detta lägger till ett mer dramatiskt ögonblick till scenen, eftersom en astronaut förlorar kontroll och tumlar mot Alien Totem, medan hans partner flyger ut i ett försök att fånga honom. Jag ökar också densiteten hos stjärnorna i bakgrunden för att innebära en stor galaktisk miljö.

Denna artikel har ursprungligen publicerats i fråga 157 av Imaginefx , världens bästsäljande tidning för digitala konstnärer. Köp nummer 157 eller Prenumerera på Imaginefx här .

Relaterade artiklar:

  • Hur man skapar stiliserat spelkonstverk
  • 4 fördelar med att arbeta på en indie spelstudio
  • Hur man skapar ett videospelkaraktär i Zbrush

Hur - Mest populära artiklar

Hur man kan rengöra penslar: Den slutgiltiga guiden

Hur Sep 12, 2025

(Bildkredit: Sonny Flanaghan) Att lära sig att rengöra penslar ordentligt är en viktig färdighet. Som ordspråket..

Få mer från Artrage 6: Topptips för att öka ditt arbetsflöde

Hur Sep 12, 2025

(Bildkredit: Steve Goad) I den här artikeln kommer jag att ge råd och insikter på Artrage, ett program som jag anv..

Hur man animerar med mo.js-biblioteket

Hur Sep 12, 2025

(Bildkredit: Pexels / Frank Kagumba) Mo.js är ett unikt Motion Graphics JavaScript-bibliotek som inte bara underlät..

Skapa en musstyrd parallax bakgrundseffekt

Hur Sep 12, 2025

(Bildkredit: Renaud Rohlinger) Webbplatser med Parallax-rullning fortsätter att vara populär för en anledning: de ..

8 fantastiska nya grafiska design tutorials

Hur Sep 12, 2025

Oavsett om du bara börjar i grafisk design eller en kryddat pro, finns det alltid något nytt att lära dig om du vill stanna före spelet. Grafisk design är en så stor disciplin som täck..

Hur man designar grafiska figurer

Hur Sep 12, 2025

I de tidigare åren av min illustration karriär skog jag bort från att illustrera siffror, oavsett om det är realistiskt eller..

Lägg till en glitchseffekt på din webbplats

Hur Sep 12, 2025

Ett bra sätt att fånga uppmärksamhet - och hålla fast vid det - är att skapa en Webbplatslayout som visar dina talanger från av..

Skapa interaktiva diagram i joniska 2

Hur Sep 12, 2025

När du arbetar i ett litet lag tenderar det att vara svårt att skriva och behålla separat kod för Android, IOS och Windows. D..

Kategorier