Å lage et film noir-utseende med et forskyvningskart i Photoshop.
Hva er et forskyvningskart?
Hvis du ikke er kjent med Photoshop, kan bare omtale av fortrengningskart være skremmende. Hensikten med denne artikkelen er å gi deg en introduksjon til dem; veilede deg i enkle å følge trinn for hvordan du genererer enkle gråtoneskiftforskyvninger fra et eksisterende bilde, og viser deg hvordan du effektivt implementerer dem ved hjelp av Displace Filter i Photoshop.
Et forskyvningskart er en gråtoneversjon av det samme bildet som du jobber med, lagret som en Photoshop (.PSD) -fil. Dette forskyvningskartet blir deretter brukt til å påføre en tekstur på en flat grafikk via Forflytte filteret, og det forvrenger grafikken slik at den samsvarer med kartets form. Dette gir den flate grafikken, eller 2D-objektet, et mer realistisk 3D-utseende. Du har kanskje sett bilder på nettet der en tekstur er kartlagt på andres ansikt eller en logo som er konturert på en strukturert overflate.
Hvorfor bruke forskyvningskart?
Forskyvningskart er en fin måte å kartlegge tekstur på 2D-objekter, for eksempel logoer eller tekst, legge til gi dybde og et 3D-perspektiv. Jeg håper å illustrere at forskyvningskart ikke er så skremmende som de kan se ut, selv om jeg skjønner at denne artikkelen kan passe mellombrukere av Photoshop i stedet for komplette nybegynnere.
Hvordan implementerer jeg et forskyvningskart?
Når et fortrengningskart er generert. Du må bruke Forflytte filter for å forvride 2D-objektet, eller flat grafikk, på kartet. De Forflytte filteret har vært i Photoshop siden versjon 2.0. Det har ikke endret seg mye siden den gang, men det er fortsatt et filter som er verdt å bli kjent med. Det kan se ut til å være en innviklet prosess å bruke, men når du har prøvd det et par ganger, er det greit. Det den gjør er å flytte lyspikslene opp og til venstre og de mørke pikslene flyttes ned og til høyre. Dette skaper en illusjon av dybde gjennom lys. Dette er grunnen til at fortrengningskartet ditt må være ganske kontrastfylt.
Hvordan få tilgang til forvrengningsfilteret i Photoshop.
Den første metoden jeg beskriver nedenfor viser deg hvordan du bruker en vektorform for å lage en veimerking og kartlegge dette på en veibane. Denne prosessen vil være den samme for å bruke logoer eller tekst på hvilken som helst strukturert bakgrunn. I de to andre eksemplene beskriver jeg hvordan fortrengningskart kan brukes til å skape skyggeeffekter. La oss ta en titt.
1. Legge til en realistisk vegmerking
Før og etter hvor veimerkingen har fått et forskyvningskart.
Mål: Å lage en realistisk veimerking fra et vektorgrafikk.
La oss starte med hovedbildet av veien. Forskyvningen gråtonekart vil bli opprettet fra dette bildet. Det tredje bildet er det flate vektorbildet av veimerkingen. Jeg brukte Polygonal Lasso Tool for å tegne en form som ligner en veimerking og fylte den med hvitt. Konverter dette til et smart objekt, og skjul dette laget.
Forskyvningskartprosess:
Åpne kanalpanelet og klikk på hver av de røde, grønne og blå kanalene for å se hvilken som har mest kontrast. I dette eksemplet valgte jeg den blå. Klikk og dupliser denne kanalen.
Dupliserer den blå kanalen for å lage et forskyvningskart.
Dette bringer opp en annen dialogboks (se nedenfor). Hvor det står Dokument, klikk på fanen og velg Ny. Gi denne filen navn Forsky veien eller hva du vil, og klikk OK.
Klikk på kategorien Dokument for å velge Ny for å opprette et nytt dokument for et forskyvningskart.
Dette oppretter et nytt dokument med laget som heter Alpha 1. Før du lagrer dette dokumentet som en gråtonet PSD-fil (Photoshop). Du må legge til litt mer kontrast Meny> Bilde> Justeringer> Nivåer, legg deretter til Gaussian Blur på 9,9 piksler. Dette vil gjøre at kantene på veimerkingsvektorformen kan omfavne konturene av veien, i stedet for å ha en tagget kant. Konverter dette bildet til gråtoner og lagre det som Forsky veien. Psd. Lukk dette dokumentet.
Denne dialogboksen vises direkte etter at du har valgt Ny i forrige trinn.
Et kart over gråtoneforskyvning av veibildet.
Gå tilbake til originaldokumentet der vi fremdeles er i Kanaler-panelet, og den blå kanalen fremdeles er uthevet. Klikk på RGB-laget for å bringe bildet tilbake i farge.
I lagpanelet (jeg har normalt dette nestet ved siden av kanalpanelet) klikker du på firkanten til venstre for lagminiatyrbildet for å få tilbake synligheten til vevektorformen som jeg hadde tegnet før du laget forskyvningskartet. Se bildet nedenfor.
Med dette laget uthevet, gå opp til Meny> Filter> Forvreng> Fjern. En liten dialogboks vises. Mengden forvrengning du bruker, vil avhenge av verdiene du angir i boksene Horisontal og Vertikal skala. Den er som standard 10 i hver boks. Disse verdiene representerer prosenter.
Jo høyere verdier jo større forvrengning. Eksperimenter for å se ønsket effekt du vil ha. Når du konverterer lagene dine til Smarte objekter, eventuelle justeringer du gjør kan gjøres enkelt og ikke-destruktivt. For dette bildet valgte jeg 55 i horisontal skala og 80 for den vertikale. Jeg ønsket mer forvrengning på veimerkingen slik at den skulle matche det slitte utseendet på veien.
På dette punktet kan bildet ditt se litt rart ut, følg neste trinn for å få det til å se mer blandet og realistisk ut.
Nærbilde av veimerkingen etter forskyvningskartet og endelige tilpasninger er brukt.
Endelige tilpasninger: For å gi veimerkingen et mer realistisk utseende.
Jeg la til Gaussian Blur på 4 px for å bli kvitt den aldri så pikselerte kanten på formen. Dobbeltklikk hvor som helst til høyre for laget for å få opp Layer Style-boksen. Jeg endret Blend Mode til Overlay, reduserte Opacity til 77% og Fill til 90%. I Blend If-delen flyttet jeg den svarte glidebryteren til 187 på underliggende laget.
Tips. Hvis du holder nede Alt / Option-tasten når du drar de svarte eller hvite glidebryterne, deler dette skyvepilen i to som gjør blandingen jevnere.
Den svarte glidebryteren er delt på det underliggende laget i dialogboksen Blandingsalternativer.
2. Skyggeeffekter - Vann
Før og etter bilder som viser forvrengningen på ordet “Displace” når et forskyvningskart er brukt.
Mål: Å skape en realistisk reflekterende skygge i vann med tekst.
Jeg brukte ordet “Displace” for å vise hvordan en skygge i vann kan se ganske effektiv og realistisk ut. Forskyvningskartet jeg laget for dette bildet fungerte veldig bra med å forvride teksten for å vikle rundt vannets krusninger. Jeg fulgte de samme trinnene for å generere forskyvning som ovenfor, men jeg brukte en Gaussisk uskarphet på 5,4 px for dette bildet.
Verdiene jeg la til i dialogboksen Displace for de horisontale og vertikale skalaene var henholdsvis 80.
For de siste justeringene la jeg til Gaussian Blur på 10,1 piksler. Jeg endret Blend Mode til Softlight, reduserte Opacity til 78% og Fill til 80%. I Blend If-delen flyttet jeg den svarte glidebryteren på det underliggende laget til 148.
Ordet Displace forvrengt ved hjelp av et forskyvningskart.
2. Shadow Effects - Film Noir Look
Bruk svarte horisontale linjer og et forskyvningskart for å simulere lys som skinner gjennom persienner.
Mål: Å skape et film noir-utseende eller effekten av lys som kommer gjennom persienner.
For dette bildet måtte jeg gjøre mer arbeid i Photoshop for å få det endelige utseendet. Prosessen for å generere et forskyvningskart er den samme her som i de andre eksemplene. Bare husk at den blå kanalen ikke er det beste valget for fag, da hudtonene ser forferdelig ut.
Jeg isolerte modellen fra dette bildet og la den på et eget lag med en lagmaske. Jeg la til et svart-hvitt justeringslag, og opprettet så tykke, svarte horisontale linjer ved hjelp av Rectangular Marquee Tool for å ligne vinduslameller på et eget lag. Deretter dupliserte jeg det laget. Jeg brukte en for bakgrunnslaget og la til en betydelig mengde Gaussian Blur. Jeg flyttet deretter det andre laget over modellen med lagmasken. Jeg ønsket å vende de svarte linjene (persienner) over ansiktet til modellen. Jeg gjorde dette ved hjelp av Free Transform Tool.
Svarte linjer opprettet ved hjelp av verktøyet Rectangular Marquee.
Jeg laget et forskyvningskart og forvrengte lamellene over modellens ansikt ved å bruke 15 og 20 som verdiene for de horisontale og vertikale skalaene.
De svarte linjene er forvrengt via Displace-filteret ved hjelp av et forskyvningskart.
Dette er bare en kort beskrivelse av de endelige tilpasningene: Jeg påførte et Gradient Overlay og noe Burning for å mørke venstre side av modellen ettersom lyskilden kommer fra den direkteoin. Jeg la til Gaussian Blur på 28,9 px og reduserte opasiteten til 40%.
Tips
- Blå er den verste kanalen å velge om du lager et forskyvningskart der hudfarger er involvert.
- Den grønne kanalen viser vanligvis mest kontrast.
- Sørg for å bruke Gaussian Blur når du genererer fortrengningskart.
- Forskyvningskart må lagres som en gråtonepPSD-fil.
Jeg håper jeg har inspirert deg til å begynne å lage fortrengningskart og bruke Displace-filteret hvis du aldri har prøvd det før.