How to export artboard with transparent background in Photoshop?

Gennemsigtig Baggrund på Arbejdsområder i PS

Gennemsigtighed er en grundlæggende del af moderne design og webgrafik. I Adobe Photoshop er det essentielt at kunne arbejde med og eksportere billeder, logoer eller grafik med en gennemsigtig baggrund, så de kan placeres problemfrit oven på andre elementer uden en forstyrrende hvid eller farvet boks omkring sig. Når du arbejder med arbejdsområder (artboards) i Photoshop, som er fantastiske til at organisere flere design inden for én fil, forventer du naturligvis, at du kan gøre baggrunden gennemsigtig ligesom på et almindeligt dokument. Men mange brugere oplever en frustrerende situation, hvor baggrunden ser hvid ud i selve programmet, selvom de har valgt 'gennemsigtig', og endnu værre, at den eksporterede fil pludselig har en uønsket hvid rektangel omkring det transparente indhold. Dette problem er især rapporteret i nyere versioner af Photoshop (fra version 21 og frem). Lad os dykke ned i, hvorfor dette sker, og hvordan du løser det, så du kan eksportere dine filer korrekt med ægte gennemsigtighed.

Først og fremmest, lad os forstå, hvad en gennemsigtig baggrund *er*. I Photoshop repræsenteres en ægte gennemsigtig baggrund af et ternet mønster – typisk gråt og hvidt. Dette mønster indikerer, at der ikke er nogen pixelinformation på disse steder, og at alt under dette område vil skinne igennem, når filen bruges i et andet program eller på en hjemmeside. Når du opretter et nyt dokument uden en baggrundsfarve, eller når du sletter baggrundslaget, ser du dette ternede mønster. Med arbejdsområder er processen lidt anderledes, da arbejdsområdet fungerer som en container for dine lag.

How do you change the background to transparent in Photoshop artboard?
With the Artboard layer selected (not the object layer), you can go to properties and change background color to transparent.23. okt. 2020
Indholds

Sådan Indstiller du Arbejdsområdets Baggrund til Gennemsigtig

Når du opretter et nyt dokument med arbejdsområder (ved at vælge 'Artboard' under 'Document Type' eller ved at aktivere arbejdsområder senere), eller når du tilføjer et nyt arbejdsområde, kan du styre dets baggrund. Den mest almindelige måde at indstille arbejdsområdets baggrund på er via Egenskaber-panelet (Properties). Vælg dit arbejdsområde i Lag-panelet (Layers panel) og kig derefter i Egenskaber-panelet. Under sektionen 'Arbejdsområde' (Artboard) finder du 'Arbejdsområdebaggrundsfarve' (Artboard background color). Her kan du vælge mellem forskellige farver, 'Ingen' (None) eller 'Gennemsigtig' (Transparent).

Hvis du vælger 'Gennemsigtig' her, forventer du naturligvis at se det ternede mønster bag dit indhold inden for arbejdsområdets grænser. Og ofte gør du også det. Men problemet, som mange oplever, er, at selvom 'Gennemsigtig' er valgt, vises baggrunden stadig som hvid i Photoshop-vinduet. Hvorfor?

Hvorfor Ser Baggrunden Hvid Ud i Photoshop?

