Tilføj Baggrund til PNG i Photoshop

Har du et billede med en transparent baggrund, typisk en PNG-fil, og ønsker du at give det en ny baggrundsfarve, en gradient eller måske endda et mønster? Billeder med transparent baggrund er utroligt nyttige, især i produktfotografi eller grafisk design, da de giver dig mulighed for at placere motivet på enhver ønsket overflade uden en hvid eller farvet firkant omkring det. Photoshop er et kraftfuldt værktøj til netop dette formål, og processen er heldigvis ganske ligetil, når du først har din transparente fil.

https://www.youtube.com/watch?v=0gcJCdgAo7VqN5tD

Før vi dykker ned i de mere avancerede muligheder i Photoshop, er der en hurtig metode, hvis alt, du ønsker, er en hvid baggrund.

Den Hurtige Metode: Gem som JPG

Den absolut nemmeste måde at få en hvid baggrund på et transparent billede er simpelthen at gemme filen i et format, der ikke understøtter gennemsigtighed. JPG (eller JPEG) er et sådant format. Når du gemmer en PNG-fil med transparent baggrund som en JPG, vil billedredigeringsprogrammet automatisk erstatte de transparente områder med hvid. Dette skyldes, at JPG-formatet er designet til at komprimere billeder ved at fjerne information, og det inkluderer information om gennemsigtighed. Når gennemsigtigheden fjernes, skal der være noget at fylde pladsen ud med, og standarden er hvid.

Sådan gør du:

1. Åbn din transparente PNG i Photoshop.
2. Gå til menuen 'Filer' (File).
3. Vælg 'Gem som...' (Save as...).
4. Vælg 'JPEG' (eller 'JPG') fra rullemenuen for filformater.
5. Klik på 'Gem' (Save).

Voila! Din nye JPG-fil vil have en hvid baggrund. Denne metode er super hurtig, men den tilbyder ingen fleksibilitet. Hvis du ønsker en anden farve end hvid, en gradient eller et mønster, eller hvis du vil kunne ændre baggrunden senere, skal du bruge metoden med fyldlag i Photoshop.

Den Fleksible Metode: Brug Fyldlag i Photoshop

For at opnå fuld kontrol over din baggrundsfarve, gradient eller mønster, og for at bevare muligheden for nemt at ændre den i fremtiden, er brugen af fyldlag (Fill Layers) i Photoshop den foretrukne metode. Denne metode bevarer dit originale billede på sit eget lag og tilføjer baggrunden på et separat lag nedenunder. Dette er kernen i ikke-destruktiv billedredigering.

Tilføj en Solid Farvebaggrund

At tilføje en solid farve som baggrund er den mest grundlæggende anvendelse af fyldlag. Her er trinene:

1. Åbn Billedet: Start med at åbne dit transparente PNG-billede i Photoshop. Du vil se et ternet mønster i de områder, hvor baggrunden er transparent – dette er Photoshops visuelle indikator for gennemsigtighed.
2. Tilføj et Nyt Fyldlag: Gå op i menuen 'Lag' (Layer). Vælg 'Nyt Fyldlag' (New Fill Layer), og derefter 'Solid Farve...' (Solid Color...). Et dialogfelt vil poppe op. Klik 'OK' for at fortsætte. Navnet på laget er ikke kritisk for funktionaliteten.
3. Vælg Din Farve: Nu åbnes farvevælgeren. Her kan du vælge præcis den farve, du ønsker din baggrund skal have. Du kan bruge farveskyderne til at vælge den generelle nuance og derefter flytte cirklen inden for farvefeltet for at justere lysstyrke og mætning. Når du har valgt din farve (for eksempel hvid, sort, blå eller en hvilken som helst anden farve), klikker du 'OK'.
4. Placer Fyldlaget Korrekt: Når du opretter et nyt fyldlag, placerer Photoshop det som standard øverst i lagpanelet, altså over dit billedlag. Dette betyder, at fyldlaget vil dække dit billede fuldstændigt. For at få farven til at fungere som en baggrund, skal du trække fyldlaget ned under dit billedlag i lagpanelet. Klik og hold på fyldlaget, træk det nedad, indtil en blå linje vises under dit billedlag, og slip derefter musen. Nu vil dit billede være synligt oven på den valgte farvebaggrund.
5. (Valgfrit) Lås Billedlaget Op: I ældre versioner af Photoshop var billedlaget, når det blev åbnet, ofte låst (angivet med et hængelås-ikon). Hvis dit billedlag er låst, skal du klikke på hængelås-ikonet for at låse det op, før du kan trække fyldlaget nedenunder. I nyere versioner åbnes billeder typisk ulåste som standard.

