At arbejde effektivt i Adobe Photoshop er nøglen til succesfulde designprojekter, især når du jonglerer med flere skærmstørrelser eller forskellige versioner af et design. En af de mest kraftfulde funktioner til dette formål er brugen af artboards. Artboards fungerer som individuelle lærreder inden for ét og samme dokument, hvilket gør det utroligt nemt at organisere dit arbejde, sammenligne designs side om side og eksportere forskellige versioner af dit projekt på én gang. Forestil dig at designe en hjemmeside til både desktop og mobil, eller en app-grænseflade til forskellige enheder – artboards er din bedste ven i denne proces. De strømliner din arbejdsgang og holder alt organiseret på ét sted.
Kom I Gang: Oprettelse af et Nyt Dokument Med Artboards
Det første skridt til at udnytte fordelene ved artboards er at starte dit projekt korrekt. Når du opretter et nyt dokument i Photoshop, har du muligheden for at vælge dokumenttypen, der bedst passer til dit behov. Hvis dit mål er at designe til digitale platforme som mobilapps eller websites, hvor du potentielt skal håndtere flere skærmstørrelser eller skærmbilleder, er det ideelt at starte med artboards lige fra begyndelsen.
Processen er ligetil:
- Gå til menuen 'Fil' (File) og vælg 'Ny' (New).
- I dialogboksen 'Nyt Dokument' (New Document) finder du en række indstillinger for dit lærred. Her skal du være opmærksom på feltet 'Dokumenttype' (Document Type) eller en lignende indstilling, afhængig af din Photoshop-version.
- Vælg muligheden 'Artboard' som din dokumenttype. Dette er et vigtigt skridt for at aktivere artboard-funktionaliteten for dit nye projekt.
Ved at vælge 'Artboard' fra start sikrer du, at dit dokument er konfigureret til at håndtere flere lærreder, hvilket er fundamentalt for en organiseret designproces, især inden for UI/UX-design.
Indstilling af Artboard Størrelse
Efter at have valgt 'Artboard' som dokumenttype, skal du definere størrelsen på dit indledende artboard. Dette er typisk størrelsen på den primære skærm eller enhed, du designer til. Photoshop tilbyder ofte forudindstillede størrelser for populære enheder (som iPhone, iPad, web-common osv.), hvilket kan spare dig tid. Du kan dog også indtaste brugerdefinerede dimensioner, hvis du har specifikke krav.
Sådan gør du:
- Indstil den ønskede Artboard Størrelse (Artboard Size). Du kan vælge fra forudindstillinger eller indtaste bredde og højde manuelt.
- Vælg også opløsning (Resolution) og farvetilstand (Color Mode), som du normalt ville gøre for ethvert digitalt designprojekt (typisk 72 DPI for skærm og RGB-farver).
Når du klikker 'Opret' (Create), vil Photoshop åbne dit nye dokument, der indeholder et enkelt artboard med den størrelse, du har specificeret. Dette første artboard er dit udgangspunkt, og du kan til enhver tid tilføje flere artboards i forskellige størrelser, hvis dit projekt kræver det.
Artboards og Lagpanelet: En Ny Struktur
En af de mest bemærkede ændringer, når du arbejder med artboards, er, hvordan dit lagpanel (Layers panel) er organiseret. Hvert artboard fungerer som sin egen gruppe i lagpanelet. Dette er en fundamental forskel fra traditionelle Photoshop-dokumenter, hvor alle lag eksisterer på et enkelt lærred.
Du vil bemærke, at:
- Hvert artboard har sin egen 'gruppe' eller 'mappe' i Lagpanelet. Denne gruppe er navngivet efter artboardet.
- Alle lag og designelementer, du placerer inden for et specifikt artboard, vil blive vist og organiseret under dette artboards gruppe i lagpanelet.
Denne struktur gør det utrolig nemt at administrere komplekse projekter. Du kan nemt skjule eller vise indholdet af et helt artboard ved at klikke på øje-ikonet ud for artboard-gruppen i lagpanelet. Dette er særligt nyttigt, når du skal fokusere på et bestemt design eller præsentere forskellige versioner for andre. Navngiv dine artboards og lag for at bevare overblikket!
Arbejde På Tværs af Artboards: Kopiering af Elementer
Effektivitet er kernen i at bruge artboards, og muligheden for nemt at flytte og kopiere elementer mellem dem er en kæmpe tidsbesparelse. Dette er især nyttigt, når du genbruger elementer som overskrifter, knapper, logoer eller billeder på tværs af forskellige skærmbilleder eller enheder.
Som du designer dit artwork:
- Du kan kopiere elementer – individuelle lag eller grupper af lag – fra ét artboard til et andet.
Måden dette gøres på er simpel: Vælg det lag eller den gruppe af lag, du vil kopiere, i lagpanelet. Højreklik (eller Control-klik på Mac) og vælg 'Dupliker lag...' (Duplicate Layer...). I dialogboksen, der popper op, kan du vælge destinationsdokumentet (hvis du kopierer til et andet fil) og – vigtigst af alt – det specifikke artboard inden for det aktuelle dokument, som du vil kopiere elementet til. Alternativt kan du blot trække laget eller gruppen fra et artboards gruppe i lagpanelet og ind i et andet artboards gruppe. Dette er ofte den hurtigste metode.
Denne funktionalitet er afgørende for at opretholde konsistens i dit design på tværs af forskellige skærmbilleder eller enheder, samtidig med at du sparer tid ved ikke at skulle genskabe elementer fra bunden.
Fordelene Ved At Bruge Artboards
Ud over den grundlæggende oprettelse og håndtering, tilbyder artboards en række fordele, der forbedrer din design-workflow:
- Organisation: Hold alle relaterede designs samlet i én fil i stedet for at have utallige separate PSD-filer.
- Sammenligning: Se forskellige versioner af dit design eller design til forskellige enheder side om side for nem sammenligning og justering.
- Eksport: Eksportér flere artboards eller specifikke artboards på én gang ved hjælp af 'Eksportér > Artboards til filer' (Export > Artboards to Files) eller 'Eksportér > Eksporter som...' (Export > Export As...). Dette er utrolig effektivt, når du skal levere aktiver til udviklere.
- Iteration: Opret nemt duplikater af artboards for at lave hurtige iterationer eller A/B-tests af dine designs.
Disse fordele gør artboards til et uundværligt værktøj for moderne digital design i Photoshop.
Ofte Stillede Spørgsmål om Artboards
Her er svar på et par almindelige spørgsmål relateret til brugen af artboards, baseret på den information vi har gennemgået:
Q: Hvorfor skal jeg bruge artboards i stedet for bare at have alt på ét stort lærred?
A: Artboards hjælper med at organisere dine designs til forskellige skærmstørrelser eller versioner i en enkelt fil. Hvert artboard har sit eget område og sine egne lag i lagpanelet, hvilket gør det meget lettere at administrere og eksportere individuelle designs sammenlignet med et enkelt, stort lærred, hvor alt indhold ville være blandet sammen.
Q: Hvordan adskiller lagene sig, når jeg bruger artboards?
A: Når du bruger artboards, er lagene organiseret i grupper i lagpanelet, hvor hver gruppe repræsenterer et specifikt artboard. Lag, der tilhører et bestemt artboard, er indeholdt i dets gruppe. Dette giver en klar struktur og gør det nemt at se, hvilke elementer der hører til hvilket design eller hvilken skærm.
Q: Kan jeg kopiere elementer mellem forskellige artboards?
A: Ja, absolut! En stor fordel ved artboards er muligheden for nemt at kopiere lag eller grupper af lag fra ét artboard til et andet. Dette er essentielt for at genbruge elementer og opretholde konsistens på tværs af dine designs.
Q: Er artboards kun til mobil- og webdesign?
A: Selvom artboards er særligt nyttige til mobil- og webdesign på grund af behovet for at håndtere forskellige skærmstørrelser og interfaces, kan de bruges til enhver form for projekt, hvor du har brug for at organisere flere separate designområder inden for én fil, f.eks. forskellige annoncer, sociale medie-grafikker i forskellige størrelser eller endda forskellige udkast til et printprojekt.
Konklusion
At mestre brugen af artboards i Photoshop er en væsentlig færdighed for enhver designer, der arbejder med digitale medier. De tilbyder en struktureret og effektiv måde at håndtere flere designs inden for et enkelt dokument. Fra den indledende oprettelse af et nyt dokument med artboard-typen valgt, over organiseringen i lagpanelet, til den nemme kopiering af elementer mellem artboards – hvert trin bidrager til en mere strømlinet og produktiv arbejdsgang. Ved at integrere artboards i dine designprocesser vil du opleve en markant forbedring i, hvordan du håndterer komplekse projekter, sikrer konsistens og forbereder dine filer til eksport. Start med at bruge artboards i dag, og oplev forskellen!
Hvis du vil læse andre artikler, der ligner Sådan Opretter Du Artboards i Photoshop, kan du besøge kategorien Design.