Dette er kernen i problemet for mange brugere og kan være meget forvirrende. Der er et par mulige årsager til, at du ser en hvid baggrund, selvom du har sat arbejdsområdets baggrund til gennemsigtig:

  1. Visningsindstillingen: Nogle gange er det blot den måde, Photoshop *viser* den gennemsigtige baggrund på i det specifikke visningsmode, du bruger, eller i kombination med andre indstillinger. Det, du ser, er ikke altid en nøjagtig repræsentation af den endelige fil.
  2. En Hvid Lærredsbaggrund: Selvom du bruger arbejdsområder, har selve Photoshop-dokumentet en baggrund (lærredsfarve). Hvis denne lærredsfarve er hvid, og dit arbejdsområde ikke dækker hele dokumentets område, eller hvis der er en interaktion i visningen, kan den hvide lærredsfarve skinne igennem eller påvirke, hvordan den gennemsigtige arbejdsområdebaggrund gengives på skærmen.
  3. En Underliggende Hvid Lag: Tjek dit Lag-panel. Er der et hvidt lag *under* arbejdsområdegruppen? Arbejdsområder fungerer som mapper i Lag-panelet. Hvis der er et synligt lag med hvid farve placeret *under* arbejdsområdet i lagstakken, vil dette lag være synligt i de områder, hvor arbejdsområdet er gennemsigtigt. Sørg for, at der kun er lag *indenfor* arbejdsområdegruppen, eller at lagene under er skjulte eller også gennemsigtige, hvis de skal være det.
  4. En Visuel Fejl/Bug: Især i nyere versioner (som nævnt af brugerne, version 21 og 22.0.1), kan der være en visuel fejl i Photoshop, der simpelthen ikke viser den gennemsigtige baggrund korrekt for arbejdsområder, selvom den er indstillet korrekt.

Det vigtigste at forstå her er: Hvad du ser i Photoshop er ikke altid det, du får i den eksporterede fil. Den sande test af gennemsigtighed er eksportprocessen.

Problemet med Eksport fra Arbejdsområder (Den Hvide Rektangel)

Dette er det andet, meget mere frustrerende, problem beskrevet af brugerne. De indstiller arbejdsområdet til gennemsigtig, og selvom det måske endda ser korrekt ud i Photoshop, får de en eksporteret fil (typisk PNG), hvor der er en tydelig hvid rektangel omkring deres design, hvor der skulle have været gennemsigtighed. Dette sker specifikt, når de eksporterer *fra arbejdsområder*, og kun når arbejdsområdets baggrund er indstillet til 'Gennemsigtig' i Egenskaber-panelet. Eksport af almindelige dokumenter eller eksport af arbejdsområder, hvor baggrunden er sat til en farve (eller 'Ingen'), fungerer fint.

Dette adfærdsmønster tyder stærkt på en specifik bug i Photoshops håndtering af arbejdsområde-gennemsigtighed under eksport i visse versioner. Når arbejdsområdet er indstillet til gennemsigtig, behandler eksportfunktionen på en eller anden måde arbejdsområdets 'tomme' område som hvidt i stedet for at lade det være gennemsigtigt.

Løsningen: Eksportér med Gennemsigtighed (Ignorér Arbejdsområdets Baggrundsindstilling for Visning)

Den mest effektive løsning på dette problem, især i de versioner af Photoshop, hvor bug'en optræder, er at ignorere arbejdsområdets baggrundsindstilling i Egenskaber-panelet og i stedet fokusere på eksportindstillingerne. Dette kan virke kontraintuitivt, fordi du forventer, at indstillingen i Egenskaber styrer den endelige fil, men i dette specifikke scenario med arbejdsområder og eksport, er det eksportdialogen, der har det sidste ord.