Og det var det! Du har nu en solid farvebaggrund bag dit transparente billede. Hvis du senere vil ændre farven, skal du blot dobbeltklikke på farveikonet på fyldlaget i lagpanelet, og farvevælgeren vil dukke op igen, så du kan vælge en ny farve.

Tilføj en Gradientbaggrund

En gradient er en gradvis overgang mellem to eller flere farver. Dette kan give et mere dynamisk og interessant udseende end en solid farve. Processen ligner tilføjelsen af en solid farve, men du vælger en anden type fyldlag.

1. Start som Før: Åbn dit transparente billede i Photoshop.
2. Tilføj et Gradient Fyldlag: Gå til 'Lag' (Layer) > 'Nyt Fyldlag' (New Fill Layer) > 'Gradient...' (Gradient...). Klik 'OK' i dialogboksen.
3. Vælg Din Gradient: Nu åbnes 'Gradientfyld' (Gradient Fill) dialogboksen. Her kan du vælge en foruddefineret gradient fra rullemenuen ved siden af gradientforhåndsvisningen. Photoshop leveres med mange standardgradienter, fra simple sorte/hvide overgange til mere komplekse farvekombinationer. Klik på gradientforhåndsvisningen for at åbne gradienteditoren, hvor du kan tilpasse de eksisterende gradienter eller oprette dine egne. Du kan også justere 'Stil' (Style) (f.eks. Lineær, Radial, Vinkel), 'Vinkel' (Angle) og 'Skalering' (Scale) for at kontrollere, hvordan gradienten vises.
4. Placer Fyldlaget Korrekt: Ligesom med solid farve, skal gradientfyldlaget trækkes ned under dit billedlag i lagpanelet for at fungere som baggrund.

Du har nu en gradient som baggrund. Dobbeltklik på gradientikonet på fyldlaget for at vende tilbage til indstillingerne og justere gradienten, stilarten eller farverne.

Tilføj en Mønsterbaggrund

For at tilføje endnu mere visuel interesse kan du bruge et mønster som baggrund. Også dette gøres via fyldlag.

1. Start som Før: Åbn dit transparente billede i Photoshop.
2. Tilføj et Mønster Fyldlag: Gå til 'Lag' (Layer) > 'Nyt Fyldlag' (New Fill Layer) > 'Mønster...' (Pattern...). Klik 'OK' i dialogboksen.
3. Vælg Dit Mønster: I 'Mønsterfyld' (Pattern Fill) dialogboksen kan du vælge et foruddefineret mønster fra rullemenuen. Photoshop inkluderer et grundlæggende udvalg af mønstre. Du kan også justere 'Skalering' (Scale) for at ændre størrelsen på mønsteret.
4. Placer Fyldlaget Korrekt: Træk mønsterfyldlaget ned under dit billedlag i lagpanelet.

Mønsteret er nu din baggrund. Dobbeltklik på mønsterikonet på fyldlaget for at ændre mønster eller skalering.

Gem Din Fil

Når du er tilfreds med din nye baggrund, skal du gemme filen. Der er to primære måder at gemme på, afhængigt af dit formål:

• Gem som JPG: Hvis du skal bruge billedet til web, e-mail eller simpelthen en flad version, der er klar til brug, skal du gemme det som en JPG. Gå til 'Filer' > 'Gem som...' og vælg 'JPEG' fra formatlisten. Dette vil "flade" billedet, kombinere alle synlige lag til ét og inkorporere baggrunden permanent.
• Gem som PSD: Hvis du ønsker at bevare lagene – især fyldlaget og dit billedlag adskilt – så du nemt kan vende tilbage og ændre baggrunden senere, skal du gemme filen i Photoshops eget format, PSD. Gå til 'Filer' > 'Gem som...' og vælg 'Photoshop (*.PSD)' fra formatlisten. Dette er stærkt anbefalet for fremtidig redigeringsfleksibilitet.

