At arbejde med ikoner i Adobe Illustrator kræver ofte præcision, især når det kommer til eksport. Hvert ikon skal ideelt set eksporteres som en separat fil, og den mest effektive måde at sikre dette på er ved at have et individuelt artboard, der passer perfekt omkring hvert enkelt ikon. Dette eliminerer behovet for manuel beskæring og sikrer, at dine ikoner eksporteres med den korrekte størrelse og polstring, hvis nødvendigt. Artboards er grundlaget for dine dokumenter i Illustrator og fungerer som det lærred, du tegner på, men de er også afgørende for, hvordan dit arbejde organiseres og eksporteres.
Denne guide vil tage dig igennem processen med at oprette og tilpasse artboards specifikt til et sæt ikoner ved hjælp af Artboard-værktøjet i Illustrator. Vi vil fokusere på en effektiv metode, der hurtigt tilpasser artboards til eksisterende grafik og skaber nye artboards for hvert element, du ønsker at isolere.
- Kom godt i gang med Artboard-værktøjet
- Tilpas det første Artboard til din Grafik
- Opret individuelle Artboards til de resterende Ikoner
- Administrer og Organiser dine Artboards
- Navngivning af Artboards
- Justering og Finjustering
- Export for Screens: Din Ven til Ikon-sæt
- Sammenligning: Manuel vs. Automatisk Artboard Tilpasning
- Ofte Stillede Spørgsmål om Artboards og Ikoner
- Konklusion
Kom godt i gang med Artboard-værktøjet
Artboard-værktøjet (Shift + O) er din primære kontrol over dokumentets artboards. Når du aktiverer dette værktøj, skifter Illustrator til en særlig redigeringstilstand, hvor du kan se alle dine artboards markerede med stiplede linjer og håndtag. Du vil også bemærke, at kontrolpanelet øverst ændrer sig for at vise indstillinger relateret til artboards, såsom størrelse, placering og navngivning. Artboard-panelet (Vindue > Artboards) bliver også et centralt omdrejningspunkt, da det viser en liste over alle dine artboards og giver dig mulighed for at administrere dem, herunder at ændre deres rækkefølge, duplikere dem eller slette dem.
I et nyt dokument starter du typisk med et enkelt artboard, ofte kaldet "Artboard 1". Hvis du allerede har tegnet dine ikoner på dette ene artboard, er næste skridt at tilpasse det første artboard, så det passer til det første ikon eller den første gruppe af grafik, du vil arbejde med.
Tilpas det første Artboard til din Grafik
Den mest effektive måde at tilpasse et artboard til den grafik, det skal indeholde, er ved at bruge Artboard-værktøjet direkte på grafikken. Når Artboard-værktøjet er aktivt, skal du navigere til det ikon eller den gruppe af ikoner, du vil tilpasse dit nuværende artboard (typisk Artboard 1) til. Klik eller dobbeltklik på grafikken med Artboard-værktøjet. Illustrator vil automatisk oprette et nyt artboard, der passer præcist til grænserne for den valgte grafik. Hvis du allerede står på det artboard, der indeholder grafikken, og dobbeltklikker på grafikken, vil det eksisterende artboard blive tilpasset. Dette er en utrolig tidsbesparende funktion, især når du arbejder med elementer, der har varierende størrelser eller komplekse former.
Forestil dig, at du har tegnet ti ikoner spredt rundt på dit lærred. Du aktiverer Artboard-værktøjet. Klik på dit eksisterende artboard (typisk Artboard 1) i Artboard-panelet for at sikre, at det er aktivt. Gå nu til det første ikon, du vil give sit eget artboard, og dobbeltklik på det med Artboard-værktøjet. Vupti! Artboard 1 skifter størrelse og position, så det nu omfavner præcis dette ikon. Dette artboard er nu klar til eksport.
Opret individuelle Artboards til de resterende Ikoner
Når du har tilpasset dit første artboard, skal du oprette separate artboards for hvert af de resterende ikoner. Dette er en lige så simpel proces. Mens Artboard-værktøjet stadig er aktivt, skal du blot enkeltklikke på hvert af de andre ikoner, du vil give sit eget artboard. Hver gang du klikker på et nyt ikon, vil Illustrator automatisk oprette et nyt artboard, der er dimensioneret til at passe omkring det pågældende ikon.
Så efter at have dobbeltklikket på det første ikon for at tilpasse Artboard 1, skal du blot klikke én gang på ikon nummer to, én gang på ikon nummer tre, og så videre, indtil du har klikket på alle de ikoner, du ønsker at isolere. For hvert klik vil et nyt artboard dukke op i dit dokument og blive tilføjet til listen i Artboard-panelet (f.eks. Artboard 2, Artboard 3 osv.).
På dette stadie skal du ikke bekymre dig for meget om, hvordan artboards er arrangeret på lærredet, eller hvilken rækkefølge de har i panelet. Illustrator placerer dem muligvis oven på hinanden eller i et uorganiseret mønster. Det vigtigste er, at du nu har et individuelt artboard, der passer præcist til hvert ikon, du har klikket på. Dette er det kritiske skridt for at forberede filen til effektiv eksport.
Administrer og Organiser dine Artboards
Efter at have oprettet alle de individuelle artboards, er næste skridt at organisere dem. Selvom rækkefølgen på lærredet ikke direkte påvirker eksportrækkefølgen (eksporten følger rækkefølgen i Artboard-panelet), kan en pæn organisering gøre filen meget nemmere at arbejde med. Du kan omarrangere artboards på flere måder:
- Manuelt træk: Med Artboard-værktøjet aktivt kan du klikke og trække i et artboard for at flytte det til en ny position på lærredet. Du kan også bruge piletasterne for finjustering.
- Artboard-panelet: I Artboard-panelet kan du klikke og trække i navnet på et artboard for at ændre dets rækkefølge på listen. Dette er vigtigt, da eksportrækkefølgen bestemmes her. Du kan også dobbeltklikke på et artboard-navn for at zoome ind på det.
- Omarranger Artboards: I Artboard-panelets menu eller i kontrolpanelet, når Artboard-værktøjet er aktivt, finder du muligheden "Rearrange All Artboards" (Omarranger alle artboards). Dette åbner en dialogboks, hvor du kan vælge et layout (f.eks. Grid by Row, Grid by Column), antal kolonner/rækker, afstand mellem artboards og endda, om de skal arrangeres efter deres rækkefølge i panelet eller i den rækkefølge, de ligger på lærredet. Denne funktion er fantastisk til hurtigt at få et pænt og overskueligt layout.
Når du bruger "Rearrange All Artboards" funktionen, kan du specifikt vælge, om rækkefølgen skal styres af rækkefølgen i panelet. Dette er især nyttigt, hvis du har navngivet dine artboards logisk (f.eks. Ikon_Hjem, Ikon_Indstillinger) og ønsker, at de skal vises i denne rækkefølge både i panelet og på lærredet.
En god praksis er at navngive dine artboards meningsfuldt. Standardnavne som "Artboard 1", "Artboard 2" osv. er ikke særlig informative. Du kan omdøbe et artboard ved at dobbeltklikke på dets navn i Artboard-panelet eller ved at indtaste et navn i feltet "Name" i kontrolpanelet, når artboardet er valgt med Artboard-værktøjet. Meningsfulde navne er afgørende for en nem eksport, da filnavnene ofte kan baseres på artboard-navnene.
Justering og Finjustering
Selvom dobbeltklikket med Artboard-værktøjet giver en præcis tilpasning til grafikken, kan det være, at du ønsker lidt ekstra plads omkring ikonet (padding). Med Artboard-værktøjet aktivt kan du manuelt trække i artboardets håndtag for at ændre dets størrelse. Du kan også indtaste præcise mål i kontrolpanelet. Hvis du vil tilføje ensartet padding, kan du markere artboardet og manuelt øge bredden og højden med den ønskede mængde, eller du kan bruge Artboard Options dialogboksen (findes i kontrolpanelet eller Artboard-panelets menu), hvor du kan indtaste præcise værdier for bredde, højde, og endda justere referencepunktet for størrelsesændringen.
En anden nyttig funktion er at duplikere artboards. Dette kan gøres ved at Alt-trække i et eksisterende artboard med Artboard-værktøjet eller ved at bruge "Duplicate Artboard" funktionen i Artboard-panelet. Dette er praktisk, hvis du f.eks. skal oprette artboards i flere forskellige størrelser for det samme ikon.
Export for Screens: Din Ven til Ikon-sæt
Når dine artboards er sat op korrekt – ét for hvert ikon, præcist tilpasset og navngivet – er eksportprocessen utrolig strømlinet. Illustrator har en specifik funktion kaldet "Export for Screens" (Fil > Export > Export for Screens), som er designet netop til dette formål. Dette værktøj lister alle dine artboards (eller valgte artboards) og lader dig eksportere dem i flere formater (PNG, JPG, SVG, PDF osv.) og i forskellige skalaer/størrelser på én gang. Fordi du har brugt individuelle artboards for hvert ikon, vil "Export for Screens" automatisk generere en separat fil for hvert artboard, ofte ved at bruge artboard-navnet som filnavn. Dette er utroligt effektivt, når du skal levere et sæt ikoner i forskellige størrelser og formater.
Sammenligning: Manuel vs. Automatisk Artboard Tilpasning
| Metode | Fordele | Ulemper | Bedst til |
|---|---|---|---|
| Manuel Tilpasning (Trække i håndtag) | Fuld kontrol over størrelse og position. Kan lave præcis padding. | Tidskrævende for mange artboards. Svært at opnå ensartethed uden smart guides/mål. | Enkelt artboard, specifikke mål, kompleks layout. |
| Automatisk Tilpasning (Dobbeltklik på grafik) | Ekstremt hurtig oprettelse/tilpasning. Præcis tilpasning til grafikken. | Kræver manuel justering for padding. Kan skabe uorganiseret layout initialt. | Hurtig oprettelse af artboards til eksisterende elementer, især ikoner. |
Ofte Stillede Spørgsmål om Artboards og Ikoner
Q: Mine artboards overlapper hinanden, hvordan fikser jeg det?
A: Brug funktionen "Rearrange All Artboards" (Omarranger alle artboards) fra kontrolpanelet eller Artboard-panelets menu. Vælg et layout som "Grid by Row" og angiv ønsket afstand mellem artboards.
Q: Hvordan tilføjer jeg 10px padding omkring hvert ikon automatisk?
A: Desværre er der ingen indbygget automatisk padding-funktion, når du bruger dobbeltklik-metoden. Du skal enten manuelt justere hvert artboard efter oprettelse (ved at trække i håndtagene eller indtaste nye mål i kontrolpanelet) eller bruge et script/en handling til at automatisere processen for flere artboards.
Q: Kan jeg eksportere alle artboards som separate filer?
A: Ja, absolut! Den nemmeste og mest effektive måde er at bruge "Export for Screens" (Fil > Export > Export for Screens). Dette værktøj er designet til netop dette formål og lader dig vælge, hvilke artboards der skal eksporteres, og i hvilke formater og størrelser.
Q: Hvad er forskellen på at slette grafikken og slette artboardet?
A: At slette grafikken fjerner designelementet, men lader artboardet blive. At slette artboardet fjerner både artboardet og al den grafik, der var placeret på det. Vær forsigtig, når du sletter artboards!
Q: Hvordan navngiver jeg mine artboards for eksport?
A: Dobbeltklik på artboardets navn i Artboard-panelet, eller vælg artboardet med Artboard-værktøjet og indtast navnet i "Name" feltet i kontrolpanelet. Disse navne bruges ofte som standardfilnavne ved eksport via "Export for Screens".
Q: Mine nye artboards dukker op i en mærkelig rækkefølge i panelet. Hvordan ændrer jeg det?
A: I Artboard-panelet kan du klikke og trække i artboard-navnene for at omarrangere dem på listen. Dette ændrer rækkefølgen for eksport.
Konklusion
At mestre Artboard-værktøjet og teknikken med hurtigt at tilpasse artboards til din grafik er en fundamental færdighed for enhver grafisk designer, der arbejder med ikoner eller andre individuelle elementer i Illustrator. Ved at følge de simple trin med at dobbeltklikke på dit første ikon og derefter enkeltklikke på de resterende, kan du lynhurtigt oprette et sæt perfekt dimensionerede artboards, klar til eksport. Husk at bruge Artboard-panelet til at organisere og navngive dine artboards for en endnu mere strømlinet workflow, og udnyt "Export for Screens" funktionen til at håndtere selve eksporten effektivt. Denne metode sparer dig for utallige timers manuel beskæring og sikrer, at dine ikon-sæt leveres professionelt og præcist.
Hvis du vil læse andre artikler, der ligner Illustrator: Lav Artboards til Ikoner, kan du besøge kategorien Design.