I denne Photoshop Effects-opplæringen skal vi se på en fin måte å lage unike og interessante fotokanter ved å bruke andre bilder som forskyvningskart! Tidligere så vi på hvordan man oppretter fotokanter med masker og filtre, som er en enkel måte å komme med interessante resultater på ganske enkelt ved å bruke noen av Photoshops innebygde filtre på en lagmaske. Ulempen med å bruke den metoden er imidlertid at du bruker de samme filtrene som alle andre Photoshop-brukere har tilgang til, noe som betyr at du risikerer å opprette nøyaktig samme kanteffekter som alle andre oppretter. Det kan kanskje ikke være noe problem for deg, men metoden vi skal se på her, unngår det problemet helt, fordi det bruker dine egne bilder for å skape effekten, og siden du antagelig er den som tok bildene dine, Du kan bruke dem til å lage fotokanter som er like unike som du er!
Hva mener jeg når jeg sier at vi skal bruke andre bilder som forskyvningskart? Vel, først og fremst, ikke la begrepet "forskyvningskart" skremme deg av hvis du aldri har brukt et før. Et forskyvningskart er ikke annet enn et svart-hvitt foto eller bilde som Photoshop bruker for å flytte, forvrenge og omforme pikslene i et annet bilde. Vi har allerede sett på forskyvningskart i en tidligere opplæring der vi brukte dem til å lage fotorealistiske fallskygger . Et hvilket som helst bilde kan brukes som et forskyvningskart, men hvis du bruker dem til å opprette fotokanter som vi gjør her, vil du velge bilder som har mange detaljer for seg. Jo mer detalj, desto mer interessant blir sluttresultatet. Det beste alternativet er faktisk å unngå å bruke tradisjonelle typer bilder og prøve å bruke "tekstur" -foto i stedet. Med "tekstur" -foto, mener jeg bilder av ting som steiner, steiner, tre, rust, murstein, tekstiler - alt som har en interessant overflate.
Hvor får du denne typen bilder? Den enkleste måten er å ta tak i ditt digitale kamera, gå ut og ta bilder! Zoom inn på fortauet og klikk på et bilde av betongen med alle hak og sprekker. Gå opp til et tre og klikk på et nærbilde av barken. Ser du et stykke rustet metall et sted? Pek kameraet og trykk på knappen! Vi får se et par eksempler på teksturbilder jeg har tatt i denne opplæringen. Jeg kunne tilbringe hele dagen med å vandre rundt i nabolaget på å finne gode strukturer. Selvfølgelig kan naboene stoppe og stirre på meg, men livet er bare ikke verdt å leve hvis noen ikke tenker at du har mistet tankene.
Her er bildet jeg skal bruke som mitt hovedbilde i denne opplæringen (med andre ord bildet jeg bruker grensen til):

Det originale bildet.
Og her vil det se ut når vi er ferdige:

Den endelige "fotogrenser" -effekten.
Selvfølgelig er hovedfokuset i denne Photoshop-opplæringen å skape den skjorte grensen vi ser rundt hoveddelen av bildet. Det mørkebrune området rundt kantene på bildet var bare noe jeg la til for mer interesse, men vi får se hvordan du gjør det også på slutten av opplæringen.
Denne opplæringen er fra Photo Effects-serien. La oss komme i gang!
Trinn 1: Dupliser bakgrunnslaget
La oss som alltid begynne med å duplisere bakgrunnssjiktet vårt, slik at vi ikke jobber direkte med vår originale bildeinformasjon. For å gjøre det, gå opp til Lag-menyen øverst på skjermen, velg Ny og velg deretter Lag via Kopi, eller bruk tastatursnarveien Ctrl + J (Win) / Kommando + J (Mac):

Gå til Lag> Ny> Lag via kopi.
Hvis vi ser nå i lagpaletten vår, kan vi se det originale bakgrunnslaget på bunnen og en kopi av bakgrunnslaget, som Photoshop automatisk har kalt "Lag 1", over det:

