Så här skapar du en Steampunk Style Illustration i Photoshop

Gå samtidigt bakåt och framåt i tid med denna Steampunk-handledning. Huvudfokuset, förutom stilen, är att fusera element från olika källor tillsammans för att skapa en sammanhängande helhet. Det finns många knep i detta syfte och vi ska titta på ljuskällor, skuggor och bildkvalitet.


Video Tutorial

Vår videoredigerare Gavin Steele har skapat den här videoprocessen för att komplimangera denna text + bildtutorial.


1. Introduktion

Steampunk är en undergenre av fantasi och spekulativ fiktion som kom fram till prominens på 1980-talet och början av 1990-talet. Termen betecknar arbeten som sätts i en era eller värld där ångkraften fortfarande används ofta - vanligtvis 1800-talet, och ofta viktoriansk eran England - men med framträdande element i antingen science fiction eller fantasy, som fiktiva tekniska uppfinningar som de som finns i verk av HG Wells och Jules Verne, eller verklig teknisk utveckling som datorn som inträffade tidigare. - Riktighet av Wikipedia.

Nu när vi har klarat upp det, låt oss arbeta genom att skapa en rik Steampunk inspirerad bild.


2. Tillgångar

Den slutliga bilden består av massor av tillgångar, men gärna ersätta någon av de föreslagna tillgångarna eller lägga till mer i ditt arbete. Tänk på att Steampunk drar från ångdriven teknologi, i stor utsträckning från den viktorianska eran, och sätter en futuristisk snurr på den. Aktivlistan är följande:

  • Man
  • Glasögon
  • Hatt
  • Hattprydnad
  • Kompass
  • Kran
  • Bälte
  • Hängande klocka
  • Mässingstank
  • Byggnad
  • Skorsten
  • Moln
  • kuggar
  • Elmätare (tack vare Phillip Flores för denna bild)
  • Glödlampa
  • Mustasch (tack vare Constantin Jurcut för denna bild)
  • Pappersstruktur

Steg 1

Skapa ett nytt dokument på 260mm med 210mm vid 300dpi. Ladda ner Man-bilden från iStockphoto.com och Goggles från sxc.hu.

Skär skyddsglasögonen ut med hjälp av Pen Tool, importera dem till ditt tomma dokument och ring lagret "GOGGLES." Importera Man-bilden i dokumentet och kalla det "MAN". Placera skyddsglasögonen på ansiktet och ändra storlek för att passa. Därefter minskas "GOGGLE" -lagrets mättnad (Bild> Justera> Färgtonning) till -37.

Rita runt mannen med hjälp av Pen Tool, oroa dig inte för att helt klippa håret eftersom det finns en snabbare metod som passar våra behov här. Håll det ganska löst och när du har avslutat sökvägen, vrid det till ett urval och skapa en lagmaske (Lag> Layer Mask> Reveal Selection).

Välj "MAN" -laget, snarare än lagmasken, och använd klonstämpelverktyget för att klona i håret för att fylla i luckorna. Se till att du klonar håret utöver gränserna för lagmasken.

Välj smutsverktyget, ställ in som på skärmen och smutta på lagmasken (inte själva lagret) för att avslöja mer hår under.

Applicera lagmasken (Layer> Layer Mask> Apply) och välj Smudge Tool. Byt penseln till 2 pixlar med 0% Hårdhet, och ställ in smetstyrkan till mellan 70 och 85. Släck extra hår efter hårets riktning. Blanda upp smutsstyrkan för att undvika en jämn hårlängd.


Steg 2

Öppna Hat-bilden från sxc.hu och rita en väg runt den med hjälp av Pen Tool. Vrid sökvägen till ett urval (Gå till banpaletten, välj sökvägen och högerklicka på den), och sedan kopiera och klistra in hatten i arbetsdokumentet. Ring laget "HAT" och ändra storlek till 56%.