Fordelen ved Transparente Billeder

Som nævnt i starten er den store fordel ved at arbejde med billeder med transparent baggrund netop den fleksibilitet, de tilbyder. Forestil dig, at du har et produktbillede, der oprindeligt blev fotograferet på en hvid baggrund og gemt som en JPG. Hvis du vil bruge dette billede på et banner til din hjemmeside, der har en blå baggrund, vil den hvide firkant fra JPG-filen være tydeligt synlig mod den blå baggrund. Det ser uprofessionelt ud.

Hvis du derimod bruger et billede af produktet med en transparent baggrund (en PNG), kan du placere det direkte på den blå baggrund på dit banner, og kun produktet vil være synligt. Du kan derefter nemt ændre bannerets baggrundsfarve til grøn, rød eller en gradient, uden at skulle redigere produktbilledet igen. Denne fleksibilitet er uvurderlig i digitalt design og markedsføring.

Ved at følge trinene for at tilføje baggrunde i Photoshop, kan du udnytte denne fleksibilitet fuldt ud og skabe billeder, der passer perfekt til enhver kontekst, uanset om det er til din webshop, sociale medier, trykt materiale eller noget helt fjerde. Fyldlagene sikrer, at din originale billedfil forbliver uberørt, og at baggrunden nemt kan justeres.

FAQ: Ofte Stillede Spørgsmål

Hvorfor ser min baggrund ternet ud i Photoshop?

Det ternede mønster, du ser i Photoshop, er programmets standardmåde at indikere, at et område er transparent, altså uden pixels eller farveinformation. Det betyder, at hvis du gemmer filen i et format, der understøtter gennemsigtighed (som PNG), vil de ternede områder være helt gennemsigtige.

Kan jeg tilføje en baggrund til en almindelig JPG-fil?

Ja, det kan du, men ikke på samme måde som beskrevet her. Denne guide forudsætter, at du har en transparent baggrund. Hvis din JPG-fil har en baggrund (f.eks. hvid eller farvet), skal du først fjerne den baggrund ved hjælp af værktøjer som tryllestaven, lassoen, penslen eller markeringsværktøjer, før du kan tilføje et nyt fyldlag under dit motiv. Det er ofte en mere kompleks proces end at starte med en transparent fil.

Hvad er forskellen på at gemme som JPG og PSD i denne sammenhæng?

At gemme som JPG "flader" billedet og indlejrer den valgte baggrund permanent i billedet. Du mister muligheden for nemt at ændre baggrunden senere. At gemme som PSD bevarer lagene (dit billedlag og fyldlaget) adskilt. Dette betyder, at du til enhver tid kan åbne PSD-filen, dobbeltklikke på fyldlaget og vælge en ny farve, gradient eller mønster uden at skulle gentage hele processen fra bunden.

Hvilken filtype skal jeg bruge til web?

Til web bruger man typisk JPG til fotografier med masser af farver og detaljer, da det giver god komprimering og mindre filstørrelser (men understøtter ikke gennemsigtighed). Man bruger PNG til billeder med gennemsigtighed, skarpe kanter eller billeder med få farver (som logoer eller ikoner), da PNG understøtter gennemsigtighed og bevarer skarpheden bedre end JPG ved tekst eller grafik. Hvis du har tilføjet en baggrund til din transparente PNG, og du ikke længere behøver gennemsigtighed, kan du gemme den færdige version som JPG til web for at opnå en mindre filstørrelse.

Kan jeg bruge denne metode i Photoshop Elements?

Ja, de grundlæggende funktioner til at arbejde med lag og fyldlag er også tilgængelige i Photoshop Elements, selvom brugerfladen kan variere lidt fra den fulde version af Photoshop.

At mestre brugen af fyldlag i Photoshop åbner døren til en verden af kreative muligheder for dine billeder. Uanset om du har brug for en simpel hvid baggrund til din webshop eller en kompleks gradient til et grafisk projekt, er processen med at tilføje en baggrund til dine transparente PNG-filer både nem og effektiv, og den bevarer din fleksibilitet for fremtiden, især hvis du husker at gemme din arbejdsfil som en PSD.

Hvis du vil læse andre artikler, der ligner Tilføj Baggrund til PNG i Photoshop, kan du besøge kategorien Redigering.