Master Eksport af Stier i Photoshop

I en verden af billedredigering er præcision nøglen. Photoshop tilbyder et væld af værktøjer til at manipulere billeder, og et af de mest kraftfulde til præcis udvælgelse og isolation er beskæringsstien (clipping path). Men at skabe den perfekte sti er kun det første skridt. At vide, hvordan man gemmer og eksporterer disse stier korrekt – enten indlejret i billedet eller som separate aktiver – er afgørende for at sikre, at dit arbejde kan bruges effektivt i forskellige sammenhænge, fra tryk til webdesign.

Denne artikel dykker ned i de forskellige metoder til at håndtere dine stier og billedaktiver i Photoshop. Vi vil udforske, hvordan man gemmer stier til senere brug, hvordan man eksporterer billeder med indlejrede beskæringsstier, og hvordan man udnytter kraften i Adobe Generator til at automatisere eksporten af flere billedaktiver baseret på dine lagnavne. At mestre disse teknikker vil forbedre din arbejdsgang betydeligt og give dig fuld kontrol over dine billeders output.

Hvad er en Beskæringssti?

En beskæringssti er grundlæggende en lukket vektorsti oprettet i Photoshop (typisk i 'Paths' panelet) omkring et specifikt objekt eller område i et rasterbillede. I modsætning til pixelbaserede markeringer (som dem lavet med Lasso-værktøjet eller Tryllestaven), er en vektorsti matematisk defineret, hvilket betyder, at den er skalerbar uden tab af kvalitet. Når en sti bruges som en beskæringssti, fungerer den som en maske, der kun viser indholdet inden for stien, mens alt udenfor bliver gennemsigtigt eller skjult. Dette er utroligt nyttigt til at isolere produkter, fjerne baggrunde eller skabe komplekse former.

Oprettelse af en Beskæringssti i Photoshop

Processen starter med at åbne dit billede i Photoshop. Naviger til panelet 'Paths' (Stier). Hvis du ikke kan se det, findes det under menuen 'Window' (Vindue). Klik på knappen 'Create New Path' (Opret ny sti) i bunden af panelet. Vælg 'Pen Tool' (Penneværktøj), som automatisk aktiveres. Med Penneværktøjet tegner du omhyggeligt en lukket vektorsti omkring det objekt, du ønsker at isolere. Klik for at oprette ankerpunkter og træk for at oprette kurver. Når stien er komplet (det første og sidste punkt er forbundet), kan du gemme den.

Sådan Gemmer Du en Sti i Photoshop

At gemme en sti er vigtigt, hvis du vil genbruge den senere eller bruge den som en beskæringssti ved eksport. En sti gemmes som en del af Photoshop-dokumentet (.psd-filen). For at sikre, at stien forbliver gemt, selv efter at du har lavet andre markeringer, skal du give den et navn.

I 'Paths' panelet vil du se din nyoprettede sti, sandsynligvis kaldet 'Work Path' (Arbejdssti). Denne arbejdssti er midlertidig og kan forsvinde, hvis du opretter en ny sti eller en pixelbaseret markering. For at gemme den permanent i dit PSD-dokument, dobbeltklikker du på 'Work Path' i panelet. Der popper en dialogboks op, hvor du kan navngive din sti (f.eks. 'ProduktBeskæring'). Klik 'OK'. Stien er nu gemt i dit PSD-dokument og kan tilgås igen fra 'Paths' panelet.

Eksport af Billeder Med Indlejrede Beskæringsstier

Ofte er formålet med en beskæringssti at bruge den, når billedet placeres i et layoutprogram som InDesign eller Illustrator, eller når det skal bruges på en hjemmeside med en gennemsigtig baggrund. Her er de mest almindelige metoder til at eksportere billeder, der inkluderer din beskæringssti:

Eksport som EPS

EPS (Encapsulated PostScript) er et klassisk format, der understøtter vektorstier og bruges ofte i grafisk design og tryk. Når du gemmer et billede som EPS fra Photoshop, kan du vælge at inkludere en beskæringssti.

Gå til 'File' (Filer) > 'Save As' (Gem som). Vælg 'Photoshop EPS' (*.EPS) fra 'Format' drop-down menuen. I dialogboksen 'EPS Options' (EPS-indstillinger), der vises, finder du sektionen 'Clipping Path' (Beskæringssti). Marker afkrydsningsfeltet 'Path' (Sti) og vælg den navngivne sti, du oprettede fra drop-down listen. Du kan også angive en 'Flatness' (Fladhed) værdi, som påvirker, hvordan kurverne gengives; en lavere værdi giver mere præcise kurver, men kan resultere i større filer. For tryk er det vigtigt at overveje opløsningen. Selvom EPS er et vektorformat for stien, er billeddataene stadig pixelbaserede. Sørg for, at din billedopløsning er passende for det tilsigtede output, typisk 300 dpi til tryk. For webbrug er opløsningen mindre kritisk i EPS-filen, da den ofte bruges til logoer eller grafik, der skal skaleres, men billeddelen skal stadig have tilstrækkelig opløsning til den maksimale visningsstørrelse. Opløsningen omkring 300-600 dpi nævnt i kilden for EPS refererer formentlig til den indlejrede rasterbilledopløsning for trykformål, hvor 300 dpi er standard.

