Tona en bild till valfri färgbakgrund med Photoshop

hur tona en bild i en färgbakgrund med Photoshop

lär dig steg för steg hur du bleknar en bild till svart, vit eller valfri färgbakgrund med Photoshop! Perfekt för att lägga till utrymme för text eller för att blanda en bild med en design.

skriven av Steve Patterson.

i denna handledning visar jag dig hur lätt det är att tona en bild i vilken bakgrundsfärg som helst med Photoshop. Detta är ett utmärkt sätt att blanda en bild i en större design eller för att skapa utrymme för att lägga till text bredvid ditt ämne.

vi börjar med att skapa ett nytt dokument och placera en bild i den. Sedan väljer vi en initial färg för bakgrunden och bleknar bilden i färgen med en lagermask. Slutligen visar jag dig hur du ändrar bakgrunden till vilken färg du vill, inklusive hur du väljer en färg direkt från själva bilden.

du kan följa med någon ny version av Photoshop. Men observera att ett av stegen använder en lutning och Adobe gjorde ändringar i lutningarna tillbaka i Photoshop 2020. Så för bästa resultat med denna handledning vill du använda Photoshop 2020 eller senare. Jag använder Photoshop 2021.

här är ett exempel på hur slutresultatet kommer att se ut:

hur tona en bild till en bakgrundsfärg med Photoshop

en bild bleknade till en bakgrundsfärg.

Låt oss komma igång!

ladda ner denna handledning som en utskriftsklar PDF!

Steg 1: Skapa ett nytt Photoshop-dokument

börja med att skapa ett nytt dokument. Om du är på Photoshops startskärm skapar du ett nytt dokument genom att klicka på knappen Skapa ny

klicka på knappen Skapa ny på Photoshops startskärm.

klicka på Skapa nytt på startskärmen.

eller om du är på huvudgränssnittet, gå upp till Arkiv-menyn och välj Ny:

 välja det nya kommandot från Photoshops Arkiv-meny.

går till fil > Ny.

ange sedan dina inställningar i dialogrutan Nytt dokument. Jag ställer in bredden till 3000 pixlar, höjden till 1600 pixlar, upplösningen till 300 pixlar per tum och Bakgrundsinnehållet till vitt:

inställningarna för det nya Photoshop-dokumentet

de nya dokumentinställningarna.

skapa sedan det nya dokumentet genom att klicka på knappen Skapa:

 klicka på knappen Skapa i Photoshops nya dokumentdialogruta.

klicka på knappen Skapa.

steg 2: Placera din bild i dokumentet

placera sedan din bild i dokumentet genom att gå upp till Arkiv-menyn och välja placera inbäddad:

 välja kommandot Placera inbäddat från Photoshops Arkiv-meny.

går till fil > placera inbäddad.

navigera till bilden på din dator, klicka på bilden för att välja den och klicka sedan på Placera:

välja och placera bilden i Photoshop-dokumentet.

välja bilden och klicka på plats.

relaterat: Öppna bild vs Platsbild i Photoshop

Photoshop placerar bilden i dokumentet och öppnar kommandot Free Transform så att vi kan ändra storlek på bilden om det behövs och flytta den på plats. Om din bild är större än dokumentstorleken kommer Photoshop automatiskt att ändra storlek på den så att den passar, som den gjorde här (fashion portrait från Adobe Stock):

kommandot Free Transform öppnas automatiskt efter att bilden har placerats i Photoshop-dokumentet.

Free Transform öppnas automatiskt när du placerar en bild i ett dokument.

steg 3: Dra motivet till ena sidan av dokumentet

för att göra mer utrymme för bilden att blekna i bakgrunden, flytta motivet över till sidan genom att trycka och hålla ned Shift-tangenten på tangentbordet och dra bilden åt vänster eller höger. Håll Shift begränsar riktningen du kan flytta, vilket gör det lättare att dra rakt över:

dra motivet till ena sidan av Photoshop-dokumentet.

dra motivet till ena sidan av dokumentet.

när du är klar stänger du Free Transform genom att klicka på kryssrutan i alternativfältet:

stänga fri Transform genom att klicka på bocken.

klicka på bocken.

i lagerpanelen ser vi att Photoshop placerade bilden på ett nytt lager ovanför bakgrundsskiktet:

 Photoshops Lagerpanel som visar den placerade bilden på sitt eget lager.

bilden placerades på sitt eget lager.

relaterat: hur man öppnar flera bilder som lager!

steg 4: Lägg till ett färgfyllningslager

vi kommer faktiskt inte att använda bakgrundsskiktet för bakgrundsfärgen. Istället använder vi ett Färgfyllningslager som gör det lättare att välja vilken färg vi behöver.

