Sådan ændrer du farven på en PNG i Photoshop

Ikoner er en essentiel del af digitalt design, hvad enten det er til websites, apps eller præsentationer. Ofte finder man et ikon, der er perfekt i formen, men som ikke passer til ens farvepalet. Især med PNG-filer, som er rasterbaserede, kan det virke som en udfordring at ændre farven uden at miste kvalitet eller beskadige filen. Selvom der findes hurtige onlineværktøjer og alternative filformater som SVG, der er lettere at redigere, er der situationer, hvor du sidder med en pakke PNG-ikoner, du skal arbejde med. I disse tilfælde er Adobe Photoshop et uundværligt værktøj, der tilbyder en pålidelig og standardiseret metode til at løse opgaven. Denne artikel guider dig igennem processen, trin for trin.

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

Hvorfor bruge Photoshop til farveændring?

Du tænker måske, hvorfor bøvle med et program som Photoshop, når der findes simplere onlineværktøjer eller vector-formater som SVG, der er designet til nem farveændring? Svaret ligger i Photoshops alsidighed og status som industristandard. Når du arbejder med PNG'er, især hvis du har et eksisterende sæt, du skal tilpasse, giver Photoshop dig fuld kontrol og sikrer kompatibilitet. Det er et robust program, der kan håndtere forskellige filtyper uden problemer. Desuden lærer du ved at bruge Photoshop et kraftfuldt værktøj, som kan meget mere end blot at ændre farver. Skal du senere anvende gradienter, mønstre eller foretage andre komplekse justeringer, har du allerede grundlaget og kendskabet til programmets interface.

Få adgang til Photoshop

For at følge denne guide skal du have adgang til Adobe Photoshop. Hvis du ikke allerede abonnerer på Creative Cloud, er der et par muligheder:

• Download en gratis 7-dages prøveversion fra Adobes hjemmeside. Dette giver dig fuld funktionalitet til at afprøve programmet.
• Køb en individuel licens. Prisen varierer, men et årsabonnement er ofte den mest omkostningseffektive løsning på sigt.
• Overvej Adobe Photoshop Elements. Dette program er mere rettet mod fotoentusiaster, men indeholder mange af de kerneprocesser, herunder dem der er nødvendige for at ændre farven på et PNG-ikon, til en engangspris.

Uanset hvilken version du vælger, er de grundlæggende trin for farveændring af en PNG de samme.

Trin-for-Trin Guide: Skift farve på din PNG

Processen for at ændre farven på et PNG-ikon i Photoshop er faktisk ret ligetil. Følg disse 9 trin nøje:

Trin 1: Åbn filen i Photoshop

Start med at åbne din PNG-fil i Photoshop. Der er flere måder at gøre dette på:

• Klik på 'Filer' (File) > 'Åbn' (Open) og vælg filen fra din computer.
• Brug tastaturgenvejen Ctrl+O (Windows) eller Cmd+O (Mac).
• Træk og slip filen direkte ind på Photoshop-vinduet eller på programikonet, hvis programmet ikke kører.

Filen åbnes nu som et nyt dokument i Photoshop.

Trin 2: Tjek farvetilstanden (Color Mode)

Dette er et afgørende trin, som mange glemmer, hvilket fører til frustration. Hvis dit ikon er i gråtoner (Grayscale), vil du ikke kunne anvende en farve. Du skal sikre dig, at dokumentet er i RGB Color-tilstand.

Gå til menuen: 'Billede' (Image) > 'Tilstand' (Mode) > Vælg 'RGB-farve' (RGB Color).

Hvis det allerede er indstillet til RGB, behøver du ikke gøre noget. Hvis det var i Grayscale, vil du nu kunne anvende farver.

Trin 3: Sørg for at lag-vinduet er synligt

Photoshop arbejder med lag (Layers), og det er her, meget af magien sker. Lag-vinduet viser de forskellige komponenter i dit dokument stablet oven på hinanden. Typisk er dette vindue placeret i nederste højre hjørne af skærmen som standard.

Hvis du ikke kan se Lag-vinduet, skal du gå til menuen: 'Vindue' (Window) > Vælg 'Lag' (Layers). Vinduet vil nu dukke op på din skærm.

Trin 4: Klik på 'fx' ikonet for effekter

Nederst i Lag-vinduet finder du en række små ikoner. Klik på ikonet mærket 'fx'. Dette ikon åbner en menu for Lagstile (Layer Styles), som giver dig mulighed for at tilføje effekter til det valgte lag.

Trin 5: Vælg 'Farveoverlejring' (Color Overlay)

Fra menuen der popper op efter at have klikket på 'fx', vælg 'Farveoverlejring' (Color Overlay). Dette åbner en ny dialogboks med indstillinger for Farveoverlejring.

Trin 6: Klik på farvevælgeren

Inde i 'Lagstil' (Layer Style) dialogboksen for Farveoverlejring ser du en farveprøve. Klik på denne farveprøve for at åbne Photoshops Farvevælger (Color Picker).

Trin 7: Vælg den ønskede farve

Farvevælgeren giver dig mange muligheder for at vælge præcis den farve, du ønsker. Du kan:

• Trække i skyderne for at finde en farvetone.
• Klikke i farvefeltet for at justere lysstyrke og mætning.
• Indtaste specifikke værdier (som Hex-koder, RGB-værdier eller CMYK-værdier), hvis du har en præcis farvekode.
• Bruge pipetteværktøjet (Eyedropper Tool), som automatisk aktiveres, når Farvevælgeren er åben, til at klikke på en farve et andet sted på din skærm eller i dit dokument for at vælge den.

Vælg din farve og klik 'OK' i Farvevælgeren.

Trin 8: Bekræft indstillingerne

Efter at have valgt farven i Farvevælgeren, klikker du 'OK' i 'Lagstil' (Layer Style) dialogboksen for Farveoverlejring. Du vil nu se, at farven på dit PNG-ikon er ændret i dokumentvinduet.

Trin 9: Eksporter filen som PNG-24

Nu hvor du har ændret farven, skal du gemme dit resultat. For at bevare gennemsigtighed (hvis dit ikon havde det) og sikre en bred farvepalette, er det bedst at eksportere som PNG-24.

Gå til menuen: 'Filer' (File) > 'Eksporter' (Export) > Vælg 'Gem til web (Ældre)' (Save for Web (Legacy)).

I dialogboksen 'Gem til web' skal du sikre dig, at forudindstillingen (Preset) øverst til højre er sat til 'PNG-24'. Kontroller også, at afkrydsningsfeltet 'Gennemsigtighed' (Transparency) er markeret, hvis dit ikon skal have en gennemsigtig baggrund.

Vælg dine eksportindstillinger og klik 'Gem' (Save). Vælg placeringen og navnet på din nye fil, og klik 'Gem' igen.

Voilà! Du har nu succesfuldt ændret farven på dit PNG-ikon ved hjælp af Photoshop.

PNG-8 vs. PNG-24: Hvad er forskellen?

Under eksporttrinnet nævnte vi PNG-24. Det er vigtigt at forstå, hvorfor dette format foretrækkes frem for PNG-8, især når du arbejder med farver:

For at sikre, at din nye farve gengives korrekt, og at eventuel gennemsigtighed bevares med høj kvalitet, er PNG-24 det rette valg for de fleste ikon-relaterede opgaver.

Ofte Stillede Spørgsmål om Farveændring af PNG i Photoshop

Hvorfor kan jeg ikke ændre farven? Den forbliver grå.

Dette skyldes næsten altid, at dit dokument er i 'Grayscale' (Gråtoner) farvetilstand. Gå tilbage til Trin 2 og skift 'Billede' > 'Tilstand' til 'RGB-farve'.

Jeg har anvendt Farveoverlejring, men ikonet forsvandt eller blev helt sort. Hvad gik galt?

Tjek blandingsindstillingen (Blend Mode) i 'Farveoverlejring' dialogboksen (Trin 5). Standardindstillingen er 'Normal', som typisk er den, du ønsker. Hvis den er sat til noget andet, som 'Multiply' eller 'Screen', kan det give uventede resultater afhængig af ikonets oprindelige farve og den valgte nye farve. Sæt den til 'Normal' og prøv igen.

Mister jeg gennemsigtigheden, når jeg gemmer?

Ikke hvis du følger Trin 9 korrekt og vælger 'PNG-24' samt sikrer, at 'Gennemsigtighed' er markeret i 'Gem til web' dialogboksen.

Kan jeg ændre farven på flere ikoner på én gang?

Photoshop har funktioner som 'Actions' (Handlinger) og 'Batch Processing' (Batchbehandling), der kan automatisere gentagne opgaver. Hvis du har mange ikoner, der skal have samme farveændring, kan du optage processen som en handling og køre den på en mappe med filer. Dette kræver dog lidt mere avanceret kendskab til Photoshop.

Hvad hvis jeg vil bruge en gradient i stedet for en solid farve?

I stedet for 'Farveoverlejring' (Color Overlay) i Lagstil-menuen (Trin 5), kan du vælge 'Gradientoverlejring' (Gradient Overlay). Dette giver dig mulighed for at anvende en gradient til dit ikon. Dette er et eksempel på Photoshops fleksibilitet, som går ud over simpel farveændring.

Konklusion

At ændre farven på et PNG-ikon i Photoshop er en grundlæggende, men meget nyttig færdighed. Selvom alternative metoder eksisterer, giver Photoshop dig præcision, kontrol og sikrer et professionelt resultat, især når du skal arbejde med eksisterende PNG-filer. Ved at følge de simple trin i denne guide kan du nemt tilpasse dine ikoner til at matche ethvert designprojekt. Øvelse gør mester, og jo mere du bruger Photoshop, jo mere komfortabel og effektiv bliver du med dette kraftfulde værktøj til billedredigering og grafik.

Husk altid at gemme dit arbejde i det korrekte format, som PNG-24, for at bevare kvalitet og gennemsigtighed.

Hvis du vil læse andre artikler, der ligner Sådan ændrer du farven på en PNG i Photoshop, kan du besøge kategorien Redigering.