Öppna Hat Ornament-bilden från sx.hu, och klipp och klistra in den i arbetsdokumentet. Ring lagret "WATCH" och ändra storlek på det till 38,5%. Gå till Layer> Layer Style> Drop Shadow och sätt upp det som visas.

Välj "HAT" -skiktet och dra en bana runt den del av brädan som ligger under "WATCH". Kopiera och klistra in det här i ett nytt lager. Flytta skiktet ovanför "WATCH" -laget och kalla det "HAT_BRIM." Välj alla tre lager som tillskrivs hatten och gruppera dem (Layer> Group Layers), eftersom vi kommer att bygga upp många lager under hela handledningen. Det är en bra metod att gruppera lager där det är möjligt.


Steg 3

Skapa ett nytt lager mellan "MAN" och "GOGGLE" -lagren. Ring det här nya skiktet "FACE_SHADOW" och ställ det till blandningsläge för att multiplicera. Använd Eyedropper Tool för att prova mörka färger från huden. Välj Paintbrush Tool och välj en 40 pixel borste vid 0% hårdhet. Ställ flödet till 25% och börja rita skuggor runt skyddsglasögon och hatt.

Tänk på att ansiktskonturerna mot hatten och skyddsglasögonen kommer att skapa en ojämn skugga, och delar av skuggan närmast källan är mörkare än de som faller längst bort. Använd en mindre borste för att dra in de starkare delarna av skuggan och gör en större borste för att blanda ut skuggan. Du kan behöva återprovera färgen med hjälp av Eyedropper Tool för att tillgodose den nödvändiga skuggan som krävs.


Steg 4

Öppna mustaschen (tack vare Constantin Jurcut för denna bild) bild från sxc.hu. Använd det rektangulära markeringsverktyget för att välja mustaschområdet. Klipp och klistra in i arbetsdokumentet ovanför "MAN" -skiktet, ring det nya skiktet "MUSTACHE." Ställ in blandningsläge för att multiplicera så att du kan se "MAN" under, och ändra storlek och rotera tills den passar.

Justera färgtonen / mättnaden så att den bättre matchar "MAN" hudtoner.

Använd en mjukkantad Eraser med ett 25% flöde för att radera de hårda kanterna i "MUSTACHE" -laget. Dra raderingsrundan vid denna punkt. Du kan se var de två skikten möts skapa en hård blandning, som ser onaturlig ut.

För att skapa en naturlig blandning mellan de två, klickar du enkelt på de mörkare områdena i "MUSTACHE" -laget tills det smälter väl.

Slutligen lägg till ett kurvjusteringslager (markera rutan märkt Använd tidigare lager för att skapa klippmask) och tweak tills du är glad att "MUSTACHE" -laget matchar "MAN" -laget. Välj "MAN", "FACE_SHADOW" och "MUSTACHE" -lagren, gruppera dem sedan och namnge gruppen "MAN".


Steg 5

I detta skede verkar "MAN" lite lättare än resten, så lägg till ett kurvjusteringslager ovanför "MAN" -laget, markera rutan märkt Använd tidigare lager ...


Steg 6

Skapa en ny grupp ovanför "MAN" -gruppen och kalla den "CHEST_PLATE." Välj "MAN" och det är länkat Curves Adjustment Layer och duplicera det. Flytta dubbletterna till gruppen "CHEST_PLATE". Rita en väg som väljer jackaområdet men inte skjortan eller huvudområdet. Vänd den färdiga banan till en lagmask för "MAN kopia".

Öppna kompassbilden från sxc.hu och rita en väg runt sektionen som visas.

Placera den i "CHEST_PLATE" -lagruppen under "MAN-kopia". Ring det här nya lagret "CHEST_PLATE." Tryck på Command + T för att få fram Freeform Transform Tool och manipulera som visning. Tryck och håll ned Kommandot för att manipulera poäng individuellt.

Använd klonstämpelverktyget för att fylla i de områden där bröstplattan inte når.