för att lägga till ett färgfyllningslager, se först till att ditt bildlager är valt. Klicka sedan på ikonen Ny fyllning eller justeringslager längst ner på lagerpanelen:

klicka på ikonen Ny fyllning eller justeringslager i Photoshops Lagerpanel

klicka på ikonen Ny fyllning eller justeringslager.

och välj Enfärgad i listan:

 lägga till ett fyllnadslager i Enfärgad färg.

lägga till ett färgfyllningslager.

Steg 5: Välj en initial bakgrundsfärg

i färgväljaren kan du välja vilken färg du vill. Men jag väljer vitt för nu genom att ställa in R -, G-och B-värdena till 255. Vi kommer tillbaka och byter färg när vi har bleknat bilden i den.

klicka på OK när du är klar för att stänga färgväljaren:

välja vitt från Photoshops Färgväljare.

välja vit som startbakgrundsfärg.

tillbaka i panelen Lager tillsattes fyllningsskiktet ovanför bilden, varför det blockerar bilden från vyn:

dokumentet är tillfälligt fyllt med vitt.

dokumentet är tillfälligt fyllt med vitt.

och observera att fyllningsskiktet innehåller en inbyggd lagermask. Vi använder den här lagermasken för att tona färgen i bilden:

lagermaskens miniatyrbild på fyllningsskiktet i enfärg.

miniatyrbilden för lagermask på fyllningsskiktet.

steg 6: Välj lagermasken

för tillfället väljs själva fyllningsskiktet, vilket vi kan se av den vita gränsen runt färgrutan. Vi behöver lagermasken som ska väljas, så klicka på maskminiatyren:

välja lagermask på fyllnadsskiktet i enfärg.

välja lagermask.

Steg 7: Välj Gradientverktyget

för att tona färgen och bilden tillsammans kommer vi att rita en gradient på masken. Och för det behöver vi Gradientverktyget.

Välj Gradient-verktyget från verktygsfältet:

 Välj Gradient-verktyget från Photoshops verktygsfält.

välja Gradient-verktyget.

steg 8: Välj den svarta till Vita lutningen

klicka sedan på pilen bredvid lutningsrutan i alternativfältet:

klicka på pilen för att öppna Lutningsväljaren i Photoshops alternativfält

klicka på pilen för att öppna Lutningsväljaren.

i Lutningsväljaren öppnar du Basics-mappen (ny från Photoshop 2020) och väljer den svarta till Vita lutningen genom att dubbelklicka på miniatyrbilden:

välj den svarta till Vita lutningen i Photoshops Lutningsväljare

dubbelklicka på miniatyrbilden för svart till vit lutning.

steg 9: Rita en svart till vit lutning på lagermasken

nu eftersom vi inte kan se bilden ännu, kommer vi inte att få saker rätt vid första försöket. Men tanken är att dra ut en svart till vit lutning över lagermasken i det område där vi vill att bilden ska blekna in i färgen.

så ange en utgångspunkt för lutningen genom att klicka och hålla någonstans i det allmänna området där ditt ämne visas. I mitt fall är hon till höger:

 Klicka och håll med Gradientverktyget för att ställa in början på gradienten.

Klicka och håll ned med Gradient-verktyget för att ställa in början på gradienten.

håll sedan ned musknappen och håll ned Shift-tangenten på tangentbordet och dra över det område där du vill att bilden och färgen ska blekna in i varandra. Så det här blir övergångsområdet mellan färgen och bilden. Håll Shift-tangenten medan du drar begränsar lutningsvinkeln så att det är lättare att dra rakt över:

håll Shift och dra över övergångsområdet mellan bilden och bakgrundsfärgen.

håll Shift och dra över övergångsområdet mellan bilden och färgen.

släpp sedan musknappen för att slutföra lutningen och släpp sedan Shift-tangenten (i den ordningen). Och precis som det bleknar bilden nu i färgen:

bilden bleknar nu i bckground-färgen i Photoshop

bilden bleknar nu i färgen.

Visa lutningen i miniatyrbilden för lagermask

vi kan se lutningen genom att titta på miniatyrbilden för lagermask i panelen Lager. Maskens svarta område är där fyllningsskiktet är 100 procent dolt, vilket gör att bilden under den kan visas igenom. Det vita området är där fyllningsskiktet är 100 procent synligt och blockerar bilden från vyn. Och lutningen däremellan är där de bleknar tillsammans:

den svarta till Vita lutningen visas i miniatyrbilden för lagermask

lutningen visas i miniatyrbilden för lagermask.

så här visar du gradienten i dokumentet

du kan också visa lagermasken i själva dokumentet genom att hålla Alt (Win) / alternativ (Mac) – tangenten på en Mac och klicka på Layer mask thumbnail:

hålla Alt (Win) / alternativ (Mac) och klicka på layer mask thumbnail.

