I denne Photoshop Effects-tutorial, skal vi se på en fantastisk måde at skabe unikke og interessante fotorammer ved at bruge andre fotos som forskydningskort! Tidligere kiggede vi på, hvordan man opretter fotokanter med masker og filtre, hvilket er en nem måde at komme med interessante resultater på ved blot at anvende nogle af Photoshops indbyggede filtre på en lagmaske. Ulempen med at bruge denne metode er dog, at du bruger de samme filtre, som enhver anden Photoshop-bruger har adgang til, hvilket betyder, at du risikerer at oprette nøjagtig de samme grænseeffekter, som alle andre skaber. Det kan eller måske ikke være et problem for dig, men metoden, vi skal kigge på her, undgår dette problem fuldstændigt, fordi det bruger dine egne fotos til at skabe effekten, og da du formodentlig er den, der har taget dine fotos, du kan bruge dem til at oprette fotokanter, der er så unikke som du er!

Hvad mener jeg, når jeg siger, at vi bruger andre fotos som forskydningskort? Nå, først og fremmest, lad ikke udtrykket "forskydningskort" skræmme dig, hvis du aldrig har brugt et før. Et forskydningskort er intet andet end et sort / hvidt foto eller billede, som Photoshop bruger til at flytte, forvrænge og omforme pixels i et andet billede. Vi har allerede set på forskydningskort i en tidligere tutorial, hvor vi brugte dem til at skabe fotorealistiske drop-skygger . Ethvert foto kan bruges som et forskydningskort, men hvis du bruger dem til at oprette fotokanter, som vi gør her, skal du vælge fotos, der har en masse detaljer for dem. Jo mere detaljer, desto mere interessant er slutresultatet. Faktisk er dit bedste valg at undgå at bruge traditionelle fototyper og prøve at bruge "tekstur" -foto i stedet. Med "tekstur" -foto mener jeg fotos af ting som klipper, sten, træ, rust, mursten, tekstiler - alt hvad der har en interessant overflade.

Hvor får du disse typer fotos? Den nemmeste måde er at få fat i dit digitale kamera, gå ud og tage billeder! Zoom ind på fortovet, og klik på et foto af betonen med alle dets snit og revner. Gå op til et træ og klik på et nærbillede af barken. Ser du et stykke rustet metal et sted? Ret kameraet, og tryk på knappen! Vi ser et par eksempler på teksturfotos, jeg har taget i denne tutorial. Jeg kunne tilbringe hele dagen med at vandre rundt i nabolaget med at finde fantastiske strukturer. Naturligvis kan naboerne stoppe og stirre på mig, men livet er bare ikke værd at leve, hvis nogen ikke tænker, at du har mistet sindet.

Her er det foto, jeg vil bruge som mit hovedfoto i denne tutorial (med andre ord, det foto, jeg bruger grænsen til):

Det originale foto.

Og her er hvordan det vil se ud, når vi er færdige:

Den endelige "fotogrenser" -effekt.

Naturligvis er hovedfokuset i denne Photoshop-tutorial at skabe den ujævne kant, som vi ser omkring hoveddelen af ​​billedet. Det mørkebrune område omkring fotokanterne var bare noget, jeg tilføjede for at få mere interesse, men vi får se, hvordan man gør det også i slutningen af ​​tutorial.

Denne tutorial er fra vores Photo Effects-serie. Lad os komme igang!

Trin 1: Duplicerer baggrundslaget

Lad os som altid begynde med at duplikere vores baggrundslag, så vi ikke arbejder direkte på vores originale billedoplysninger. For at gøre det, gå op til menuen Layer øverst på skærmen, vælg Ny og vælg derefter Lag via kopi, eller brug tastaturgenvejen Ctrl + J (Win) / Kommando + J (Mac):

Gå til Lag> Ny> Lag via kopi.

Hvis vi ser nu i vores lagpalette, kan vi se det originale baggrundslag i bunden og en kopi af baggrundslaget, som Photoshop automatisk har navngivet "lag 1", ovenover:

Lagpaletten i Photoshop viser nu det originale baggrundslag og kopien derover.

Trin 2: Tilføj et nyt tomt lag mellem de to eksisterende lag