Lägg till ett nytt lager mellan "MAN kopia" och "CHEST_PLATE" och kalla det "CHEST_SHADOW." Ställ in blandningsläge för att multiplicera och skapa en skugga som du gjorde i steg 3. Försök och efterlikna skuggan kvar på tröjan av jackan. Detta kommer att göra det verkar mer naturligt.


Steg 7

Öppna Tap-bilden från sxc.hu och klipp och klistra in den i arbetsdokumentet. Placera den ovanför "CHEST_PLATE" i paletten Lager och kalla den "TAP". Ändra storlek på den för att placera över bröstplattan.

Skapa ett nytt lager för kranarna skugga. Rita i skuggor som tidigare.

Skuggan visar hur lätt kranens botten är. Välj "TAP" -laget och använd Brännverktyget för att mörka kranens botten. Ställ intervallet till midtoner och exponeringen till cirka 25% före appliceringen.

Skapa ett kurvjusteringslager för "TAP" -laget och ställ det upp som visas. Din lagerpalett (CHEST_PLATE-grupp) ska nu likna bilden nedan ...

... och din Steampunk borde se ut så här hittills.


Steg 8

Antingen skanna i ett bälte, rem eller något, eller öppna den bältebild som jag skannat. Klipp ut, kopiera och klistra in det i arbetsdokumentet och kalla det "BELT_LEFT." Kopiera detta lager och ring kopian "BELT_RIGHT."

Med ett bälte åt gången använder du Freeform Transform (Command + T) för att ändra storlek och rotera den så att den passar som axelremmar. Innan du använder omvandlingen (så gränsen är fortfarande synlig) gå till Redigera> Transformera> Warp och manipulera näthandtagen och punkterna.

Nu för att få bältenna att visa 3D. Välj "BELT_LEFT" och välj Flyttverktyget (V). Håll ner Alt-tangenten och tryck en gång på nedåtpilknappen. Det här skapar ett dubbletter och slår ner det en gång. Släpp Alt-tangenten och tryck på vänsterpil. Upprepa samma procedur med "BELT_LEFT" kopia som källlagret.

Stack 4 eller så lager på detta sätt och sedan omorganisera dem så det längsta från det ursprungliga "BELT_LEFT" -lagret är lägst i lagpaletten. (Överst: "BELT_LEFT", "BELT_LEFT copy", "BELT_LEFT copy 2" och "BELT_LEFT copy 3"). Välj alla "BELT_LEFT" -lagren och slå ihop dem och justera sedan nivåerna som visas. Upprepa denna process för "BELT_RIGHT."

Lägg till ett skuggskikt ("BELT_SHADOW") under de sammanslagna "BELT_LEFT" och "BELT_RIGHT" -lagren och sätt blandningsläget till Multiplicera. Lägg till en skugga på samma sätt som tidigare. Notera den ojämna jackans yta, tumregeln är närmare ytan som gjutningsobjektet är desto tunnare och skarpare blir den resulterande skuggan. De cirklade delarna är där skuggan är störst och mjukast, använd en lämplig borste för att reflektera detta.

Skapa ett annat skugglager ("TOP_BELT_SHAD") ovanför "BELT" -lagren och skapa skuggorna som visas. Gruppera alla "BELT" och tillhörande "SHADOW" -lager i en grupp som heter "BELTS" och placera detta i "CHEST_PLATE" -lagrupp.


Steg 9

Välj MAN-skiktet och använd Penverktyget för att rita ett banan runt en del av den knäppta handen. Du måste få tillräckligt med hand för att dölja var "BELT_LEFT" överlappar varandra. Vrid denna sökväg till ett urval och kopiera och klistra in det på ett nytt lager som heter "HAND." Flytta det här skiktet ovanför "BELTS" -lagruppen i "CHEST_PLATE" -lagruppen.

Välj "MAN" kurvjusteringsskiktet och duplicera det. Flytta den direkt över "HAND" och gå till Layer> Create Clipping Mask.