Eksport som TIFF

TIFF (Tagged Image File Format) er et andet robust format, der understøtter lag, gennemsigtighed og, vigtigst af alt i denne sammenhæng, beskæringsstier. TIFF er også meget udbredt i trykindustrien og er et godt valg, hvis du skal sende filer til et trykkeri eller en anden designer.

Gå til 'File' (Filer) > 'Save As' (Gem som). Vælg 'TIFF' (*.TIF; *.TIFF) fra 'Format' drop-down menuen. Klik 'Save' (Gem). I 'TIFF Options' (TIFF-indstillinger) dialogboksen skal du sikre, at afkrydsningsfeltet 'Layers' (Lag) er markeret, hvis du vil bevare lagene (selvom beskæringsstien typisk er på et fladt billede for eksport). Vigtigst er, at du skal markere afkrydsningsfeltet 'Save Transparency' (Gem gennemsigtighed) eller sikre, at din beskæringssti er korrekt indstillet som en gennemsigtighedskilde i dit layoutprogram, når du placerer TIFF-filen. Photoshop TIFF-filer kan gemme beskæringsstien i filens metadata, som layoutprogrammer kan læse og bruge til at klippe billedet.

Gem som PSD

Den mest ligetil måde at bevare din sti på er at gemme filen som et standard Photoshop-dokument (.psd). PSD-formatet bevarer alle lag, masker, effekter og naturligvis alle navngivne stier i 'Paths' panelet. Hvis du eller andre skal redigere billedet og stien senere, er PSD det foretrukne format. Når du placerer en PSD-fil i et layoutprogram, kan du ofte vælge at bruge en af de gemte stier som en beskæringssti.

Tips til Håndtering af Komplekse Stier

Når du arbejder med detaljerede eller mange stier, kan det hurtigt blive uoverskueligt. Her er et par tips:

• Navngiv dine stier: Som nævnt tidligere, dobbeltklik på 'Work Path' og giv stien et beskrivende navn. Dette gør det nemt at identificere stien senere, især hvis du har flere i samme dokument.
• Organiser i mapper: Overvej at oprette en specifik mappe på din computer til at gemme dine Photoshop-filer, der indeholder vigtige stier. Dette holder dine filer organiserede og lette at finde.
• Brug Handlinger (Actions): Hvis du ofte udfører de samme trin (f.eks. oprette en sti fra en markering, gemme stien, eksportere som EPS), kan du optage disse trin som en handling. Dette automatiserer processen og sparer enormt meget tid ved gentagne opgaver.

Eksport af Billedaktiver med Adobe Generator

For webdesignere og UI/UX-professionelle er eksport af mange forskellige billeder fra et enkelt Photoshop-dokument en almindelig opgave. Adobe Generator er en utrolig effektiv funktion, der automatiserer denne proces ved at lade dig eksportere aktiver direkte fra dine lag ved blot at navngive lagene korrekt.

Aktivering af Adobe Generator

For at bruge Adobe Generator skal du aktivere det. Gå til 'File' (Filer) > 'Generate' (Generer) > 'Image Assets' (Billedaktiver). Når dette menupunkt er markeret (der vises et flueben ud for det), er Generator aktivt for det åbne dokument. Photoshop opretter nu automatisk en mappe ved siden af din PSD-fil (med samme navn som PSD-filen, efterfulgt af '-assets'), og den vil indeholde de eksporterede billeder.

Navngivning af Lag til Eksport

Nøglen til Adobe Generator er lagnavne. Du kan navngive et lag efter det ønskede filnavn og filformat. Photoshop eksporterer derefter indholdet af det pågældende lag som en separat billedfil til '*-assets' mappen.

Eksempler på lagnavne:

• logo.png: Eksporterer laget som en PNG-fil med standardindstillinger (typisk PNG-32 med gennemsigtighed).
• ikon.png-8: Eksporterer som en PNG-8 fil (maks. 256 farver), nyttigt for simple logoer eller ikoner med begrænset farvepalet for at reducere filstørrelsen.
• baggrund.jpg: Eksporterer som en JPEG-fil med standardkvalitet (typisk 90%).
• billede.jpg-65%: Eksporterer som en JPEG-fil med 65% kvalitet. Du kan angive en procentdel for at kontrollere komprimeringen.