Den Anbefalede Arbejdsgang:

  1. Sæt Arbejdsområdets Baggrund til 'Hvid' eller 'Ingen': Gå til Egenskaber-panelet for dit arbejdsområde. Under 'Arbejdsområdebaggrundsfarve' skal du vælge 'Hvid' (White) eller 'Ingen' (None). Ja, du vil nu se en hvid baggrund i dit arbejdsområde i Photoshop. Dette er *okay*, da det ikke er denne indstilling, der bestemmer gennemsigtigheden i den endelige fil, når du bruger den korrekte eksportmetode.
  2. Forbered Dit Design: Sørg for, at alt indhold, der *skal* være synligt, er inden for arbejdsområdets grænser, og at alt, der *ikke* skal være synligt (og dermed skal være gennemsigtigt), enten er uden for arbejdsområdet eller på lag, der ligger korrekt i lagstakken.
  3. Eksporter Korrekt: Dette er det vigtigste skridt. Brug en eksportmetode, der specifikt understøtter og har en indstilling for gennemsigtighed. De mest almindelige metoder er:
    • 'Eksportér som...' (Export As...): Gå til menuen 'Fil' (File) > 'Eksporter' (Export) > 'Eksportér som...' (Export As...). Vælg det eller de arbejdsområder, du vil eksportere. I 'Eksportér som' dialogboksen skal du vælge et filformat, der understøtter gennemsigtighed, f.eks. PNG. Meget vigtigt: Sørg for, at afkrydsningsfeltet 'Gennemsigtighed' (Transparency) er markeret.
    • 'Gem til web (ældre)' (Save for Web (Legacy)): Selvom den er mærket som 'ældre', er denne funktion stadig meget robust til webgrafik og håndterer gennemsigtighed pålideligt. Gå til menuen 'Fil' (File) > 'Eksporter' (Export) > 'Gem til web (ældre)' (Save for Web (Legacy)). Vælg PNG-24 (som understøtter fuld alfa-gennemsigtighed). Sørg for, at afkrydsningsfeltet 'Gennemsigtighed' (Transparency) er markeret.
  4. Verificer den Eksporterede Fil: Åbn den eksporterede PNG-fil i et program, der understøtter gennemsigtighed (f.eks. en webbrowser, et billedfremviserprogram der viser tern, eller importer den i et andet designprogram som Illustrator eller InDesign) for at bekræfte, at baggrunden er gennemsigtig, og at den hvide rektangel er væk.

Ved at sætte arbejdsområdets baggrund til hvid (eller ingen) i Egenskaber-panelet undgår du tilsyneladende den bug i Photoshop, der forstyrrer eksportprocessen, når den er sat til gennemsigtig. Selve gennemsigtigheden opnås udelukkende via indstillingen i eksportdialogen.

How do you change the background to transparent in Photoshop artboard?
With the Artboard layer selected (not the object layer), you can go to properties and change background color to transparent.23. okt. 2020

Sammenligning: Arbejdsområde Gennemsigtighed vs. Eksport Gennemsigtighed

Indstilling Placering Primær Effekt Vigtigt at Vide
Arbejdsområde Baggrundsfarve: Gennemsigtig Egenskaber-panelet (for arbejdsområde) Påvirker *visningen* af baggrunden inden for arbejdsområdet i Photoshop. Kan forårsage eksportproblemer (hvid rektangel) i visse Photoshop versioner (f.eks. v21+).
Ignorér denne indstilling, hvis du oplever problemet.
Eksportér med Gennemsigtighed (f.eks. PNG-indstilling) 'Eksportér som...' eller 'Gem til web (ældre)' dialogboksen Påvirker *den endelige fil* og bestemmer, om baggrunden er gennemsigtig eller ej. Essentiel for at få en gennemsigtig baggrund i den eksporterede fil.
Skal altid være markeret, uanset arbejdsområdets baggrundsindstilling, hvis du ønsker gennemsigtighed i filen.

Som tabellen viser, er det indstillingen i eksportdialogen, der er afgørende for den endelige fils gennemsigtighed, især når du arbejder med arbejdsområder og oplever den nævnte bug.

Yderligere Tips og Fejlfinding

  • Tjek Photoshop-version: Sørg for, at din Photoshop er opdateret til den nyeste version. Adobe løser løbende bugs, og det er muligt, at dette specifikke problem er blevet rettet i de allernyeste opdateringer. Hvis problemet stadig eksisterer i den nyeste version, er workaround'en beskrevet ovenfor sandsynligvis stadig nødvendig.
  • Alternative Eksportmetoder: Som brugeren nævnte, fungerer eksport uden arbejdsområder ofte korrekt. Hvis du kun har ét arbejdsområde, kan du overveje kortvarigt at fjerne arbejdsområdet og eksportere dokumentet som et almindeligt dokument via 'Eksportér som...' eller 'Gem til web (ældre)' med gennemsigtighed valgt.
  • Eksport af Lag: Hvis du eksporterer individuelle lag (f.eks. et logo-lag), vil gennemsigtigheden omkring lagets indhold normalt fungere korrekt, uanset arbejdsområdets indstillinger.
  • Filformater: Husk altid at bruge et filformat, der understøtter gennemsigtighed. PNG er standarden for web og digital grafik. GIF understøtter også gennemsigtighed, men kun med 1-bit alfa (enten fuldt gennemsigtig eller fuldt dækkende) og en begrænset farvepalet, hvilket sjældent er ideelt for fotos eller grafik med mange farver og bløde kanter. JPEG understøtter ikke gennemsigtighed – en JPEG vil altid have en fyldt baggrund, typisk hvid.

