Skapa ett film noir-utseende med en förskjutningskarta i Photoshop.
Vad är en förskjutningskarta?
Om du är ny på Photoshop kan bara nämna förflyttningskartor vara skrämmande. Syftet med denna artikel är att ge dig en introduktion till dem; vägleda dig i enkla att följa steg om hur du genererar enkla gråskaleförskjutningskartor från en befintlig bild och visar hur du effektivt implementerar dem med Displace Filter i Photoshop.
En förskjutningskarta är en gråskalaversion av samma bild som du arbetar med, sparad som en Photoshop (.PSD) -fil. Denna förskjutningskarta används sedan för att applicera en struktur på en platt grafik via Förflytta filtret och det förvränger bilden så att den överensstämmer med kartans form. Detta ger det platta grafiska eller 2D-objektet ett mer realistiskt 3D-utseende. Du kanske har sett bilder online där en struktur kartläggs på någons ansikte eller en logotyp konturerad på en strukturerad yta.
Varför använda förskjutningskartor?
Förskjutningskartor är ett utmärkt sätt att kartlägga struktur på 2D-objekt, som logotyper eller text, lägg till ge djup och ett 3D-perspektiv. Jag hoppas kunna illustrera att förflyttningskartor inte är så skrämmande som de kan se ut, men jag inser att den här artikeln kanske passar mellananvändare av Photoshop snarare än kompletta nybörjare.
Hur implementerar jag en förskjutningskarta?
När en förskjutningskarta har genererats. Du måste använda Förflytta filter för att förvränga 2D-objektet, eller platt grafik, på kartan. De Förflytta filter har funnits i Photoshop sedan version 2.0. Det har inte förändrats mycket sedan dess, men det är fortfarande ett filter som är värt att lära känna. Det kan tyckas vara en invecklad process att använda, men när du har provat det ett par gånger är det enkelt. Vad det gör är att flytta ljuspixlarna uppåt och åt vänster och de mörka pixlarna flyttas nedåt och åt höger. Detta skapar en illusion av djup genom ljus. Det är därför din förskjutningskarta måste vara ganska kontrasterande.
Så här får du tillgång till distortfiltret i Photoshop.
Den första metoden som jag beskriver nedan visar hur man använder en vektorform för att skapa en vägmarkering och kartlägga den på en vägyta. Denna process skulle vara densamma för att använda logotyper eller text på valfri texturerad bakgrund. I de andra två exemplen beskriver jag hur förskjutningskartor kan användas för att skapa skuggeffekter. Låt oss ta en titt.
1. Lägga till en realistisk vägmarkering
Före och efter där vägmarkeringen har fått en förskjutningskarta tillämpad.
Syfte: Att skapa en realistisk vägmarkering från en vektorgrafik.
Låt oss börja med vägens grundbild. Förskjutningens gråskalakarta skapas från den här bilden. Den tredje bilden är den platta vektorbilden av vägmarkeringen. Jag använde Polygonal Lasso Tool för att rita en form som liknade en vägmarkering och fyllde den med vitt. Konvertera detta till ett smart objekt och dölj sedan detta lager.
Förskjutningskartprocess:
Öppna din kanalpanel och klicka på var och en av de röda, gröna och blå kanalerna för att se vilken som har mest kontrast. I det här exemplet valde jag den blåa. Klicka och duplicera den här kanalen.
Duplicera den blå kanalen för att skapa en förskjutningskarta.
Detta ger en annan dialogruta (se nedan). Där det står Dokumentera, klicka på fliken och välj Ny. Namnge den här filen Förflytta vägen eller vad du vill och klicka på OK.
Klicka på fliken Dokument för att välja Nytt för att skapa ett nytt dokument för en förskjutningskarta.
Detta skapar ett nytt dokument med lagret som heter Alpha 1. Innan du sparar det här dokumentet som en gråskalig PSD-fil (Photoshop). Du måste lägga till lite mer kontrast, gå Meny> Bild> Justeringar> Nivåer, lägg sedan till Gaussian Blur på 9,9 pixlar. Detta gör att kanterna på vägmarkeringsvektorformen kan krama vägens konturer snarare än att ha en ojämn kant. Konvertera den här bilden till gråskala och spara den som Förskjut väg. Psd. Stäng det här dokumentet.
Denna dialogruta visas direkt efter att du valt Nytt i föregående steg.
En gråskala förskjutningskarta över vägbilden.
Gå tillbaka till originaldokumentet där vi fortfarande finns i panelen Kanaler och den blå kanalen fortfarande är markerad. Klicka på RGB-lagret för att få tillbaka bilden till färg.
Klicka på rutan till vänster om lagrets miniatyrbild för att få tillbaka synligheten för den vägvektorform som jag ritade innan jag gjorde förskjutningskartan. Se bilden nedan.
Med detta lager markerat, gå upp till Meny> Filter> Snedvrida> Förskjuta. En liten dialogruta visas. Mängden förvrängning som du tillämpar beror på de värden som du anger i rutorna Horisontell och Vertikal skala. Den är som standard 10 i varje ruta. Dessa värden representerar procentsatser.
Ju högre värden desto större förvrängning. Experimentera för att se vilken effekt du vill ha. När du konverterar dina lager till Smarta objekt, alla justeringar du gör kan göras enkelt och icke-destruktivt. För den här bilden valde jag 55 i horisontell skala och 80 för den vertikala. Jag ville ha mer snedvridning på vägmarkeringen så att den skulle matcha det slitna utseendet på vägen.
Vid denna punkt kan din bild se lite udda ut, följ nästa steg för att få den att se mer blandad och realistisk ut.
Närbild av vägmarkeringen efter förskjutningskartan och slutliga tweaks har tillämpats.
Slutliga tweaks: För att ge vägmarkeringen ett mer realistiskt utseende.
Jag lade till Gaussian Blur på 4 pixlar för att bli av med den någonsin så lite pixelerade kanten på formen. Dubbelklicka var som helst till höger om lagret för att visa rutan Layer Style. Jag ändrade blandningsläget till överlagring, minskade opacitet till 77% och fyllning till 90%. I avsnittet Blanda om flyttade jag den svarta skjutreglaget till 187 på det underliggande lagret.
Dricks. Om du håller ner Alt / Option-tangenten när du drar de svarta eller vita skjutreglagen, delas detta skjutpilen i två vilket gör blandningen jämnare.
Den svarta skjutreglaget delas i det underliggande lagret i dialogrutan Blandningsalternativ.
2. Skuggeffekter - Vatten
Före och efter bilder som visar förvrängningen på ordet ”Displace” när en förskjutningskarta har tillämpats.
Syfte: Att skapa en realistisk reflekterande skugga i vatten med text.
Jag använde ordet ”Displace” för att visa hur en skugga i vatten kan se ganska effektiv och realistisk ut. Förskjutningskartan som jag gjorde för den här bilden fungerade riktigt bra för att förvränga texten för att linda runt krusningarna i vattnet. Jag följde samma steg för att generera förskjutningen som ovan men jag använde en Gaussisk oskärpa på 5,4 pixlar för den här bilden.
Värdena jag lade till i dialogrutan Displace för de vågräta och vertikala skalorna var 80 respektive.
För de sista justeringarna lade jag till Gaussian Blur på 10.1px. Jag ändrade blandningsläget till softlight, minskade opacitet till 78% och fyll till 80%. I avsnittet Blanda om flyttade jag den svarta reglaget på det underliggande lagret till 148.
Ordet Displace förvrängd med hjälp av en förskjutningskarta.
2. Shadow Effects - Film Noir Look
Använda svarta horisontella linjer och en förskjutningskarta för att simulera ljus som skiner genom persienner.
Syfte: Att skapa ett film noir-utseende eller effekten av ljus som kommer genom persienner.
För den här bilden var jag tvungen att göra mer arbete i Photoshop för att få det slutgiltiga utseendet. Processen att generera en förskjutningskarta är densamma här som i de andra exemplen. Tänk bara på att den blå kanalen inte är det bästa valet för motiv eftersom hudtonerna ser hemska ut.
Jag isolerade modellen från den här bilden och lade den på ett separat lager med en lagermask. Jag lade till ett justeringslager i svartvitt och skapade sedan tjocka svarta horisontella linjer med Rectangular Marquee Tool för att likna fönsterlister på ett separat lager. Därefter duplicerade jag det lagret. Jag använde en för bakgrundsskiktet och lade till en betydande mängd Gaussian Blur. Jag flyttade sedan det andra lagret ovanför modellen med lagermasken. Jag ville vinkla de svarta linjerna (persienner) över modellens ansikte. Jag gjorde det med Free Transform Tool.
Svarta linjer skapade med verktyget Rectangular Marquee.
Jag gjorde en förskjutningskarta och förvrängde lamellerna över modellens ansikte med hjälp av 15 och 20 som värden för de vågräta och vertikala skalorna.
De svarta linjerna har förvrängts via filtret Displace med hjälp av en förskjutningskarta.
Detta är bara en kort beskrivning av de sista justeringarna: Jag applicerade ett Gradient Overlay och lite Burning för att mörkna modellens vänstra sida eftersom ljuskällan kommer från den direkta linjen. Jag lade till Gaussian Blur på 28,9 pixlar och minskade opacitet till 40%.
Tips
- Blå är den värsta kanalen att välja om du gör en förskjutningskarta där hudtoner är inblandade.
- Den gröna kanalen visar vanligtvis mest kontrast.
- Se till att använda Gaussian Blur när du genererar förskjutningskartor.
- Förskjutningskartor måste sparas som en gråskala .PSD-fil.
Jag hoppas att jag har inspirerat dig att börja skapa förskjutningskartor och använda Displace Filter om du aldrig har provat det tidigare.