Vi er nødt til at tilføje et nyt tomt lag mellem vores eksisterende to lag. Vi har i øjeblikket "Lag 1" valgt i lagpaletten (det aktuelt valgte lag er fremhævet i blåt). Normalt tilføjer Photoshop et nyt lag direkte over det lag, der i øjeblikket er valgt, men vi har brug for, at vores nye lag skal vises under "Lag 1", ikke over det. For at fortælle Photoshop at tilføje det nye lag under "Lag 1" holder vi simpelthen nede Ctrl (Win) / Kommando (Mac) -tasten på tastaturet og klikker på ikonet Nyt lag i bunden af ​​lagpaletten:

Hold tasten "Ctrl" (Win) / "Command" (Mac) nede, og klik på ikonet "New Layer".

Hvis vi ser igen i vores lagpalette, kan vi se, at vi nu har et nyt tomt lag, som Photoshop har navngivet "lag 2", mellem "lag 1" og baggrundslag:

Et nyt tomt lag vises mellem baggrundslaget og "Lag 1".

Trin 3: Fyld det nye lag med hvidt

Selvom jeg i slutningen af ​​denne tutorial vil gøre noget lidt mere interessant, skal vi i øjeblikket bruge hvidt som vores kantfarve. Til det bliver vi nødt til at udfylde vores nye tomme lag med hvidt. Gå op til menuen Rediger øverst på skærmen og vælg Udfyld, eller brug tastaturgenvejen Skift + F5:

Gå til Rediger> Udfyld.

Uanset hvad vises Photoshop's Fill-dialogboks. Vælg Hvidt i markeringsfeltet i afsnittet Indhold øverst i dialogboksen. Derefter skal du sørge for, at tilstanden er indstillet til Normal, og Opacity er indstillet til 100%: ned i blending-delen nederst.

Brug kommandoen "Fill" til at udfylde det nye lag med hvidt.

Klik på OK i øverste højre hjørne, når du er færdig med at afslutte dialogboksen og få Photoshop til at udfylde det nye lag med hvidt. Der ser ikke ud til, at der er sket noget med billedet, og det er fordi "Lag 1" er over vores nye lag og blokerer det fra visningen, men hvis vi ser på preview-miniaturebilledet for "Lag 2" i paletten Lag, kan vi se, at miniature er nu fyldt med massivt hvidt, som fortæller os, at selve laget nu er fyldt med hvidt:

Preview-miniature for "Lag 2" viser os nu, at laget er fyldt med hvidt.

Trin 4: Vælg "Lag 1"

Klik på "Lag 1" i lagpaletten for at vælge det:

Vælg "Lag 1".

Trin 5: Vælg det rektangulære markeringsværktøj

Grib det rektangulære markeringsværktøj fra paletten Værktøjer:

Vælg det rektangulære markeringsværktøj.

Trin 6: Træk et valg inde i billedet

Når det rektangulære markeringsværktøj er valgt, trækkes et rektangulært valg ud, hvor du vil have, at fotokanten skal vises inde i billedet. Typisk vil du efterlade en tomme mellemrum mellem markeringen og kanterne på fotoet. I mit tilfælde vil jeg efterlade lidt mere plads i bunden af ​​mit foto bare for at indramme kvindens ansigt lidt bedre:

Træk et rektangulært valg ud, hvor fotokanten skal vises.

Trin 7: Tilføj en lagmaske

Når du er tilfreds med dit valg, skal du sørge for, at du stadig har "Lag 1" valgt, og klik derefter på ikonet Lagmaske i bunden af ​​lagpaletten:

Klik på ikonet "Lagmaske".

Dette tilføjer en lagmaske til "Lag 1", og da vi havde et aktivt valg, da vi tilføjede lagmasken, bruger Photoshop markeringen til at bestemme, hvilke dele af laget der skal forblive synlige, og hvilke dele, der skal være skjult for visningen. Eventuelle områder på laget, der var inde i markeringen, forbliver synlige, mens områder uden for markeringen nu vil være skjult. Hvis vi ser på lagpaletten igen, kan vi se, at vi nu har en lagmaske-miniaturebillede til højre for preview-miniaturebilledet på "Lag 1", og hvis vi ser nøje på miniaturebilledet, kan vi se et stort rektangulært område i det centrum, der er fyldt med hvidt. Dette er det område, der lå inden for vores valg (det område, der forbliver synligt). Alt omkring det hvide rektangulære område er det område, der lå uden for vores valg (det område, der nu vil blive skjult), og vi kan se, at det er fyldt med sort:

Lagmaske-miniaturebillede, der viser de hvide (synlige) og sorte (skjulte) områder af laget.

Hvis vi ser i vores dokumentvindue, kan vi se, at vi nu har en hvid kant, der vises rundt på kanterne på billedet. Den hvide kant er faktisk "Lag 2", som vi fyldte med hvid ryg i trin 3, der toppede igennem under "Lag 1". Den eneste del af "Lag 1", der stadig er synlig, er det område, der lå inden for vores valg. Alt andet på laget, der lå uden for markeringen, er nu skjult takket være lagmasken:

Den faste hvide farve fra "Lag 2" vises nu som en kant rundt om billedet på "Lag 1" efter tilføjelse af lagmasken.

Trin 8: Åbn det billede, du vil bruge som dit forskydningskort

Indtil videre er alt, hvad vi har, en enkel, hvid kant på vores foto. Lad os omforme vores grænse til noget meget mere interessant ved hjælp af et forskydningskort og Photoshop's Displace-filter. Inden vi selv kan bruge et forskydningskort, skal vi først oprette et, så åbn det foto, du vil bruge som dit forskydningskort. Som jeg nævnte i begyndelsen af ​​denne tutorial, er dit bedste alternativ at bruge et "tekstur" -foto, hvilket betyder et nærbillede af noget med en interessant overflade til det, og den nemmeste måde at få teksturfotos er at gribe din digitale kamera, gå ud og tag nogle billeder! Her er for eksempel et foto, jeg tog af nogle træflis, der var spredt på jorden langs en vandresti gennem en skov nær mit hjem:

Et foto af nogle træflis spredt langs en vandresti gennem skoven.

Dette foto skal fungere fint som et forskydningskort.

Trin 9: Desaturer billedet

Vi er nødt til at gøre vores foto til et, der kan bruges som et forskydningskort. Den første ting, vi skal gøre, er at fjerne alle farver fra billedet, og vi kan gøre det hurtigt og nemt ved at gå op til menuen Billede øverst på skærmen, vælge Justeringer og derefter vælge Desaturate:

Gå til Image> Justeringer> Desaturate.

Du kan også bruge tastaturgenvejen Shift + Ctrl + U (Win) / Shift + Command + U (Mac). Uanset hvilken som helst måde vil du øjeblikkeligt fjerne alle farver fra billedet og efterlade os med et sort / hvidt billede:

Billedet vises nu i sort / hvid efter afmætning af farverne.

Trin 10: Forøg fotokontrasten med niveauer

Derefter skal vi øge kontrasten i vores billede, hvilket gør de mørkeste områder rene sorte og de lyseste områder rene hvide. For at gøre det, bruger vi Photoshop's Levels-kommando. Gå op til menuen Billede øverst på skærmen igen, vælg Justeringer, og vælg derefter Niveauer, eller brug tastaturgenvejen til hurtigt at få adgang til kommandoen Niveauer, Ctrl + L (Win) / Kommando + L (Mac):

Gå til Billede> Justeringer> Niveauer.

Uanset hvilken måde dukker op dialogboksen Niveauer. I midten af ​​dialogboksen ser du billedhistogrammet (den store sorte graf), og under histogrammet er der tre små skyder - en sort længst til venstre, en hvid længst til højre og en grå en i midten. For at gøre de mørkeste dele af billedet rent sort, skal du klikke på den sorte skyderen helt til venstre og trække det hen mod højre. Når du trækker, vil du se de mørke områder i billedet blive mørkere og mørkere. Når vi redigerer og retoucherer billeder, vil vi normalt kun trække den sorte skyder til det punkt, hvor venstre side af histogrammet begynder, men i dette tilfælde, da vi gør dette for at give vores forskydningskort mere kontrast, er det okay at trække skyderen ud over det punkt. Vi mister nogle detaljer i de mørkeste områder af billedet, men det er okay til det, vi laver her.