Eksport af 2x Aktiver (Retina-skærme)

Til skærme med høj opløsning (som Retina-skærme) har du ofte brug for billeder, der er dobbelt så store (2x) som standardbillederne (1x). Adobe Generator gør det nemt at eksportere begge versioner fra samme lag.

Du angiver blot en skala og et nyt filnavn i lagnavnet, adskilt af et komma:

• logo.png, 200% [email protected]: Eksporterer laget to gange: én gang i 100% størrelse som 'logo.png' og én gang i 200% størrelse som '[email protected]'.
• billede.jpg-65%, 200% [email protected]%: Eksporterer 1x JPEG med 65% kvalitet og 2x JPEG med 35% kvalitet (højere komprimering er ofte mulig ved 2x uden synligt kvalitetstab på grund af den højere pixeltæthed).

Adobe Generator overvåger din PSD-fil i realtid. Hver gang du gemmer filen, eller når du ændrer et lagnavn på en måde, der specificerer eksport, opdaterer eller opretter Generator automatisk de relevante billedfiler i '*-assets' mappen. Dette gør opdatering af aktiver utrolig hurtig og effektiv.

En kendt fejl og løsning (Lavopløselige 2x JPEGs)

Der findes en kendt fejl i Photoshop, hvor 2x eksport af Smart Objects, der oprindeligt blev placeret som JPEG-filer, kan resultere i lav kvalitet. Selvom Smart Objectet burde indeholde tilstrækkelig opløsning, sker dette problem. Løsningen er at konvertere det oprindelige Smart Object til et PSD-format, før det placeres i dit hoveddokument.

Sådan gør du:

1. Dobbeltklik på Smart Objectets ikon i Layers panelet for at åbne dets indhold i et nyt Photoshop-vindue.
2. Gå til 'File' (Filer) > 'Save As' (Gem som).
3. Vælg 'Photoshop' (*.PSD) som format og gem filen.
4. Luk det nye vindue med PSD-filen.
5. Tilbage i dit hoveddokument, vælg det Smart Object lag, der indeholder den originale JPEG.
6. Gå til 'Layer' (Lag) > 'Smart Objects' > 'Replace Contents' (Erstat indhold).
7. Vælg den PSD-fil, du lige gemte.

Smart Objectet bruger nu PSD-filen som kilde, og eksport via Adobe Generator i 2x størrelse vil nu fungere korrekt med høj kvalitet.

Sammenligning af Eksportmetoder

Valget af eksportmetode afhænger af dit formål. Her er en hurtig sammenligning:

Ofte Stillede Spørgsmål

Hvordan kan jeg ændre en gemt beskæringssti?

Du kan nemt redigere en gemt sti i Photoshop. Åbn dit PSD-dokument. Gå til 'Paths' panelet og klik på navnet på den sti, du vil redigere. Vælg 'Pen Tool' (Penneværktøj) eller 'Direct Selection Tool' (Direkte markeringsværktøj - den hvide pil). Med Direct Selection Tool kan du klikke på ankerpunkter og trække dem for at flytte dem. Med Pen Tool kan du tilføje eller slette ankerpunkter og justere kurver ved at trække i håndtagene. Husk at gemme dit PSD-dokument for at bevare ændringerne i stien.

Hvad er forskellen mellem en sti og en markering?

En sti er en vektorbaseret kontur, der er matematisk defineret og kan skaleres uden kvalitetstab. En markering (selection) er pixelbaseret; den definerer et område af pixels, der er aktive til redigering. Du kan konvertere en sti til en markering ('Make Selection' i Paths panelets menu eller højreklik på stien) og en markering til en arbejdssti ('Make Work Path' i Paths panelets menu), men de er fundamentalt forskellige i deres natur og formål.

Konklusion

At mestre eksportfunktionerne i Photoshop er lige så vigtigt som at mestre redigeringsværktøjerne. Uanset om du har brug for at gemme en præcis beskæringssti til tryk ved hjælp af EPS eller TIFF, eller du skal automatisere eksporten af et utal af web-aktiver ved hjælp af Adobe Generator og lagnavne, giver Photoshop dig de nødvendige værktøjer. Ved at forstå forskellene mellem metoderne og anvende tipsene til organisering og opskalering, kan du strømline din arbejdsgang, sikre høj kvalitet på dine billedaktiver og spare værdifuld tid. Øvelse gør mester, så prøv de forskellige metoder af på dine egne projekter for at finde den arbejdsgang, der passer bedst til dig.

Hvis du vil læse andre artikler, der ligner Master Eksport af Stier i Photoshop, kan du besøge kategorien Photoshop.