Ofte Stillede Spørgsmål (FAQ)

Hvorfor ser jeg stadig en hvid baggrund i Photoshop, selvom jeg har valgt 'Gennemsigtig' for arbejdsområdet?

Dette kan skyldes en visuel fejl i Photoshop, en hvid lærredsbaggrund under arbejdsområdet, eller et hvidt lag placeret under arbejdsområdet i lagstakken. Det vigtigste er, at visningen i Photoshop ikke altid afspejler den endelige fils gennemsigtighed. Stol på eksportindstillingerne.

Hvordan ved jeg med sikkerhed, om min eksporterede fil er gennemsigtig?

Åbn filen i et program, der understøtter gennemsigtighed. Hvis du åbner en PNG i en webbrowser eller et billedredigeringsprogram som GIMP, Illustrator eller InDesign, vil du enten se det ternede mønster bag indholdet, eller du kan placere filen oven på en farvet baggrund for at se, om farven skinner igennem de gennemsigtige områder.

Jeg eksporterede som JPEG, men baggrunden er hvid. Hvorfor?

JPEG-filformatet understøtter ikke gennemsigtighed. Hvis du eksporterer til JPEG, vil alle gennemsigtige områder automatisk blive fyldt med hvid (eller en anden farve, afhængigt af eksportindstillingerne, men typisk hvid). Brug altid PNG eller GIF (hvis passende) til gennemsigtig baggrund.

Min gennemsigtighed fungerede fint i en ældre Photoshop-version, men nu er der en hvid boks. Hvad er der sket?

Dette er sandsynligvis den bug, der blev introduceret i nyere versioner (fra v21+), som påvirker eksport af arbejdsområder, når deres baggrund er sat til gennemsigtig. Løsningen er at sætte arbejdsområdets baggrund til 'Hvid' eller 'Ingen' i Egenskaber-panelet og *kun* aktivere gennemsigtighed i eksportdialogen ('Eksportér som...' eller 'Gem til web (ældre)').

Konklusion

Arbejdet med gennemsigtighed på arbejdsområder i Photoshop kan være forvirrende, især når visningen i programmet ikke stemmer overens med eksportresultatet, og når software-bugs forstyrrer processen. Husk, at selvom du ser en hvid baggrund i dit arbejdsområde i Photoshop, betyder det ikke nødvendigvis, at din fil ikke er gennemsigtig. Den afgørende faktor er, hvordan du indstiller gennemsigtigheden i eksportdialogen. Ved at sætte arbejdsområdets baggrund til 'Hvid' eller 'Ingen' i Egenskaber-panelet og derefter aktivt vælge 'Gennemsigtighed' under eksporten (især til PNG-formatet), omgår du den kendte bug og sikrer, at din endelige fil har den ønskede gennemsigtige baggrund. Vær altid opmærksom på, hvilke filformater der understøtter gennemsigtighed, og verificer din eksporterede fil for at være helt sikker. Med denne viden kan du nu effektivt håndtere gennemsigtige arbejdsområder og undgå den frustrerende hvide boks.

Hvis du vil læse andre artikler, der ligner Gennemsigtig Baggrund på Arbejdsområder i PS, kan du besøge kategorien Software.

Avatar photo

Franne Voigt

Mit navn er Franne Voigt, jeg er en 35-årig fotograf fra Danmark med en passion for at fange øjeblikke og dele mine erfaringer gennem min fotoblog. Jeg har arbejdet med både portræt- og naturfotografi i over et årti, og på bloggen giver jeg tips, teknikker og inspiration til både nye og erfarne fotografer. Fotografi er for mig en måde at fortælle historier på – én ramme ad gangen.

Go up