For at gøre de lyseste områder på billedet ren hvid skal du klikke på den hvide skyder længst til højre og trække den mod venstre. Når du trækker, vil du se de lyseste områder på billedet blive rent hvidt. Som med den sorte skyder, hvis vi retouchere billedet, ville vi kun trække den hvide skyder til det punkt, hvor højre side af histogrammet begynder, men i dette tilfælde, hvad vi har mest brug for til vores forskydningskort er masser af kontrast i billedet, så træk den hvide skyder ud over det punkt, indtil du har en masse lyse områder på billedet. Igen mister vi nogle billeddetaljer i de lyseste områder på billedet, men det er okay:

Forøg kontrasten i billedet ved at trække den sorte skyder mod højre og den hvide skyder mod venstre.

Klik på OK, når du er færdig for at afslutte dialogboksen. Dit billede skal nu have masser af kontrast til det, som vi kan se her med mit billede:

Billedet vises nu med meget stærkere kontrast mellem de lyse og mørke områder.

Trin 11: Anvend filteret Gaussian Blur

En sidste ting, vi skal gøre med vores billede for at forberede det til brug som et forskydningskort, er at anvende en lille smule uskarphed på det, bare for at fjerne alt for hårde kanter. For at gøre det bruger vi Photoshop's Gaussian Blur-filter. Gå op til menuen Filter øverst på skærmen, vælg Slør og vælg derefter Gaussisk sløring:

Gå til Filter> Slør> Gaussisk sløring.

Når dialogboksen Gaussian Blur vises, skal du indstille Radius-værdien i bunden til ca. 1 pixel. Igen tilføjer vi bare en subtil mængde sløring:

Indstil værdien "Radius" i dialogboksen Gaussian Blur til ca. 1 pixel.

Klik på OK, når du er færdig for at afslutte dialogboksen og anvende sløret på billedet.

Trin 12: Gem billedet som en Photoshop .PSD-fil

Vi er klar til at forberede vores billede til brug som et forskydningskort. Alt, hvad vi skal gøre nu, er at gemme det, og vi er nødt til at gemme det som en Photoshop .PSD-fil, da det er de eneste typer filer, som Photoshop tillader os at bruge som forskydningskort. Du vil gemme filen et sted, hvor du let kan finde den, da vi bruger den i et øjeblik. Jeg vil anbefale enten at gemme det direkte på dit skrivebord eller oprette en mappe på dit skrivebord og gemme alle dine forskydningskortbilleder i mappen. Jeg har en mappe på mit skrivebord, der hedder "forskydningskort", og jeg gemmer min fil i den mappe.

For at gemme filen skal du bruge tastaturgenvejen Ctrl + S (Win) / Command + S (Mac), som er den hurtige og nemme måde at få adgang til Photoshop's "Gem" -kommando. Da dette er første gang, vi gemmer filen, vil Photoshop faktisk åbne dialogboksen Gem som, så vi kan fortælle den, hvad filen skal navngives, hvor den skal gemmes, og hvilket filformat der skal gemmes som. Jeg vil navngive min fil "træflis" (du vil sandsynligvis navngive din fil på noget andet, medmindre du tilfældigvis bruger et foto af træflis), og jeg gemmer den som en Photoshop. PSD-fil ved at vælge denne mulighed fra boksen Format-valg:

Brug dialogboksen "Gem som" for at give filen et navn og vælg filtypen "Photoshop .PSD".

Igen skal jeg gemme min fil i en mappe på mit skrivebord, som jeg har kaldet "forskydningskort". Sørg for at gemme din fil et sted, hvor du nemt kan få adgang til den. Klik på OK for at gemme filen og afslutte dialogboksen, når du er færdig.

Du kan lukke ud af billedets dokumentvindue på dette tidspunkt, da vi ikke længere har brug for det åbent.

Trin 13: Forbered og gem et andet billede som et forskydningskort (valgfrit)

Hvis du virkelig ønsker at oprette nogle interessante og unikke fotokanter, kan du prøve at bruge et par forskellige billeder som forskydningskort i stedet for kun et. Dette er selvfølgelig valgfrit, men jeg åbner et andet billede til brug som et forskydningskort. Jeg bruger dette foto, jeg har taget af nogle træbark:

Åbn et andet foto til brug som et forskydningskort (valgfrit).

