Hur man skapar andra världskomponerade 3D-kompositioner

Även om jag är en mångsidig konstnär som arbetar i många stilar, har min forte alltid blandat 3D-element med foton för att skapa surrealistiskt konstverk. Om du är intresserad av ett sådant konstverk, men ingen aning om hur de är färdiga, här är ditt steg genom den dörren.

I denna handledning ger jag dig en kollisionskurs om hur du ska närma sig och skapa dessa typer av bilder. Oroa dig inte, du behöver inte lära dig 3D eftersom jag ger dig 3D-bilderna för att starta. Vi kommer helt enkelt att komposera och skapa en scen med de medföljande rendersna. Denna handledning är avsedd för mellanliggande till avancerade Photoshop-användare. Få din surfplatta redo, för att du kommer att använda den mycket i den här handledningen!

Du kan hitta Photoshop PSD-filen i en katalog som heter "PSD" som kom i ZIP-filen som du hämtade. Du kanske vill titta igenom dem kort innan vi börjar.


Steg 1 - Förbereda basbilden

För vår handledning kommer vi att använda det här landskapsbildet här. Obs! Du behöver ett SXC.hu-konto för att kunna se lagerbildet, så om du inte har tillgång till det, vänligen ta en minut för att skapa ett konto.

Men när du har lagerbildet öppnar du det med Photoshop och går vidare till steg 2. I nästa steg kommer vi att röra upp denna basbild.



Steg 2 - Storlek Ned

I denna handledning ska vi arbeta med en webbvänlig dimension. Ändra storlek på vår lagerbild till 1280px med 915px genom att gå till Bilder> Bildstorlek (Command + Alt + I). Dubbelklicka i lagpaletten för att låsa upp och namnge det här laget "Base". Skärpa också upp den ändrade bilden genom att gå till Filter> Skärpa> Skärpa.



Steg 3 - Vita moln, dålig!

Blåst ut moln är en av de saker som är vanliga i fotografering, men dåligt att arbeta med. Utblåsta moln kan verkligen bryta en bild, genom att skyer står ut för mycket och de spelar inte bra med justeringslager - så det är viktigt att fixa dem!

Skapa ett nytt lager som heter "CloudFix." Med Clone Stamp Tool (S) vid 100% opacitet ställer du in läget till Darken och gör det mjukt (Shift + Left Bracket-tangenten) och ställer även in det på Sample All Layers.

Zooma in i de blåst ut områdena av molnen i scenen, håll Alt och klicka på ett område med en medellång eller ljusare färgton, men inte utblåst. Stämpla nu noggrant och borsta över de områden som blåses ut. Se underhandledningens bilder nedan för att referera till före och efter bilder.

Obs! En tablett kommer att vara en gudstjänst nu, eftersom du kan ställa in klonstämpelinställningarna till Pen Pressure-känslig för både Opacitet och Storlek. Det kommer till stor hjälp med detta steg.




Steg 4 - Färgbalans

Nu när vi har fixat våra moln, låt oss ta en titt på vår duk igen. Jag märkte att scenen ser över gul, låt oss gå och balansera färgerna lite. Skapa ett färgbalansjusteringslager med följande inställningar: Midtoner på 0,0,25 och Skuggor på 0,0,10. Höjdpunkterna kan lämnas orörd. Tryck OK för att slutföra justeringsskiktet. Se bild nedan för att se hur din lagpalett ska se ut som från och med nu.




Steg 5 - Skörd och sammansättning

Vi ska göra en sak innan vi börjar ha roligt. Sammansättningen för tillfället med horisontlinjen som ligger på ungefär 50% av duken gör det ser ganska tråkigt ut och inte så intressant att titta på. Vi ska gräva på duken lite för att göra den mer dynamisk.

Hit C för att hämta grödverktyget och lägg i 1280px i bredd och 780px i höjd. Dra upp beskärningsverktyget ner och över kanfasen från det övre vänstra hörnet av duken. Bredden och höjden bör nu begränsas av grödverktyget, så det bör skördas på cirka 80% av bilden i förväg. Hit Enter för att slutföra grödan. Bilden nedan visar resultatet efter grödan. Horisontlinjen ligger nu på omkring 35-40% av duken.




