Fade et billede til enhver farve baggrund med Photoshop

i denne tutorial viser jeg dig, hvor let det er at falme et billede i enhver baggrundsfarve med Photoshop. Dette er en fantastisk måde at blande et billede i et større design eller til at skabe plads til at tilføje tekst ved siden af dit emne.

vi starter med at oprette et nyt dokument og placere et billede i det. Derefter vælger vi en indledende farve til baggrunden og falmer billedet i farven ved hjælp af en lagmaske. Endelig viser jeg dig, hvordan du ændrer baggrunden til enhver farve, du kan lide, herunder hvordan du vælger en farve direkte fra selve billedet.

du kan følge med i enhver nyere version af Photoshop. Men bemærk, at et af trinnene bruger en gradient, og Adobe foretog ændringer i gradienterne tilbage i Photoshop 2020. Så for at få de bedste resultater med denne tutorial, vil du bruge Photoshop 2020 eller nyere. Jeg bruger Photoshop 2021.

her er et eksempel på, hvordan det endelige resultat vil se ud:

lad os komme i gang!

Hent denne tutorial som en print-klar PDF!

Trin 1: Opret et nyt Photoshop-dokument

Start med at oprette et nyt dokument. Hvis du er på Photoshops startskærm, skal du oprette et nyt dokument ved at klikke på knappen Opret ny

eller hvis du er på hovedgrænsefladen, skal du gå op til menuen Filer og vælge Ny:

indtast derefter dine indstillinger i dialogboksen Nyt dokument. Jeg indstiller bredden til 3000 billedpunkter, højden til 1600 billedpunkter, opløsningen til 300 billedpunkter pr.tomme og Baggrundsindholdet til hvid:

opret derefter det nye dokument ved at klikke på knappen Opret:

Trin 2: Placer dit billede i dokumentet

placer derefter dit billede i dokumentet ved at gå op til menuen Filer og vælge sted indlejret:

Naviger til billedet på din computer, klik på billedet for at vælge det, og klik derefter på Placer:

relateret: Åbn billede vs Placer billede i Photoshop

Photoshop placerer billedet i dokumentet, og det åbner kommandoen Free Transform, så vi kan ændre størrelsen på billedet, hvis det er nødvendigt, og flytte det på plads. Hvis dit billede er større end dokumentstørrelsen, ændrer Photoshop automatisk størrelsen på det, så det passer, som det gjorde her (modeportræt fra Adobe Stock):

Trin 3: Træk dit emne til den ene side af dokumentet

for at gøre mere plads til, at billedet falmer i baggrunden, skal du flytte motivet over til siden ved at trykke på og holde Shift-tasten på tastaturet og trække billedet til venstre eller højre. Holding Shift begrænser den retning, du kan flytte, hvilket gør det lettere at trække lige over:

når du er færdig, skal du lukke Free Transform ved at klikke på markeringen i indstillingslinjen:

i lagpanelet ser vi, at Photoshop placerede billedet på et nyt lag over baggrundslaget:

RELATERET: Sådan åbnes flere billeder som lag!

Trin 4: Tilføj et fast Farvefyldlag

vi vil faktisk ikke bruge baggrundslaget til baggrundsfarven. I stedet bruger vi et solidt Farvefyldlag, der gør det lettere at vælge enhver farve, vi har brug for.

hvis du vil tilføje et fyldlag i Ensfarvet farve, skal du først sikre dig, at dit billedlag er valgt. Klik derefter på ikonet nyt fyld eller justeringslag nederst i panelet Lag:

og vælg Ensfarvet fra listen:

Trin 5: Vælg en indledende baggrundsfarve

i farvevælgeren kan du vælge en hvilken som helst farve, du kan lide. Men jeg vælger hvid for nu ved at indstille R, G og B værdierne til 255. Vi kommer tilbage og ændrer farven, når vi har falmet billedet ind i det.

Klik på OK, når du er færdig for at lukke farvevælgeren:

tilbage i lagpanelet blev fyldlaget tilføjet over billedet, hvorfor det blokerer billedet fra visningen:

og bemærk, at fyldlaget indeholder en indbygget lagmaske. Vi bruger denne lagmaske til at falme farven ind i billedet:

Trin 6: Vælg lagmasken

i øjeblikket er selve fyldlaget valgt, hvilket vi kan fortælle ved den hvide kant omkring farveprøven. Vi har brug for, at lagmasken skal vælges, så klik på maskeminiaturen:

Trin 7: Vælg gradientværktøjet

for at falme farven og billedet sammen skal vi tegne en gradient på masken. Og til det har vi brug for gradientværktøjet.

Vælg gradientværktøjet fra værktøjslinjen:

Trin 8: Vælg den sort til hvide gradient