Lagpaletten i Photoshop viser nå det originale bakgrunnslaget og kopien over det.
Trinn 2: Legg til et nytt tomt lag mellom de to eksisterende lagene
Vi må legge til et nytt tomt lag mellom våre to eksisterende lag. Vi har for øyeblikket "Lag 1" valgt i lagpaletten (det valgte laget er uthevet i blått). Normalt legger Photoshop til et nytt lag rett over laget som for øyeblikket er valgt, men vi trenger at det nye laget vårt skal vises under "Lag 1", ikke over det. For å be Photoshop legge til det nye laget under "Lag 1", holder vi ganske enkelt Ctrl (Win) / Kommando (Mac) -tasten på tastaturet og klikker på ikonet for nytt lag nederst på lagpaletten:

Hold nede "Ctrl" (Win) / "Command" (Mac) -tasten og klikk på "New Layer" -ikonet.
Hvis vi ser i lagpaletten vår igjen, kan vi se at vi nå har et nytt tomt lag, som Photoshop har kalt "Lag 2", mellom "Lag 1" og bakgrunnslaget:

Et nytt tomt lag vises mellom bakgrunnslaget og "Lag 1".
Trinn 3: Fyll det nye laget med hvitt
Selv om jeg vil gjøre noe litt mer interessant på slutten av denne opplæringen, foreløpig la vi bruke hvitt som grensefarge. For det må vi fylle det nye, blanke laget med hvitt. Gå opp til Rediger-menyen øverst på skjermen og velg Fyll, eller bruk tastatursnarveien Shift + F5:

Gå til Rediger> Fyll.
Uansett får du opp Photoshops Fyll-dialogboks. I Hvitt-delen øverst i dialogboksen velger du Hvitt fra valgboksen. Deretter, nede i Blending-delen nederst, må du sørge for at modus er satt til Normal og Opacity er satt til 100%:

Bruk kommandoen "Fyll" for å fylle det nye laget med hvitt.
Klikk OK i øverste høyre hjørne når du er ferdig med å gå ut av dialogboksen og la Photoshop fylle det nye laget med hvitt. Ingenting ser ut til å ha skjedd med bildet, og det er fordi "Lag 1" er over det nye laget vårt og blokkerer det fra visning, men hvis vi ser på forhåndsvisningsminiatyrbildet for "Lag 2" i lagpaletten, kan vi se at miniatyrbildet er nå fylt med helt hvitt, som forteller oss at laget i seg selv nå er fylt med hvitt:

Forhåndsvise miniatyrbilde for "Lag 2" viser oss nå at laget er fylt med hvitt.
Trinn 4: Velg "Lag 1"
Klikk på "Lag 1" i lagpaletten for å velge den:

Velg "Lag 1".
Trinn 5: Velg det rektangulære markeringsverktøyet
Ta tak i det rektangulære markeringsverktøyet fra verktøypaletten:

Velg det rektangulære markeringsverktøyet.
Trinn 6: Dra et utvalg inne i bildet
Når det rektangulære markeringsverktøyet er valgt, drar du ut et rektangulært valg der du vil at fotokanten skal vises inne i bildet. Vanligvis vil du ha en tomme mellom plassen mellom utvalget og kantene på bildet. I mitt tilfelle kommer jeg til å forlate litt mer plass i bunnen av bildet mitt bare for å ramme inn kvinnens ansikt litt bedre:

Dra ut et rektangulært valg der fotokanten skal vises.
Trinn 7: Legg til et lagmaske
Når du er fornøyd med valget ditt, må du sørge for at du fremdeles har valgt "Lag 1", og klikk deretter på ikonet Lagmaske nederst i lagpaletten:

Klikk på "Layer Mask" -ikonet.
Dette legger til en lagmaske til "Lag 1", og siden vi hadde et aktivt valg da vi la til lagmasken, bruker Photoshop valget for å bestemme hvilke deler av laget som skal forbli synlige og hvilke deler som skal være skjult for å se. Eventuelle områder på laget som var inne i utvalget forblir synlige, mens områder utenfor utvalget nå vil være skjult. Hvis vi ser på lagpaletten igjen, kan vi se at vi nå har et lagmaske-miniatyrbilde til høyre for forhåndsvisningsminiatyren på "Lag 1", og hvis vi ser nøye på miniatyrbildet, kan vi se et stort rektangulært område i sentrum som er fylt med hvitt. Dette er området som var inne i utvalget vårt (området som forblir synlig). Alt rundt det hvite rektangulære området er området som var utenfor vårt utvalg (området som nå vil være skjult), og vi kan se at det er fylt med svart:

Lagmaske-miniatyrbildet som viser de hvite (synlige) og svarte (skjulte) områdene i laget.
Hvis vi ser i dokumentvinduet vårt, kan vi se at vi nå har en hvit kant som viser rundt kantene på bildet. Den hvite grensen er faktisk "Lag 2", som vi fylte med hvit rygg i trinn 3, og toppet seg under "Lag 1". Den eneste delen av "Lag 1" som fremdeles er synlig, er området som var i vårt utvalg. Alt annet på laget som lå utenfor utvalget, er nå skjult takket være lagmasken:

Den heldekkende hvite fargen fra "Lag 2" vises nå som en kant rundt bildet på "Lag 1" etter å ha lagt lagmasken.
Trinn 8: Åpne bildet du vil bruke som ditt forskyvningskart
Så langt er alt vi har en enkel hvit kant rundt bildet vårt. La oss omforme grensen vår til noe mye mer interessant ved hjelp av et fortrengningskart og Photoshops fortrengningsfilter. Før vi kan bruke et fortrengningskart, må vi først lage et, så åpne bildet du vil bruke som fortrengningskart. Som jeg nevnte i begynnelsen av denne opplæringen, er det beste alternativet å bruke et "tekstur" -foto, noe som betyr et nærbilde av noe med en interessant overflate, og den enkleste måten å skaffe teksturbilder er å ta tak i det digitale kamera, gå ut og ta noen bilder! Her er for eksempel et bilde jeg tok av noen flis som var spredt på bakken langs en tursti gjennom en skog i nærheten av mitt hjem:

Et bilde av noen flis spredt langs en tursti gjennom skogen.
Dette bildet skal fungere fint som et fortrengningskart.
Trinn 9: Desaturate The Image
Vi må gjøre bildet vårt til et som kan brukes som et fortrengningskart. Det første vi trenger å gjøre er å fjerne alle fargene fra bildet, og vi kan gjøre det raskt og enkelt ved å gå opp til Bilde-menyen øverst på skjermen, velge Justeringer og deretter velge Desaturate:

Gå til Bilde> Justeringer> Desaturere.
Du kan også bruke tastatursnarveien Shift + Ctrl + U (Win) / Shift + Command + U (Mac). Uansett vil alle fargene øyeblikkelig fjerne fra bildet, og etterlate oss et svart-hvitt bilde:

Bildet vises nå i svart og hvitt etter at du har avmettet fargene.
Trinn 10: Øk fotokontrasten med nivåer
Deretter må vi øke kontrasten i bildet vårt, og gjøre de mørkeste områdene rene svarte og de lyseste områdene rene hvite. For å gjøre det, bruker vi Photoshop's Levels-kommando. Gå opp til Bilde-menyen øverst på skjermen igjen, velg Justeringer, og velg deretter Nivåer, eller bruk hurtigtasten for å raskt få tilgang til Nivå-kommandoen, Ctrl + L (Win) / Kommando + L (Mac):

Gå til Bilde> Justeringer> Nivåer.
Uansett får du opp dialognivået Levels. I midten av dialogboksen ser du bildehistogrammet (den store sorte grafen), og under histogrammet er det tre små skyvekontroller - en svart lengst til venstre, en hvit lengst til høyre og en grå en i midten. For å gjøre de mørkeste delene av bildet rent svart, klikker du på den svarte glidebryteren helt til venstre og drar den over mot høyre. Når du drar, vil du se de mørke områdene i bildet bli mørkere og mørkere. Normalt, når vi redigerer og retusjerer bilder, vil vi bare dra den svarte glidebryteren til punktet der venstre side av histogrammet begynner, men i dette tilfellet, siden vi gjør dette for å gi forskyvningskartet mer kontrast, er det greit å dra glidebryteren utover det punktet. Vi mister litt detalj i de mørkeste områdene i bildet, men det er greit for det vi gjør her.
For å gjøre de lyseste områdene i bildet rent hvitt, klikker du på den hvite glidebryteren helt til høyre og drar den mot venstre. Når du drar, vil du se de lyseste områdene i bildet bli rent hvitt. Som med den svarte glidebryteren, hvis vi retusjerte bildet, ville vi bare dratt den hvite glidebryteren til punktet der høyre side av histogrammet begynner, men i dette tilfellet, det vi trenger mest av alt for forskyvningskartet er mye kontrast i bildet, så dra den hvite glidebryteren utover det punktet til du har mange lyse områder i bildet. Igjen mister vi litt bildedetaljer i de lyseste områdene på bildet, men det er greit:

Øk kontrasten i bildet ved å dra den svarte glidebryteren mot høyre og den hvite glidebryteren mot venstre.
Klikk OK når du er ferdig for å gå ut av dialogboksen. Bildet ditt skal nå ha mye kontrast til det som vi kan se her med bildet mitt:

Bildet vises nå med mye sterkere kontrast mellom de lyse og mørke områdene.
Trinn 11: Bruk det gaussiske uskarphetsfilteret
En siste ting vi bør gjøre med bildet vårt for å forberede det til bruk som et forskyvningskart, er å bruke en liten uskarphet på det, bare for å fjerne altfor tøffe kanter. For å gjøre det, bruker vi Photoshops Gaussian Blur-filter. Gå opp til Filter-menyen øverst på skjermen, velg Uklarhet og velg deretter Gaussisk uskarphet:

Gå til Filter> uskarphet> Gaussian uskarphet.
Når dialogboksen Gaussian Blur vises, setter du radiusverdien nederst til rundt 1 piksel. Igjen, vi bare legger til en subtil mengde uskarphet:

Sett verdien "Radius" i dialogboksen Gaussian Blur til rundt 1 piksel.
Klikk OK når du er ferdig for å gå ut av dialogboksen og bruke uskarpheten på bildet.
Trinn 12: Lagre bildet som en Photoshop. PSD-fil
Vi er ferdige med å forberede bildet vårt til bruk som et forskyvningskart. Alt vi trenger å gjøre nå er å lagre den, og vi trenger å lagre den som en Photoshop. PSD-fil, siden det er de eneste filtypene som Photoshop lar oss bruke som forskyvningskart. Du vil lagre filen et sted der du enkelt kan finne den, siden vi bruker den om et øyeblikk. Jeg vil anbefale enten å lagre den direkte på skrivebordet ditt, eller lage en mappe på skrivebordet ditt og lagre alle dine fortrengningskartbilder i mappen. Jeg har en mappe på skrivebordet mitt som heter "displacement maps", og jeg skal lagre filen min i den mappen.
For å lagre filen, bruk tastatursnarveien Ctrl + S (Win) / Command + S (Mac), som er den raske og enkle måten å få tilgang til Photoshops "Save" -kommando. Siden dette er første gang vi lagrer filen, vil Photoshop faktisk hente Lagre som-dialogboksen slik at vi kan fortelle den hva den skal navngi filen, hvor den skal lagres, og hvilket filformat vi skal lagre den som. Jeg vil kalle filen min "treflis" (du vil sannsynligvis navngi filen din noe annerledes, med mindre du også bruker et bilde av flis), og jeg lagrer den som en Photoshop. PSD-fil ved å velge det alternativet fra valgfeltet Format:

Bruk dialogboksen Lagre som for å gi filen et navn og velg filtypen "Photoshop. PSD".
Igjen skal jeg lagre filen min i en mappe på skrivebordet mitt som jeg har kalt "fortrengningskart". Forsikre deg om at du lagrer filen et sted der du lett får tilgang til den. Klikk OK for å lagre filen og gå ut av dialogboksen når du er ferdig.
Du kan lukke ut av dokumentets dokumentvindu på dette tidspunktet siden vi ikke lenger trenger det åpent.
Trinn 13: Forbered og lagre et andre bilde som et forskyvningskart (valgfritt)
Hvis du virkelig vil lage noen interessante og unike fotokanter, kan du prøve å bruke et par forskjellige bilder som forskyvningskart i stedet for bare ett. Dette er selvfølgelig valgfritt, men jeg kommer til å åpne et nytt bilde for å bruke som fortrengningskart. Jeg skal bruke dette bildet jeg tok av noen bark:

Åpne et andre bilde for å bruke som fortrengningskart (valgfritt).
Gjenta trinn 9-11 med det andre bildet ditt (forutsatt at du bruker et) for å forberede det som et forskyvningskart. Når du er ferdig, skal bildet være i svart-hvitt med en sterk mengde kontrast, og det skal brukes en liten grad av uskarphet for å jevne ut harde kanter. Her er bildet mitt etter å ha forberedt det for bruk som et forskyvningskart:

Det andre bildet etter å ha fulgt trinnene for å forberede det som et forskyvningskart.
Jeg lagrer dette bildet på samme sted som forrige bilde ved å trykke på Ctrl + S (Win) / Command + S (Mac). Igjen, siden dette er første gang jeg lagrer bildet, vil Photoshop dukke opp dialogboksen Lagre som. Jeg skal kalle dette bildet "trebark", og jeg må lagre dette som en Photoshop. PSD-fil også:

Gi det andre bildet navn og lagre det som en Photoshop. PSD-fil på samme sted som forrige bilde.
Klikk OK når du er ferdig for å lagre bildet og gå ut av dialogboksen, og lukk deretter ut av dokumentets dokumentvindu.
Trinn 14: Sørg for at lagmasken på "Lag 1" er valgt
På dette tidspunktet er alt du bør ha åpent på skjermen det originale bildet (det vi legger grenseeffekten til). Forsikre deg om at du har valgt lagmasken på "Lag 1". Du kan se om lagmasken er valgt eller ikke ved å se på "Lag 1" i lagpaletten. Du bør se en hvit uthevingsboks rundt miniatyrbildet av lagmasken som indikerer at den er valgt. Hvis du i stedet ser høydepunktboksen rundt forhåndsvisningsminiatyren til venstre, klikker du på lagmaskenes miniatyrbilde for å velge det:

Forsikre deg om at lagmasken er valgt på "Lag 1".
Vi skal lage vår fotogrenseeffekt neste!
Trinn 15: Bruk "Forskyv" -filteret på lagmasken
Nå som vi har laget ett eller to fortrengningskart, kan vi lage vår fotogrenseeffekt ved hjelp av Photoshops "Fortreng" -filter. Når lagmasken er valgt, gå opp til Filter-menyen øverst på skjermen, velg Forvreng og velg deretter Forskyv:

Gå til Filter> Forvreng> Fortreng.
Photoshops "Fortreng" -filter er faktisk delt opp i to separate dialogbokser. Den første som vises lar oss stille noen alternativer for hvordan forskyvningskartet kommer til å påvirke bildet vårt. Øverst ser du to alternativer - Horisontal skala og Vertikal skala. Disse alternativene bestemmer hvor mye av påvirkningen fortrengningskartet vil ha. Som standard er begge alternativene satt til 10. Du kan prøve standardverdiene, men jeg kommer til å øke begge disse verdiene til 20. Ulike verdier kan fungere bedre for deg, avhengig av hvilken effekt du prøver å oppnå også som størrelsen på bildet ditt. Forsikre deg om at alternativene Strekk til å passe og vikle seg rundt er valgt i dialogboksen:

Å øke alternativene for horisontal og vertikal skala med økt innvirkning som forskyvningskartet har på bildet.
Klikk OK når du er ferdig for å gå ut av denne første dialogboksen, og Photoshop dukker opp den andre dialogboksen som ber deg velge bildet du vil bruke som forskyvningskart. Jeg skal velge det første bildet jeg lagret, min "wood-chips.psd" fil:

I den andre dialogboksen navigerer du til plasseringen av bildet (e) du lagret for bruk som fortrengningskart.
Klikk Åpne for å gå ut av dialogboksen, og Photoshop vil bruke fortrengningskartet til å omforme bildekanten! Hvis jeg ser på bildet mitt i dokumentvinduet nå, kan jeg se at grensen min nå ser mye mer interessant ut enn den gjorde for et øyeblikk siden:

Fotogrensen fremstår nå mer interessant takket være forskyvningskartet.
Trinn 16: Bruk "Fortreng" -filteret igjen ved å bruke det andre fortrengningskartet (valgfritt)
Hvis du forberedte et nytt bilde til bruk som et forskyvningskart som jeg gjorde, kan vi bruke det til å legge enda mer interesse til fotogrensen vår. Siden Displace-filteret var det siste filteret vi brukte, kan vi raskt ringe det opp igjen ved hjelp av tastatursnarveien Ctrl + Alt + F (Win) / Command + Option + F (Mac). Klikk OK når den første dialogboksen Displace filter vises for å godta de samme innstillingene som vi brukte forrige gang, og når den andre dialogboksen vises, velg det andre bildet du lagret. Her velger jeg mitt "tree-bark.psd" -bilde:

Velg det andre forskyvningskartet du opprettet.
Klikk igjen for å gå ut av dialogboksen og la Photoshop endre bildekanten på nytt, denne gangen ved å bruke det andre bildet:

Bildegrensen fremstår nå enda mer interessant etter å ha kombinert det andre forskyvningskartet med det første.
Du kan til og med prøve å kombinere et tredje fortrengningskart hvis du ville, men jeg er fornøyd med hvordan grensen min ser ut på dette punktet.
Hvis du er fornøyd med grenseeffekten du har skapt, kan du absolutt stoppe her. Den helt hvite grensen ser bra ut, men det er mange måter vi kan gjøre den mer interessant på. Vi avslutter denne opplæringen med en rask titt på hvordan du kan legge til litt mer visuell interesse neste gang!
Trinn 17: Slett det faste hvite laget ("Lag 2")
For å få bildet vårt til å se litt mer interessant ut, la oss først slette det solide, hvite laget. Klikk på "Lag 2" i lagpaletten og dra den ned til papirkurven nederst på paletten:

Dra "Layer 2" videre til søppelkassen nederst på lagpaletten.
Du vil bare sitte igjen med to lag i lagpaletten, og bakgrunnslaget blir valgt:

Lagpaletten viser nå bare det originale bakgrunnslaget og "Lag 1".
Fotokanten din ser også ut til å forsvinne i dokumentvinduet, men ikke bekymre deg, den er fremdeles der. Vi kan bare ikke se det for øyeblikket.
Trinn 18: Velg pipettverktøyet
Vi skal prøve en farge fra bildet. For det trenger vi pipettverktøyet, så velg det fra verktøypaletten:

Velg pipettverktøyet fra verktøypaletten.
Trinn 19: Prøv en farge fra bildet
Når pipetteverktøyet er valgt, klikker du på en farge fra bildet som vil fungere fint som en farge for kanten. Jeg skal prøve en lysebrun farge fra kvinnens hår:

Klikk på bildet for å prøve en farge som vil fungere godt som en kantfarge.
Du vil se fargen du har prøvet, vises i fargeprøven i forgrunnen nær bunnen av verktøypaletten:

Den samplede fargen vises i fargeprøven i forgrunnen i paletten Verktøy.
Trinn 20: Legg til et justeringslag "Fargetone / metning"
Når bakgrunnslaget er valgt i lagpaletten, klikker du på ikonet Nytt justeringslag nederst på paletten:

Klikk på ikonet "Nytt justeringslag".
Velg deretter fargetone / metning fra listen over justeringslag som vises:

Velg "Hue / Saturation" fra listen.
Når dialogboksen Fargetone / metning vises, velger du Fargelegg-alternativet nederst til høyre. Dette vil fargelegge grensen rundt bildet ved å bruke fargen du prøvde for et øyeblikk siden. Jeg skal også gjøre grensen mørkere ved å senke lysstyrkeverdien i dialogboksen til rundt -60. Til slutt skal jeg redusere metningen av kantfargen bare litt ved å senke metningsverdien til rundt 20:

Endre alternativene i dialogboksen "Fargetone / metning" omkretset ovenfor.
Klikk OK når du er ferdig for å godta endringene og gå ut av dialogboksen. Hvis vi ser på lagpaletten vår nå, kan vi se justeringslaget for fargetone / metning sitte mellom bakgrunnslaget og "Lag 1":

Lagpaletten som viser justeringslaget mellom de to andre lagene.
Og her ser jeg ut hvordan den endelige grenseeffekten min ser ut etter å ha farget og mørklagt grensen:

Det endelige resultatet av fotogrensen.
Og der har vi det! Slik lager du interessante fotogrenser ved å bruke fortrengningskart i Photoshop! Besøk vår Photo Effects-seksjon for flere opplæringer om Photoshop-effekter!