Steg 6 - Fun börjar!

Obs! Vanligtvis vid denna tidpunkt skulle jag ta med bilden i Maya och använda metoder för att matcha 3D-elementen med bilden. Det är dock inte en enkel process och du behöver verkligen lära dig 3D för att göra det. Jag kommer inte att täcka det här i den här kollisionskursen, utan bara ge dig det som jag redan har matchat med scenen.

Nu ska vi börja föra in 3D-aspekterna och sammansatta dem. Öppna först upp "elefant_beauty.tga". Det här är skönhetsskottet av våra elefanter som vi ska sätta in i vår scen. Omedelbart märker du att de är på en svart bakgrund - Oroa dig inte, det är bra. Öppna fliken med kanaler och du kommer att märka en extra kanal som heter "Alpha 1." Detta är alfakanalen som jag skapade för elefanterna i Maya. Vi ska använda denna kanal för att extrahera våra elefanter från bakgrunden.

Kommando-klicka på "Alpha 1" -kanalen för att få transparensen upp till valet. Med valet upp, gå tillbaka till fliken lagrar och med det markerade bakgrundsskiktet, klicka på Command + J för att lägga valet i ett nytt lager. Elefanterna kommer nu att vara i sitt eget nya lager skilt från den svarta bakgrunden.

Nu när det nya lagret är valt, drar du det här skiktet i vår handledningsduk, vilket är landskapet, medan du håller Shift. Var noga med att dra elefanterna medan du håller Shift, eftersom de kommer att placera dem i vår duk perfekt. Annars om du bara drar den över kan den inte matcha med duken. Byt namn på det här nya lagret "ElephantBeauty." Scenen börjar se mer intressant, nej?





Steg 7 - Magic

Om du tittar noga, bör du märka att det finns en obehaglig svart rand runt vår elefantåtergivning. Det här är en anti-aliasing problem när du tar ut dem ur den svarta bakgrunden. Oroa dig inte, det finns ett mycket enkelt sätt att fixa detta. Gå bara till lager> Matting> Ta bort svart matta. Altfiol! Borta!




Steg 8 - Rengöring

Att matcha 3D-element med foton är inte en enkel sak, det tar en hel del precision och tålamod. Ibland är du borta några pixlar. Du kan helt enkelt rengöra det här i Photoshop. Lägg till en mask i vårt lager "ElephantBeauty" och zoom in ganska lite, sedan med en 100% hård borstuppsättning med full svart, radera några av kanterna på elefantbenen som blöder in i vår kulle. Enkelt nog!


Steg 9 - Flyta inte

Låt oss gå och grunda våra elefanter med en skugga på golvet. Det kommer också omedelbart att lägga till en stor realismnivå på scenen.

Öppna "Elephant_floorShadow.tga" och upprepa instruktionerna i steg 6. Var inte panik ännu, jag vet att filen är helt svart! Det är helt enkelt för att uppgifterna ligger inom alfakanalen.

Vi går in i vår alfakanal för att extrahera skuggorna från bakgrundsskiktet. Kommando-klicka på "Alpha 1" -kanalen för att få transparensen upp till valet. Med valet upp, gå tillbaka till fliken lagrar och med det markerade bakgrundsskiktet, klicka på Command + J för att lägga valet i ett nytt lager. Skuggorna kommer nu att vara i sitt eget nya lager skilt från den svarta bakgrunden. Håll skift och dra det här skiktet i vår handledning, och placera det under vårt "ElephantBeauty" lager.



Steg 10 - Inte helt övertygande

En fullständig svart ogenomskinlig skugga är nästan aldrig en bra sak. Om du inte bor i ett svart hål borde det alltid vara lite ljus i skuggan.