Öppna Hanging Watch-bilden från sxc.hu, klipp, kopiera och klistra in det i arbetsdokumentet och placera det över "HAND" -laget. Ring det här skiktet "HANGING_WATCH", ändra storlek så att det passar perspektivet och proportionerna på handen. Välj eventuell överlappning mellan "HANGING_WATCH" och "HAND" med Polygonal Lasso Tool och gå till Layer> Layer Mask> Hide Selection.

Välj skiktmasken och använd en 0,8 pixel Gaussisk suddighet. Gruppera alla dessa lager till en grupp som heter "HAND" och placera den direkt ovanför "BELT" -lagruppen i "CHEST_PLATE" -lagruppen.


Steg 10

Öppna mässingstankens bild från sxc.hu, klipp ut det och kopiera och klistra in det i arbetsdokumentet. Ring denna "TANK". Skapa en ny laggrupp som heter "TANKS" och placera "TANK" i den. Tryck på Command + T för att få fram Freeform Transform Tool och rotera och ändra storlek som visas.

Gå till Bild> Justeringar> Shadow / Highlight och ställ in visas.

Duplicera "TANK" -laget och freeform-transformen som visas.

Skapa ett nytt lager ovanför de två "TANK" -lagren och kalla det "TANK_SHADOW." Ställ in blandningsläget till Multiplicera och lägg till en skugga som tidigare. Se bilden nedan för referens. Skuggmönstret är baserat på "MAN-skiktets ljus och skuggmönster, försök visualisera ljuskällan i förhållande till" MAN "-skiktet och därför, i förhållande till" TANK "-lagen.


Steg 11

Öppna Byggbilden från sxc.hu och klistra in hela bilden i arbetsdokumentet. Ring lagret "BUILDING" "och flytta det till botten av paletten Lager. Tryck på Command + T för att få fältet Freeform Transform och manipulera punkterna som visas. Målet är att fixa linsförvrängningen och perspektivet.

Jag ändrade "BUILDING" -laget vid denna tidpunkt för att få en bättre komposition.

Gå sedan till Filter> Blur> Lins Blur och använd de inställningar som visas nedan. Du kan använda Gaussian Blur istället om ditt system krossar på Lens Blur, men det är mindre effektivt.

Gå till Lager> Nytt justeringslager> Färgtonning / Mättnad och skjut mättnadshandtaget till -48.

Lägg sedan till ett kurvjusteringslager direkt ovanför färgtonen / mättnad.


Steg 12

Öppna skorstenen från sxc.hu, klipp ut den, kopiera och klistra in den i arbetsdokumentet. Kalla det "CHIMNEY", ändra storlek, rotera och duplicera tills du har tre avgaser. Skapa en laggrupp med de tre "CHIMNEY" -lagren och kalla den "CHIMNEYS".

Skapa ett nytt lager med namnet "CHIMNEY_SHADOW" och sätt blandningsläget till Multiplicera. Vi ska rita skuggor på det här laget som vi har varit, men den här gången använder vi "CHIMNEY" -lagren för att maskera bort de områden vi vill dra på. Kommando-klicka på "CHIMNEY" -lagret som du vill skapa en skugga för. Om det valda valet fäller några av de andra skorstenarna, kommandot + Alt-klicka på lämpligt lager. Dra sedan skugga på "CHIMNEY_SHADOW" -laget. Kolla bilden nedan för ett exempel.

Öppna molnbilden från sxc.hu och gå till Bild> Justera> Desaturate. Justera sedan nivåerna enligt bilden.

Välj brännverktyget, ställ det till Shadows på cirka 25% och bränna alla områden i himlen som ännu inte är svarta.