klik derefter på pilen ved siden af gradientprøven i indstillingslinjen:

i Gradientvælgeren skal du dreje rundt i mappen Basics (ny fra Photoshop 2020) og vælge den sort til hvide gradient ved at dobbeltklikke på dens miniaturebillede:

trin 9: Tegn en sort til hvid gradient på lagmasken

nu fordi vi ikke kan se billedet endnu, får vi ikke tingene rigtigt ved første forsøg. Men ideen er at trække en sort til hvid gradient ud over lagmasken i det område, hvor vi ønsker, at billedet skal falme ind i farven.

så indstil et udgangspunkt for gradienten ved at klikke og holde et sted i det generelle område, hvor dit emne vises. I mit tilfælde er hun til højre:

tryk derefter på Skift-tasten på tastaturet, og hold den nede, og træk over det område, hvor du vil have billedet og farven til at falme ind i hinanden. Så dette vil være overgangsområdet mellem farven og billedet. Hold Shift-tasten nede, mens du trækker, begrænser vinklen på gradienten, så det er lettere at trække lige over:

slip derefter museknappen for at fuldføre gradienten, og slip derefter din Shift-tast (i den rækkefølge). Og ligesom det falder billedet nu ind i farven:

visning af gradienten i lagmaskeminiaturen

vi kan se gradienten ved at se på lagmaskeminiaturen i lagpanelet. Det sorte område af masken er, hvor fyldlaget er 100 procent skjult, så billedet under det kan vises igennem. Det hvide område er, hvor fyldlaget er 100 procent synligt og blokerer billedet fra visningen. Og gradienten imellem er, hvor de falmer sammen:

Sådan vises gradienten i dokumentet

du kan også se lagmasken i selve dokumentet ved at holde alt (Vind) / Option (Mac) – tasten nede på en Mac og klikke på lagmaskens miniaturebillede:

og nu er det lettere at se det sorte område, hvor billedet vises igennem, det hvide, hvor farven er synlig, og overgangsområdet mellem dem:

Hold Alt eller Option-tasten nede, og klik på lagmaskens miniaturebillede igen for at skjule masken:

Trin 10: Gentag gradienten for at justere fade-effekten

nu, hvis du ikke tegnede gradienten på nøjagtigt det rigtige sted, er det okay, fordi du bare kan tegne en anden. Faktisk kan du tegne gradienten så mange gange som du har brug for. Hver ny gradient, du tegner, erstatter den forrige.

jeg klikker for at indstille mit udgangspunkt et eller andet sted omkring kvindens øje:

så med min museknap stadig nede, holder jeg Shift-tasten på mit tastatur, og jeg trækker over til venstre:

men bemærk, når jeg slipper min museknap, at jeg gik for langt, og vi kan se den venstre kant af billedet:

så jeg prøver endnu en gang, starter på samme sted:

men denne gang trækker en kortere afstand:

jeg slipper min museknap og derefter Shift-tasten. Og det ser bedre ud:

trin 11: Vælg en ny fyldlagsfarve

når du har billedet falmet ind i farven, kan du ændre farven ved at dobbeltklikke på fyldlagets farveprøve i lagpanelet:

vælg derefter enten en ny farve fra farvevælgeren:

eller vælg en direkte fra billedet. Bare flyt musemarkøren over billedet og klik på en farve for at prøve det.

Prøvestørrelsesindstillingen

men før du prøver en farve, skal du gå op til indstillingslinjen og ændre prøvestørrelsen fra Punktprøve (standardindstillingen) til noget større, som 3H3, 5H5 eller 11h11. På den måde prøver du den gennemsnitlige farve på området i stedet for farven på et individuelt punkt. Jeg vælger 5H5:

Sample-indstillingen

sørg også for, at Sample-indstillingen er indstillet til alle lag:

klik derefter på forskellige dele af billedet for at prøve farven, indtil du finder den, der fungerer bedst. Jeg prøver en grålig farve øverst til højre. Når du er færdig, skal du klikke på OK for at lukke farvevælgeren:

trin 12: gentag gradienten (valgfrit)

endelig, hvis du vil gå tilbage og tegne gradienten igen, skal du bare vælge lagmaskens miniaturebillede i lagpanelet:

derefter med gradientværktøjet stadig valgt, skal du klikke og holde på startpunktet, holde Shift og trække overgangsområdet ud:

slip museknappen, og slip derefter Shift-tasten. Og her er mit endelige resultat:

hvor skal man gå næste…

og der har vi det! Sådan falmer du et billede i enhver baggrundsfarve med Photoshop!

For flere måder at blande billeder sammen, tjek mine tre måder at blande to billeder tutorial. Eller besøg min fotoeffekter sektion for flere tutorials! Og glem ikke, alle mine tutorials er tilgængelige til at hente som PDF-filer!