Välj "ElephantShadow" -lagret och klicka på Transparency Lock-omkopplaren i din lagerpalett bredvid alternativen Lås. Detta låser insynen i skuggpixlarna. På så sätt kan vi modifiera skuggan utan att tweak pixlarna.

Vanligtvis vad jag skulle göra är att zooma in i det område där ämnet är och öga-släppa den mörkaste skuggfärgen från fotot (i så fall är elefantbenen motivet och gräset runt dem är vårt målområde). Jag kom för att hitta färgen # 132128 från området och kommer att använda det för att tona vår elefants skugga så att den kan matcha originalbilden.

Klicka på förgrundsfärgen från verktygsfältet Photoshop och sätt in vår färg hex # i färgväljaren och tryck OK. Nu med vårt "ElephantShadow" -lager låsat i genomskinlighet, slår du Kommando + Radera för att nyansera vår ursprungliga svarta skugga i en mörkblå-isfärg. Nu i lagpaletten ställer du upp "ElephantShadow" Opacity till 75%. Skuggan ser nu mycket mer övertygande ut än ett solidt svartblock.





Steg 11 - Gräsdetaljer

Låt oss göra några detaljer innan vi går vidare. Vi behöver byta ut något av gräset från vår kulle där elefantfötterna är. Lite detaljer som dessa är nyckeln till framgångsrik realism. Glöm inte att göra dem!

Välj ditt borstverktyg och ta fram borstförinställningar genom att slå F5. Fortsätt och ladda gräsborstar efter eget val. Jag använde en uppsättning som heter Archeleron_GrassBrushes.abr. Det finns en miljon borstförinställningar som du kan hitta och ladda ner online, och det är väldigt lätt att göra din egen också!

Efter att du framgångsrikt laddat gräsbborstarna, duplicera du i vårt lagerpalett "Base" -laget och namnge det "GrassDetail." Placera det nu ovanpå vårt "ElephantBeauty" lager. Ja, landskapet överlappar nu allt ... men gör inte panik ännu.

Ge detta lager en mask och fyll den med full svart så att skiktet är tomt. Välj nu en av gräsborstens förinställningar (någon av dem borde vara bra). Zooma in i de områden där ersättningsgräset måste vara och borsta lite gräs i masken med färgvit. Se referensbilderna nedan om du är förvirrad. Vi borstar bara några gräsdetaljer i närheten av elefantfötterna.




Steg 12 - Ljus

I det här nästa steget ska jag förklara och visa dig ett av underverken att arbeta med 3D. Öppna "Elephant_lightRGB.tga" i Photoshop.

Du bör omedelbart märka att i denna bild ser våra elefanter ut som om de består av konstiga färger. Ja, det ser konstigt ut, men du ser skönheten här så snart du går till fliken Kanaler och klickar igenom kanalerna.

I huvudsak, RGB passerar i denna bild består av tre olika ljuskällor som jag gjorde i Maya. Med uppgifterna från var och en av dessa kanaler kunde jag använda dem i vår huvudsakliga duk som extra belysning och effekter. Till exempel har den blå kanalen i detta fall en ljuskälla som kommer bakom elefanterna ... Jag kunde eventuellt använda dessa data som bakgrundsbelysning om jag ville. Men eftersom vi är ute och inte i en studio behöver vi inte det här.

Vad vi ska använda i det här fallet är den "gröna" kanalen, och här är varför: Om du tittar på vår viktigaste duk ska du märka att den tredje elefanten (den minsta och längsta från kameran) ser ganska mörk ut. Jag känner att det skadar bilden eftersom det inte verkar som att det tänds av samma utomhusljus. Med det sagt kommer vi att använda den gröna kanalen från vårt lightRGB-pass för att åtgärda detta.

Kommandoklicka på den "gröna" kanalen för att få fram de vita uppgifterna i urvalet. Gå tillbaka till lagpaletten och skapa ett nytt lager. Välj 100% vit som förgrundsfärg och tryck på Kommandot + Radera för att fylla data med vit. Du har nu omvandlat data från den gröna kanalen till ett nytt lager som ska användas.