Gentag trin 9-11 med dit andet billede (forudsat at du bruger et) til at forberede det som et forskydningskort. Når du er færdig, skal billedet være i sort / hvid med en stærk kontrastmængde, og det skal have en lille grad af sløring påført for at udjævne eventuelle hårde kanter. Her er mit billede, efter at jeg har forberedt det til brug som et forskydningskort:

Det andet billede efter at have fulgt trinene for at forberede det som et forskydningskort.

Jeg gemmer dette billede på det samme sted som mit forrige billede ved at trykke på Ctrl + S (Win) / Command + S (Mac). Igen, da dette er første gang, jeg gemmer billedet, vises Photoshop dialogboksen Gem som. Jeg vil navngive dette billede "træbark", og jeg er nødt til at gemme dette som en Photoshop .PSD-fil også:

Navngiv det andet billede, og gem det som en Photoshop. PSD-fil på samme sted som det forrige billede.

Klik på OK, når du er færdig med at gemme billedet og afslutte dialogboksen, og luk derefter ud af billedets dokumentvindue.

Trin 14: Sørg for, at lagmasken er valgt på "Lag 1"

På dette tidspunkt er alt det, du skal have åbent på din skærm, det originale foto (det, vi tilføjer grænseeffekten til). Sørg for, at du har valgt lagmasken på "Lag 1". Du kan se, om lagmasken er valgt eller ikke ved at se på "Lag 1" i lagpaletten. Du skal se et hvidt fremhævningsfelt rundt om lagmasken-miniature, der angiver, at det er valgt. Hvis du i stedet ser markeringsfeltet rundt om preview-miniaturebilledet til venstre, skal du klikke på lagmaske-miniature for at vælge det:

Sørg for, at lagmasken er valgt på "Lag 1".

Vi vil oprette vores foto grænseeffekt næste!

Trin 15: Anvend filteret "Displace" på lagmasken

Nu, hvor vi har oprettet et eller to fortrængningskort, kan vi oprette vores foto grænseeffekt ved hjælp af Photoshop's "Displace" -filter. Når den valgte lagmaske er valgt, skal du gå op til menuen Filter øverst på skærmen, vælge Distort og derefter vælge Displace:

Gå til Filter> Forvræng> Fortræng.

Photoshop's "Displace" -filter er faktisk opdelt i to separate dialogbokse. Den første, der vises, giver os mulighed for at indstille nogle muligheder for, hvordan forskydningskortet vil påvirke vores billede. Øverst ser du to muligheder - vandret skala og lodret skala. Disse indstillinger bestemmer, hvor meget af en indflydelse forskydningskortet vil have. Som standard er begge indstillinger indstillet til 10. Du kan prøve standardværdierne, men jeg vil øge begge disse værdier til 20. Forskellige værdier fungerer muligvis bedre for dig, afhængigt af hvilken effekt du også prøver at opnå som størrelsen på dit foto. Sørg for, at du også har valgmulighederne Stretch To Fit og Wrap Around valgt i dialogboksen:

Forøgelse af indstillingerne for vandret og lodret skala med øget indflydelse, som forskydningskortet har på billedet.

Klik på OK, når du er færdig for at afslutte denne første dialogboks, og Photoshop dukker op den anden dialogboks, der beder dig om at vælge det billede, du vil bruge som dit forskydningskort. Jeg vil vælge det første foto, jeg har gemt, min "wood-chips.psd" fil:

I den anden dialogboks skal du navigere til placeringen af ​​det eller de billeder, du har gemt til brug som dit forskydningskort.

Klik på Åbn for at afslutte dialogboksen, og Photoshop bruger forskydningskortet til at omforme din fotokant! Hvis jeg ser på mit billede i dokumentvinduet nu, kan jeg se, at min kant nu ser meget mere interessant ud end for et øjeblik siden:

Fotokanten synes nu mere interessant takket være forskydningskortet.

Trin 16: Anvend "Displace" -filteret igen ved hjælp af det andet forskydningskort (valgfrit)