Klistra in den justerade molnbilden i arbetsdokumentet och flytta den till "CHIMNEYS" -gruppen. Ställ in blandningsläge på skärmen och ring lagret "SMOKE." Om någon av himlen bakom molnet är synlig, brännskar du den ut. Skapa dubbletter av "SMOKE" och placera dem för att visas som om de skickas ut från skorstenarna. Ta bort områden av röken och spela om tills du har något som liknar bilden nedan. Du borde kunna skapa samma effekt med bara en molnbild.


Steg 13

Börja bygga upp din komposition med lämpliga element. Jag har lagt till några Cogs (från sxc.hu) och ett annat element till ryggsäcken. Det är bra att namnge alla dina lager och gruppera dem där det är möjligt. Varje nytt element har också ett eget skugglager. Det är värt att nämna att jag justerade Cogs Hue / Saturation för att ge mer av en mässing känsla.


Steg 14

Skapa ett nytt lager och kalla det "PIPE." Använd pennverktyget för att rita en rak linje (Ställ in till banor inte formlag) och välj sedan penselverktyget och ställ in det som visas.

Ange din förgrundsfärg till # 52422b. Gå till paletten Pathar, välj den sökväg du just har ritat och välj Stroke Path från undermenyn. Kontrollera att borsten är inställd på 100% opacitet och 100% flöde.

När din väg har blivit streckad, gå till Lag> Layer Style> Inner skugga och använd inställningarna som visas.

Ställ upp Bevel och Emboss som visas.

Skapa ett tomt lager under "PIPE", välj båda lagren och tryck på Kommando + E för att slå samman dem. Detta kommer att rasterisera lagstilarna.

Lägg till ett brusfilter (Filter> Buller> Lägg till buller) ...

... använd en 1,0 pixel Gaussian Blur (Filter> Blur> Gaussian Blur) ...

... och äntligen en smart skärpa (Filter> Sharpen> Smart Sharpen).


Steg 15

Öppna elmätaren (tack vare Phillip Flores för den här bilden) bild från sxc.hu och klipp, kopiera och klistra in den i arbetsdokumentet. Placera den direkt över "PIPE" och kalla den "DIAL." Jag har också ändrat "PIPE" till "PIPE_DIAL", eftersom vi kommer att göra mycket mer rör på lite. Ändra storlek och vrid "DIAL" för att passa, rotera "PIPE" -laget för att spegla vinkelns vinkel.


Steg 16

Öppna Lightbulb-bilden från sxc.hu och klipp, kopiera och klistra in den i arbetsdokumentet. Separera själva lampan från metallbiten och lägg dem på egna lager som kallas "BULB" och "LIGHTBULB_BASE."

Ändra storlek och rotera lagren "BULB" och "LIGHTBULB_BASE" enligt bilden. Duplicera "PIPE_DIAL" -laget, kalla det "PIPE_LIGHTBULB" och rotera för att anpassa sig till den aktuella lampan.

Kommando-klicka på miniatyren "BULB" för att skapa ett urval. Skapa ett nytt lager som heter "BULB_BRIGHTNESS" och fyll i med färg # fff48a. Ändra skiktblandningsläge till skärm och skiktets opacitet till 87%. Lägg sedan till en 6,0 pixel Gaussian Blur.

Duplicera "BULB" -laget och kalla det "BULB_OVERLAY." Placera den precis ovanför "BULB" i paletten Lager och justera det är färgton / mättnad som visas. Ändra Layer Blend-läget till Multiplicera.

Välj "BULB" och gå till Layer> Layer Styles> Drop Shadow. Du kan använda detta för att skapa en mjuk glöd, se nedan.

Lägg till ett yttre glöd för att ge ett djupare glöd till "BULB".


Steg 17

Nu är det dags att lägga till några fler rör på samma sätt som vi gjorde tidigare. Ge varje rör ett eget lager och kör det genom samma process som beskrivs i steg 14. Försök också med olika tjocklekar.


Steg 18

Nu när kompositionens sida är i stort sett fullständigt kan jag se att en del av bakgrunden är distraherande. Använd klonstämplingsverktyget för att ta bort områdena i bakgrunden ("BYGG" -lagret) som störa förgrunden.