Håll skift och dra "ljus" skiktet i vår handledning. Placera det ovanpå vårt "ElephantBeauty" lager och klipp det till "ElephantBeauty" genom att hålla Alt och klicka mellan de två skikten. Detta gör att "ljus" -laget endast påverkar pixeldata i "ElephantBeauty." Namn detta lätta lager "ElephantLighten." Ljuskällan påverkar alla elefanter just nu, men vi ska fixa det i nästa steg.






Steg 13 - Ljusmask

Nu när vi har satt vår ljuskälla på plats, kan vi verkligen använda den. Det är enkelt.

Ställ in "ElephantLighten" -lagrets blandningsläge till skärmen och omedelbart ser du var det här går. Vi vill bara att den ska påverka den minsta elefanten här, så markera bara ett val runt den minsta elefanten och sätt sedan in en lagermask. Detta kommer att isolera ljuset för att endast påverka den tredje elefanten. Det verkar som om ljuset är för starkt, så jag har satt opaciteten till 35. Vår elefant kommer nu att dyka upp ur skuggorna och se bättre ut för scenen!

Obs! I framtiden om du vill att ljuset ska påverka vissa delar av ämnena, gör du enkelt en mask och målar ljuset där du vill att det ska komma upp. Det kan vara så brett och så detaljerat som du önskar.





Steg 14 - Glöd!

Låt oss ge bilden ett ögonljus. Jag måste säga, jag är en suger för glödande saker - och ringarna kring stenen på elefanterna ska lysa! Du kan göra detta i Photoshop, men jag har gett ett glödkort för detta ändamål, så låt oss göra det.

Öppna upp "elefant_glow.tga." Den här gången behöver det inte ens gå in i kanaler för att extrahera data. Vi ska använda bilden som den är. Håll skift och dra det här skiktet i vår handledningsduk och placera det överst i lagerhierarkin. Namn det här skiktet "RingsGlow". Återigen ska vi isolera det svarta och använda endast glöddata, och för att göra detta ska vi helt enkelt ställa in blandningsläget till skärmen. Tada! Du har själv några glödande ringar!




Steg 15 - Kreativitet

I nästa steg är det snarare en kreativ process än en teknisk. Jag har bestämt mig för att scenen såg för vanligt så jag ska gå vidare och använda min fantasi och bara tänka på några strukturer för att lägga till scenen.

Skapa ett nytt lager och namnge det här "StructureBase." Börja med att måla några vertigo strukturer i scenen med en borste. Kom ihåg att det inte finns rätt eller fel här. Skiss i din struktur och var uppmärksam på övergripande form istället för precision. Om du inte vet, håller Alt med att använda Borstverktyget snabbt och ger dig ögonloppsfärger. Bränn den här snyggnyckeln i ditt huvud eftersom det är mycket användbart. Ögonklippande intilliggande färger på scenen när du målar strukturer så att du kan få realistiska nyanser. Kom ihåg att vi helt enkelt gör former här, gör inte några höjdpunkter eller skuggor än.

Jag har skapat fyra strukturer av olika djup som skapats.





Steg 16 - Skuggning

Nu när vi har grunden för våra strukturer är det dags att gå in och skugga dem. Skapa ett nytt lager med namnet "StructureShades" och klipp det ovanpå vårt baslager. Gå in igen med borstverktyget och ögondroppen och börja skugga strukturerna baserat på belysningen. Du kan också använda Dodge och bränna verktyg för att hjälpa dig.

Se bilderna nedan om du behöver hjälp med att visualisera skuggningen. Det här är inte något tekniskt, det kommer strikt från observation och kunskap om hur ljus påverkar någonting. Jag är inte alls en expert på digital målning - övning och observation är nyckeln!

Kom ihåg att detaljerna långsamt går vilse, desto längre är föremålet borta, så i vårt fall är det huvudsakliga problemet verkligen bara de två strukturer som ligger närmast oss.