Hvis du forberedte et andet billede til brug som et forskydningskort som jeg gjorde, kan vi bruge det til at tilføje endnu større interesse for vores fotokantel. Da Displace-filteret var det sidste filter, vi brugte, kan vi hurtigt kalde det op igen igen ved hjælp af tastaturgenvejen Ctrl + Alt + F (Win) / Command + Option + F (Mac). Klik på OK, når den første dialogboksen Displace filter vises for at acceptere de samme indstillinger, som vi brugte sidste gang, og når den anden dialogboks vises, skal du vælge det andet billede, du har gemt. Her vælger jeg mit "tree-bark.psd" -billede:

Vælg det andet forskydningskort, du oprettede.

Klik igen på Åbn for at afslutte dialogboksen og få Photoshop til at omforme din fotokantel igen, denne gang ved hjælp af dit andet billede:

Fotokanten vises nu endnu mere interessant efter at have kombineret det andet forskydningskort med det første.

Du kan endda prøve at kombinere et tredje forskydningskort, hvis du ville, men jeg er tilfreds med, hvordan min grænse ser ud på dette tidspunkt.

Hvis du er tilfreds med den grænseeffekt, du har oprettet, kan du bestemt stoppe her. Den almindelige hvide kant ser ud i orden, men der er mange måder, vi kan gøre det mere interessant på. Vi afslutter denne tutorial med et hurtigt kig på, hvordan du tilføjer lidt mere visuel interesse næste gang!

Trin 17: Slet det faste hvide lag ("Lag 2")

For at få vores billede til at se lidt mere interessant ud, lad os først slette vores faste hvide lag. Klik på "Lag 2" i lagpaletten, og træk den ned til papirkurven i bunden af ​​paletten:

Træk "Lag 2" videre til papirkurven i bunden af ​​lagpaletten.

Du har kun to lag i lagpaletten, og baggrundslaget vælges:

Lagpaletten viser nu kun det originale baggrundslag og "Lag 1".

Din fotokantel ser også ud til at være forsvundet i dit dokumentvindue, men rol ikke, den er der stadig. Vi kan bare ikke se det i øjeblikket.

Trin 18: Vælg pipetteværktøjet

Vi skal prøve en farve fra billedet. Til det har vi brug for pipetteværktøjet, så vælg det fra værktøjspaletten:

Vælg pipetteværktøjet fra værktøjspaletten.

Trin 19: Prøve en farve fra billedet

Når pipetteværktøjet er valgt, skal du klikke på en farve fra billedet, der fungerer fint som en farve på kanten. Jeg skal prøve en lysebrun farve fra kvindens hår:

Klik på billedet for at prøve en farve, der fungerer godt som en kantfarve.

Du kan se den farve, du har samplet, vises i forgrundsfarveprøven nær bunden af ​​værktøjspaletten:

Den samplede farve vises i forgrundsfarveprøven i paletten Værktøjer.

Trin 20: Tilføj et justeringslag "Nuance / Mætning"

Når baggrundslaget er valgt i paletten Lag, skal du klikke på ikonet Nyt justeringslag i bunden af ​​paletten:

Klik på ikonet "Nyt justeringslag".

Vælg derefter Hue / Saturation fra listen over justeringslag, der vises:

Vælg "Hue / Saturation" fra listen.

Når dialogboksen Hue / Saturation vises, skal du vælge indstillingen Colorize i nederste højre hjørne. Dette farver grænsen omkring dit billede ved hjælp af den farve, du samplede for et øjeblik siden. Jeg vil også mørke grænsen ved at sænke lysstyrkeværdien i dialogboksen til omkring -60. Endelig vil jeg reducere mætningen af ​​kantfarven bare lidt ved at sænke mætningens værdi til ca. 20:

Skift indstillingerne i dialogboksen "Hue / Saturation" cirkuleret ovenfor.

Klik på OK, når du er færdig med at acceptere ændringerne og afslutte dialogboksen. Hvis vi ser på vores lagpalette nu, kan vi se vores farvetone / mætning justeringslag sidde mellem baggrundslaget og "lag 1":

Lagpaletten, der viser justeringslaget mellem de to andre lag.

Og her ser jeg min endelige grænseeffekt ud efter at have farvet og mørklagt min grænse:

Det endelige fotogrænseresultat.

Og der har vi det! Sådan opretter du interessante fotokanter ved hjælp af forskydningskort i Photoshop! Besøg vores afsnit om fotoeffekter for flere vejledninger til Photoshop-effekter!