Steg 19

Duplicera det största av dina "SMOKE" -lager och flytta det till toppen av paletten Lager. Ring det här lagret "FOG" och ändra storlek, rotera och placera så att det fogar upp botten utan att dölja för mycket detaljer. Lossa lagerets opacitet till ca 85%.

Duplicera "FOG" och ändra storlek, rotera och placera den på den andra sidan av duken.

Slutligen skapa ett nytt lager ovanför "FOG" -lagren som heter "FOG_FILLER." Använd en stor mjukbräda pensel för att stämpla i bitar av ånga bakom "FOG" molnen. Blanda borstens storlek från 400 pixlar upp till 1000 pixlar. Variera antalet gånger du stämplar på ett ställe för att uppnå olika densiteter i dimma molnet.


Steg 20

Välj alla dina lager så långt och duplicera dem. Slå samman alla dubblerade lager och kalla det "FLATTENED." Duplicate "FLATTENED" och välj dubbletter, gå sedan till Filter> Other> High Pass och tillämpa med 2,0 pixlar. Ändra blandningsläge till överlagring.

Lägg till ett kurvjusteringslag för att öka kontrasten och förbättra de övergripande tonerna.

Lägg till ett färgton / Saturation Adjustment Layer för att minska mättnaden.

Lägg till ett gradientkortsjusteringslager för att applicera en blå färgkasta.


Steg 21

Skapa ett nytt lager och kalla det "HIGHS / LOWS," fyll sedan det med 50% grå. Använd Brännverktyget för att bränna duk kanterna, särskilt i himmelen. Detta kommer att lägga till en vignett och ett mycket välbehövligt djup till himlen. Det här är mycket lättare om du har en grafikkort.

Minska borststorleken kraftigt för att brinna i ansiktsdetaljer. Använd en penselstorlek som är lämplig för det utrymme du påverkar. Plocka ut några områden där skuggorna kan använda en boost.

Använd en mycket fin borste för att behandla de finare detaljer som rynkor, läppkant och allt annat av liknande karaktär. Använd tekniken på hela bilden, inte bara ansiktet.

Välj Dodge Tool och använd samma inställningar som bränningen, börja undvika områden där du vill höja höjdpunkterna. Det bästa sättet är att bara stärka det som redan finns på bilden, istället för att bli för kreativt.

Så här ser det ut som "HÖG / LÅG" synlig ...

... och här är lagret inställt på Normal snarare än Överlagring. Titta på de behandlade områdena och sorten i borststorlek.


Steg 22

Duplicera "FLATTENED" och desaturera det och invertera det. Applicera en 40 pixel Gaussisk oskärpa, justera nivåerna, sätt lagrets blandningsläge till Överlagring och minska opacitet till cirka 25%. Detta kommer att utjämna tonbalansen, dra i ultra darks och ljus över bordet.


Steg 23

Om du vill gå ner den ultram stiliserade rutten öppnar du Pappersstrukturbilden från sxc.hu (eller vilken pappersstruktur som du vill) och importerar den till ditt dokument. Placera den längst upp på paletten Lager och duplicera den två gånger (tre lager totalt). Ställ det översta lagret för färgbränning vid 25% opacitet.

Ställ in det andra pappersskiktet på Färg vid 30%.

Slutligen sätter du det nedre pappersskiktet till Hard Light på 30%. Detta garanterar en rik texturöverdrag som inte dödar dina bilder kontraster för mycket, samtidigt som textur och bild klarhet bibehålls.


3. Slutsats

Phew! OK det var en introduktion till Steampunk. När du väl har tagit hand om stilen och teknikerna finns det en värld av maskiner, karaktärer och ställen att skapa. Njut av!

Prenumerera på Psdtuts + RSS-flödet för de bästa Photoshop-verktygen och artiklarna på webben.