Jag har också bestämt mig för att lägga till några detaljer till den närmaste strukturen för att göra en "balkong" slags bit.





Steg 17 - Texturering

Måla basen och skuggning är bara de första stegen, vi kommer nu att strukturera strukturen. Jag har bestämt mig för att använda en trästruktur som finns här. Öppna den med Photoshop och dra texturen i vår duk.

Vi ska först strukturera den största strukturen först. Sänk texturen opacitet så att du kan se genomskinlighet, sedan flytta och skala det för att passa strukturen. Klipp den till strukturens lagerhierarki ovanpå vårt skuggningsskikt. Klicka nu på Command + Shift + U för att desaturera texturen och sätt blandningsläget till Overlay. Ta upp opaciteten tillbaka till 100% och namnge det här laget "Structure1Texture."

Strukturen är ganska svag just nu på grund av kontrast, så vi ska fixa det med nivåer. Hit Command + L för att höja nivåerna och använd inmatningsvärdena på 75, 1 och 140 och tryck sedan på OK. Texturen bör nu komma igenom mycket bättre.





Steg 18 - Rengöring

Gör en mask för vårt "Structure1Texture" lager, och med en svart borste, måla bort texturområden som du känner påverkar strukturens volym. Ibland kan en textur göra motivet ser ganska platt ut, och du kan fixa det med maskering. Nyckeln är att se till att höjdpunkter inte dyker upp på mörkret och vice versa.




Steg 19 - Upprepa

Upprepa steg 17 och 18 på mittenstrukturen, som är den enda andra strukturen vars texturer fortfarande ska visa sig, även den minsta. Kom ihåg att detaljerna lägger till! Se även skärmbilden nedan för att se hur din lagpalett ska struktureras fram till det här steget.





Steg 20 - Detaljer Pt 1

Våra strukturer är ganska uppsatta nu. Det är dags att spela lite och experimentera med detaljer.

För det första har jag bestämt mig för att jag skulle lägga till fler höjdpunkter i strukturerna för att få ut dem mer. Skapa ett nytt lager med namnet "Highlights" och klippa det till vår struktur hierarki. Ställ in blandningsläge till Överlagring.

Välj vit som din färg och med en halvmjuk pensel, gå in och måla några höjdpunkter på strukturerna. Nu använder jag ordet "highlight" löst, du kan kalla det helt enkelt lägga till mer dimension till våra strukturer. Se bilderna nedan.





Steg 21 - Detaljer Pt 2

Låt oss lägga till fler detaljer i våra strukturer för att göra dem mer intressanta.

Jag har bestämt mig för att lägga till lampor och fönster till dem. Skapa ett nytt lager som heter "Lights" och med en liten 100% hård borste, gå in i våra strukturer och placera lite fönster och lampor i dem. Återigen är det här en kreativ process och det finns ingen rätt eller fel. Du kan referera till bilderna nedan om du behöver lite visuell riktning.

Nu när du har placerat elementen i det, högerklickar du på vårt lager och går in i Blending Options växlar och slår på yttre glöd. Vanligtvis vill du experimentera och spela med inställningarna, men för vår scen fann jag att standardinställningarna såg perfekt ut, så jag ska lämna den som det är. Hit OK för att slutföra detta och för att göra våra "lampor" glöd.





Steg 22 - Detaljer Pt 3

Eftersom vi närmar oss slutet, kommer vi helt enkelt att fortsätta arbeta med detaljering.

Gör ett nytt lager som heter "Details1" och börja måla mer detaljer om strukturerna. Nu när vi har skuggningen klar kunde vi enkelt få ögonlocket nyanser från strukturen för framtida målning av detaljer. Jag bestämde mig för att lägga till några ledningar runt byggnaden, vilket jag kommer att fortsätta i nästa steg för att göra en kraftverk av dessa strukturer.





Steg 23 - Detaljer Pt 4

Vi ska nu göra ledningarna som kommer att ansluta våra strukturer som ett kraftverk. Återigen, det här är en kreativ process, det är helt bra om ditt resultat inte är en duplikat av mig. Ha så kul!