och nu är det lättare att se det svarta området där bilden visar igenom, det vita där färgen är synlig och övergångsområdet mellan dem:

 Visa lagermasken i Photoshop-dokumentet

Visa lagermasken i dokumentet.

Håll Alt-eller alternativknappen och klicka på layer mask thumbnail igen för att dölja masken:

Håll Alt (Win) / Option (Mac) och klicka igen på Layer mask thumbnail

Håll Alt (Win) / Option (Mac) och klicka igen på Layer mask thumbnail.

steg 10: rita om gradienten för att justera blekningseffekten

nu om du inte ritade gradienten på exakt rätt plats är det okej eftersom du bara kan rita en annan. Faktum är att du kan rita om lutningen så många gånger du behöver. Varje ny lutning du ritar kommer att ersätta den föregående.

jag klickar för att ställa in min utgångspunkt någonstans runt kvinnans öga:

 Klicka för att ställa in startpunkten för den andra lutningen.

Klicka för att ställa in startpunkten för den andra lutningen.

sedan med min musknapp fortfarande nere, håller jag Shift-tangenten på mitt tangentbord och jag drar över till vänster:

 håller Shift och drar över tövergångsområdet.

håll Shift och dra över övergångsområdet.

men märker när jag släpper musknappen att jag gick för långt, och vi kan se bildens vänstra kant:

 bildens vänstra kant är nu synlig.

bildens vänstra kant är synlig.

så jag ska försöka en gång till, börjar på samma plats:

 Klicka för att ställa in startpunkten för den tredje gradienten.

Klicka för att ställa in startpunkten för det tredje försöket.

men den här gången drar du ett kortare avstånd:

 dra ut ett kortare övergångsområde.

dra ut ett kortare övergångsområde.

jag släpper min musknapp och sedan Shift-tangenten. Och det här ser bättre ut:

bilden bleknar bättre i färgen efter det tredje försöket.

ett bättre resultat.

steg 11: Välj en ny fyllningslagerfärg

när du har bilden bleknat i färgen kan du ändra färgen genom att dubbelklicka på fyllningslagrets färgprov i lagerpanelen:

dubbelklicka på fyllningslagrets färgprov

dubbelklicka på fyllningslagrets färgprov.

välj sedan en ny färg från färgväljaren:

 välja en annan bakgrundsfärg från färgväljaren

välja en annan färg från färgväljaren.

eller välj en direkt från bilden. Flytta bara muspekaren över bilden och klicka på en färg för att prova den.

alternativet provstorlek

men innan du provar en färg, gå upp till alternativfältet och ändra provstorleken från Punktprov (standardinställningen) till något större, som 3×3, 5×5 eller 11×11. På så sätt kommer du att prova den genomsnittliga färgen på området snarare än färgen på en enskild pixel. Jag väljer 5×5:

välja en större provstorlek för Pipettverktyget i Photoshop

välja en större provstorlek.

Exempelalternativet

Kontrollera också att Exempelalternativet är inställt på alla lager:

se till att Exempelalternativet är inställt på alla lager i Photoshops alternativfält

se till att Exempelalternativet är inställt på alla lager.

klicka sedan på olika delar av bilden för att prova färgen tills du hittar den som fungerar bäst. Jag provar en gråaktig färg uppe till höger. När du är klar klickar du på OK för att stänga färgväljaren:

provtagning en färg från det övre högra hörnet av bilden för att använda som bakgrundsfärg i Photoshop

klicka i det övre högra hörnet av bilden för att prova färgen.

steg 12: rita om gradienten (valfritt)

slutligen, om du vill gå tillbaka och rita om gradienten, välj bara miniatyrbilden för lagermasken i lagerpanelen:

omvälja miniatyrbilden för lagermask i Photoshops Lagerpanel

omvälja lagermasken.

sedan med Gradientverktyget fortfarande valt, klicka och håll på startpunkten, håll Shift och dra ut övergångsområdet:

rita om gradienten på lagermasken

rita om gradienten på lagermasken.

släpp musknappen och släpp sedan Shift-tangenten. Och här är mitt slutresultat:

 bilden bleknar i bakgrundsfärgen i Photoshop

den slutliga effekten.

vart ska man gå nästa…

och där har vi det! Så här bleknar du en bild i valfri bakgrundsfärg med Photoshop!

för fler sätt att blanda bilder tillsammans, kolla in mina tre sätt att blanda två bilder handledning. Eller besök min fotoeffekter avsnitt för fler tutorials! Och glöm inte, alla mina tutorials finns att ladda ner som PDF-filer!

få alla våra Photoshop tutorials som PDF-filer! Ladda ner dem idag!

Lämna ett svar

Lämna ett svar

Din e-postadress kommer inte publiceras.