Skapa ett nytt lager med namnet "Details2" och placera det under våra elefanter så att vi inte fungerar ovanpå dem. Eye-drop en nyans från vår största struktur (Oroa dig inte för att få exakta färger, vi kommer att fixa det). Använd nu pennverktyget för att skapa några banor där du känner att ledningarna skulle vara. Högerklicka till strokeväg med borstverktyget. Kontrollera att borsten är inställd på en mycket liten och hård rund borste. Jag använde både 2px och 1px borstslag här.

När du har satt ner alla ledningar ner kan vi nu arbeta med att få färgerna att matcha belysningen. Låsa först "Detaljer2" -lagrets transparens genom att klicka på kryssrutan för genomskinlighet som vi gjorde tidigare. Detta gör att vi kan tona våra trådar någon färg vi vill utan att behöva oroa sig för att röra med sin form.

För att vara ärlig är det allt baserat på god bedömning och ditt öga för färg. Du behöver helt enkelt bara zooma ut och titta på det och se om det ser naturligt ut. Jag visste helt enkelt ögonfallna färger från varje pelare och gjorde en gradient från sin sida av tråden för att få sina övertygande färger.



Steg 24 - Detaljer Pt 5

Jag valde att lägga till en måne i den här delen. Det är helt enkelt upp till dig vilka detaljer du vill lägga till, var kreativ!

Låt oss granska hur jag gjorde månen. Gå hit och få månen stock bild. Öppna den i Photoshop och klistra in den i vår duk. Namn det här skiktet "Moon". Sänk opaciteten så att du kan se genom duken och storlek ner den här stora stockbilden till den idealiska storleken för månen. Du är gärna hänvisad till den angivna bilden som referens.

När du har ställt den på plats ställer du in blandningsläget till "Screen", då kan du börja maska ​​månen. Återigen handlar det här om att föredra, om du vill ha en fullmåne kan du hoppa över maskeringen.

Glödet på månen uppnås genom att helt enkelt duplicera det maskerade månskiktet och lägga till en gaussisk oskärpa och sedan maska ​​ut oönskade delar. Jag använde en Gaussisk suddinställning på 5 och maskerade en del av glansen runt tips av månen eftersom det såg slumpartigt ut. Du kan namnge detta lager "MoonGlow."

Gå vidare till nästa steg för de sista touch-upsna.



Steg 25 - Slutliga justeringar

Vi är väldigt nära färdiga. Nu är det dags att göra slutliga justeringar och tweaks till den totala duken. Först gör du ett färgbalansjusteringslager. Under Skuggor, skriv in -15,0,5. Hit OK.

Gör ett fotofiltreringsjusteringslager och använd förinställningen "Deep Yellow". Detta kommer att minska den övermättade himmeltonen och göra den mer realistisk.

Slutligen har jag bestämt mig för att tweak och lägga till slutliga detaljer. Jag tog bort den längsta strukturen eftersom det skadade kompositionen. Jag sänkte också opaciteten av texturer på strukturerna. Och jag lade till några fåglar på himlen och på ledningarna genom att bara måla dem med en liten borste.



Slutlig bild

Det är alla folk! Vi är klara! Jag hoppas att du tyckte om handledningen och att den har lärt dig en sak eller två om att skapa bilder som dessa.

Kom ihåg, träna, observera, och låt bara din hjärna lossa! När du arbetar med bilder som dessa är det viktigt att du undrar och skapar. Som du kan se från att slutföra handledningen är det mesta av arbetet inte så mycket tekniskt, men ganska kreativt. Grunden och grundreglerna gäller fortfarande, men att veta hur man är fri men inte bryter mot reglerna samtidigt ger dig en bättre konstnär. Jag garanterar det!

Tack för din tid och du är välkommen att besöka mig på thefifthorder.net för framtida portföljuppdateringar eller nätverk. Den slutliga bilden är nedan. Du kan se den stora versionen här.