Brugerhåndbog Annuller

Bedste fremgangsmåder for oprettelse af webgrafik

  1. Brugerhåndbog til Illustrator
  2. Lær Illustrator at kende
    1. Introduktion til Illustrator
      1. Nyheder i Illustrator
      2. Almindelige spørgsmål
      3. Systemkrav til Illustrator
      4. Illustrator til Apple silicon
    2. Arbejdsrum
      1. Grundlæggende om arbejdsrum
      2. Opret dokumenter
      3. Værktøjslinje
      4. Standardtastaturgenveje
      5. Tilpas tastaturgenveje
      6. Introduktion til tegnebrætter
      7. Administrer tegnebrætter
      8. Tilpas arbejdsrummet
      9. Panelet Egenskaber
      10. Angive indstillinger
      11. Touch-arbejdsrum
      12. Understøttelse af Microsoft Surface Dial i Illustrator
      13. Gendannelse, fortrydelse, historik og automatisering
      14. Roter visning
      15. Linealer, gitre og hjælpelinjer
      16. Tilgængelighed i Illustrator
      17. Sikker tilstand
      18. Vis illustrationer
      19. Brug Touch Bar med Illustrator
      20. Filer og skabeloner
    3. Værktøjer i Illustrator
      1. Et overblik over værktøjer
      2. Vælg værktøjer
        1. Valg
        2. Direkte markering
        3. Gruppemarkering
        4. Tryllestav
        5. Lasso
        6. Tegnebræt
      3. Navigeringsværktøjer
        1. Hånd
        2. Roter visning
        3. Zoom
      4. Maleværktøjer
        1. Forløb
        2. Maske
        3. Opret form
      5. Tekstværktøjer
        1. Tekst
        2. Tekst på en kurve
        3. Lodret tekst
      6. Tegneværktøjer
        1. Pen
        2. Tilføj ankerpunkt
        3. Slet ankerpunkt
        4. Ankerpunkt
        5. Krumning
        6. Stregsegment
        7. Rektangel
        8. Afrundet rektangel
        9. Ellipse
        10. Polygon
        11. Stjerne
        12. Pensel
        13. Klatpensel
        14. Blyant
        15. Shaper
        16. Udsnit
      7. Ændringsværktøjer
        1. Roter
        2. Spejling
        3. Skaler
        4. Vridning
        5. Bredde
        6. Fri transformering
        7. Pipette
        8. Bland
        9. Viskelæder
        10. Saks
  3. Illustrator på iPad
    1. Nu kommer Illustrator på iPad
      1. Oversigt over Illustrator på iPad
      2. Ofte stillede spørgsmål om Illustrator på iPad
      3. Systemkrav | Illustrator på iPad
      4. Hvad du kan og ikke kan gøre med Illustrator på iPad
    2. Arbejdsrum
      1. Illustrator-arbejdsrum på iPad
      2. Touchgenveje og -bevægelser
      3. Genvejstaster til Illustrator på iPad
      4. Administrer dine appindstillinger
    3. Dokumenter
      1. Arbejde med dokumenter i Illustrator på iPad'en
      2. Importér Photoshop- og Fresco-dokumenter
    4. Markér og arranger objekter
      1. Opret gentagelsesobjekter
      2. Blandede objekter
    5. Tegning
      1. Tegn og rediger kurver
      2. Tegn og rediger former
    6. Tekst
      1. Arbejd med tekst og skrifttyper
      2. Opret tekstdesign langs en kurve 
      3. Tilføj dine egne skrifttyper
    7. Arbejd med billeder
      1. Vektoriser rasterbilleder
    8. Farve
      1. Anvend farver og farveforløb
  4. Cloud-dokumenter
    1. Grundlæggende
      1. Arbejd med Illustrator-cloud-dokumenter
      2. Del og samarbejd i Illustrator-cloud-dokumenter
      3. Opgrader cloud-lagring til Adobe Illustrator
      4. Illustrator-cloud-dokumenter | Almindelige spørgsmål
    2. Fejlfinding
      1. Fejlfinding af problemer med at oprette eller gemme cloud-dokumenter i Illustrator
      2. Fejlfinding af problemer med cloud-dokumenter i Illustrator
  5. Tilføj og rediger indhold
    1. Tegning
      1. Grundlæggende om tegning
      2. Redigering af kurver
      3. Tegn pixel-perfekte illustrationer
      4. Tegning med penne-, krumnings- eller blyantsværktøjet
      5. Tegning af enkle linjer og former
      6. Billedvektor
      7. Forenkl en kurve
      8. Definition af perspektivgitre
      9. Symbolismeværktøjer og symbolsæt
      10. Justering af kurvesegmenter
      11. Design en blomst i 5 enkle trin
      12. Perspektivtegning
      13. Symboler
      14. Tegning af pixeljusterede kurver til webarbejdsforløb
    2. 3D -effekter og Adobe Substance-materialer
      1. Om 3D-effekter i Illustrator
      2. Opret 3D-grafik
      3. Knyt illustrationer til 3D-objekter
      4. Opret 3D-objekter
      5. Opret 3D-tekst
    3. Farve
      1. Om farver
      2. Vælg farver
      3. Brug og opret farveprøver
      4. Juster farver
      5. Brug panelet med Adobe Color-temaer
      6. Farvegrupper (harmonier)
      7. Panelet Farvetemaer
      8. Skift farve på din illustration
    4. Maling
      1. Om maling
      2. Mal med fyld og streger
      3. Dynamisk maling-grupper
      4. Forløb
      5. Pensler
      6. Gennemsigtighed og blandingstilstande
      7. Anvend streg på et objekt
      8. Opret og rediger mønstre
      9. Masker
      10. Mønstre
    5. Markér og arranger objekter
      1. Markér objekter
      2. Lag
      3. Grupper og udvid objekter
      4. Flyt, juster og fordel objekter
      5. Stabling af objekter    
      6. Lås, skjul og slet objekter
      7. Dubler objekter
      8. Roter og spejl objekter
    6. Omform objekter
      1. Beskær billeder
      2. Transformer objekter
      3. Kombiner objekter
      4. Klip, opdel og beskær objekter
      5. Fordrej som marionetdukke
      6. Skaler, vrid og forvræng objekter
      7. Blandede objekter
      8. Omformning med hylstre
      9. Omformning af objekter ved hjælp af effekter
      10. Opret nye former med værktøjerne Shaper og Opret form
      11. Arbejde med live-hjørner
      12. Berøringsunderstøttelse forbedrer dine arbejdsforløb
      13. Rediger udsnitsmasker
      14. Live-former
      15. Opret former med værktøjet Opret form
      16. Global redigering
    7. Tekst
      1. Tilføj tekst og arbejd med tekstobjekter
      2. Opret opstillinger med punkttegn og tal/bogstaver
      3. Styr tekstområde
      4. Skrifttyper og typografi
      5. Formater tekst
      6. Import og eksport af tekst
      7. Formater afsnit
      8. Specialtegn
      9. Opret tekst på en kurve
      10. Tegn- og afsnitstyper
      11. Faner
      12. Tekster
      13. Find manglende skrifttyper (Typekit-arbejdsforløb)
      14. Opdater tekst fra Illustrator 10
      15. Arabisk og hebraisk tekst
      16. Skrifttyper | Ofte stillede spørgsmål og tips om fejlfinding
      17. Opret 3D-teksteffekt
      18. Kreative typografiske design
      19. Skaler og roter tekst
      20. Linje- og tegnafstand
      21. Orddeling og linjeskift
      22. Tekstforbedringer
      23. Stave- og sprogordbøger
      24. Formater asiatiske tegn
      25. Ombryder til asiatiske skriftarter
      26. Opret tekstdesign med blandede objekter
      27. Opret en tekstplakat ved hjælp af Billedvektor
    8. Opret specialeffekter
      1. Arbejde med effekter
      2. Grafikformater
      3. Opret en skyggeeffekt
      4. Attributter for udseende
      5. Opret skitser og mosaikker
      6. Skyggeeffekter, skær og udtynding
      7. Oversigt over effekter
    9. Webgrafik
      1. Bedste fremgangsmåder for oprettelse af webgrafik
      2. Diagrammer
      3. SVG
      4. Opret animationer
      5. Udsnit og grafikobjekter
  6. Importere, eksportere og gemme
    1. Importér
      1. Placer flere filer
      2. Administrer sammenkædede og integrerede filer
      3. Kædeoplysninger
      4. Fjern integrering af billeder
      5. Import af illustrationer fra Photoshop
      6. Import af bitmapbilleder
      7. Import af Adobe PDF-filer
      8. Import af EPS-, DCS- og AutoCAD-filer
    2. Creative Cloud Libraries i Illustrator 
      1. Creative Cloud Libraries i Illustrator
    3. Gem
      1. Gem illustration
    4. Eksportér
      1. Brug Illustrator-illustrationer i Photoshop
      2. Eksportér illustration
      3. Hent aktiver, og eksportér i batches
      4. Pakkefiler
      5. Opret Adobe PDF-filer
      6. Udtræk CSS | Illustrator CC
      7. Adobe PDF-indstillinger
      8. Filoplysninger og metadata
  7. Udskrivning
    1. Forbered til udskrivning
      1. Konfigurer dokumenter til udskrivning
      2. Skift sidestørrelse og -retning
      3. Angiv skæremærker til beskæring eller justering
      4. Kom i gang med stort lærred
    2. Udskrivning
      1. Overprint
      2. Udskrivning med farvestyring
      3. PostScript-udskrivning
      4. Printerforudindstillinger
      5. Printermærker og beskæringer
      6. Udskriv og gem gennemsigtige illustrationer
      7. Diffusering
      8. Udskrive farveseparationer
      9. Udskrivning af farveforløb, masker og farveblandinger
      10. Hvid overprint
  8. Automatiser opgaver
    1. Datafletning ved hjælp af panelet Variabler
    2. Automatisering med scripts
    3. Automatisering med handlinger
  9. Fejlfinding 
    1. Problemer med, at programmet går ned
    2. Gendan filer efter nedbrud
    3. Filproblemer
    4. Understøttede filformater
    5. Problemer med GPU-enhedsdriver
    6. Problemer med Wacom-enhed
    7. Problemer med DLL-fil
    8. Problemer med hukommelse
    9. Problemer med indstillingsfil
    10. Problemer med skrifttyper
    11. Problemer med printer
    12. Del nedbrudsrapport med Adobe
    13. Optimering af ydeevnen i Illustrator

Illustrator indeholder en lang række værktøjer til oprettelse af layout til websider eller oprettelse og optimering af webgrafik. Brug f.eks. websikre farver, afstem billedkvaliteten med filstørrelsen, og vælg det bedste filformat til grafikken. Webgrafik kan udnytte fordelene ved udsnit og grafikobjekter, og du kan bruge mange forskellige optimeringsindstillinger for at sikre, at filerne vises korrekt på nettet.

Om webgrafik

Når du designer grafik til internettet, skal du gøre dig andre overvejelser, end når du designer grafik til tryk. 

Følgende tre retningslinjer vil kunne hjælpe dig med at træffe de rigtige beslutninger om webgrafik:

Brug websikre farver.

Farve er ofte det vigtigste aspekt af illustrationer. De farver, som du ser på tegnebrættet, er imidlertid ikke nødvendigvis de farver, som vises i en webbrowser på en andens system. Du kan forhindre rastersimulering (metoden med at simulere utilgængelige farver) og andre farveproblemer ved at træffe to foranstaltninger, når du opretter webgrafik. For det første skal du altid arbejde i RGB-farvetilstand. For det andet skal du bruge websikre farver.

Balance mellem billedkvalitet og filstørrelse.

Det er afgørende for at distribuere billeder på internettet, at du opretter grafikfiler i små størrelser. Med mindre filstørrelser kan webservere gemme og sende billeder mere effektivt, og brugerne kan hente billeder hurtigere. Du kan få vist størrelsen og den forventede overførselstid for et webgrafikelement i dialogboksen Gem til web og enheder.

Vælg det bedste filformat til grafikken.

De forskellige typer grafik skal gemmes i forskellige filformater for at blive vist bedst muligt og oprette en filstørrelse, der er passende til brug på internettet. Yderligere oplysninger om bestemte formater finder du under Indstillinger til optimering af webgrafik.

Bemærk:

Der findes mange Illustrator-skabeloner, der er oprettet specielt til internettet, herunder websider og bannere. Vælg Filer > Ny ud fra skabelon, hvis du vil vælge en skabelon.

Om tilstanden Vis pixel

For at sætte webdesignere i stand til at oprette pixelnøjagtigt design er den pixeljusterede egenskab blevet tilføjet i Illustrator. Når den pixeljusterede egenskab er aktiveret for et objekt, bliver alle de vandrette og lodrette segmenter i objektet justeret til pixelgitteret, hvilket gør stregerne knivskarpe. Når denne egenskab er angivet for objektet, vil det under enhver transformering blive genjusteret til pixelgitteret i overensstemmelse med dets nye koordinater. Du kan aktivere denne egenskab ved at vælge indstillingen Juster til pixelgitter i panelet Transformer. Illustrator indeholder også indstillingen Juster nye objekter til pixelgitter på dokumentniveau, der som standard er aktiveret for webdokumenter. Når denne egenskab er aktiveret, får nye objekter, som du tegner, pixeljusteringsegenskaben som standard.

Se Tegning af pixeljusterede kurver til webarbejdsforløb for yderligere oplysninger.

Når du gemmer illustrationer i et bitmapformat, f.eks. JPEG, GIF eller PNG, rasteriserer Illustrator illustrationerne med 72 pixel pr. tomme. Du kan se et eksempel på, hvordan objekter ser ud, når de rasteriseres, ved at vælge Vis > Vis pixel. Dette er især praktisk, når du vil styre objekters præcise placering, størrelse og kantudjævning i en rasteriseret grafik .

For at forstå, hvordan Illustrator opdeler objekter i pixel, skal du åbne en fil med vektorobjekter, vælge Vis > Vis pixel og forstørre illustrationen, så du kan se de enkelte pixel. Placeringen af pixel bestemmes af det pixelgitter, der inddeler tegnebrættet i 1‑punkts intervaller (1/72 tomme). Du kan få vist pixelgitteret ved at zoome ind til  600 % visning. Hvis du flytter, tilføjer eller transformerer et objekt, fastgøres objektet til pixelgitteret. Som følge af dette forsvinder kantudjævning langs de "fastgjorte" kanter af objektet (normalt venstre og øverste kant). Fravælg nu kommandoen Vis > Fastgør til pixel, og flyt objektet. Du vil nu kunne placere objektet mellem gitterlinjerne. Læg mærke til, hvordan dette påvirker objektets kantudjævning. Som du kan se, kan  meget  små justeringer påvirke den måde, som objektet rasteriseres på.

Pixeleksempel deaktiveret (top) sammenlignet med aktiveret (bund)
Pixeleksempel deaktiveret (top) sammenlignet med aktiveret (bund)

Bemærk:

Pixelgitteret er følsomt over for linealens startpunkt (0,0). Hvis linealens startpunkt flyttes, ændres den måde, Illustrator rasteriserer illustrationen på.

Tip til oprettelse af Illustrator-billeder til mobilenheder

Du kan optimere grafisk indhold til mobilenheder ved at gemme illustrationer oprettet i Illustrator i et SVG-format, herunder SVG‑t, som er særligt designet til mobilenheder.

Brug følgende tip til at sikre, at billeder oprettet i Illustrator vises godt på mobilenheder:

  • Brug SVG-standarden til at oprette indhold. Hvis du bruger SVG til at udgive vektorgrafik på mobilenheder, medfører det mindre filstørrelse, skærmuafhængighed, bedre farvestyring, mulighed for zoom og tekst, der kan redigeres (i kildekoden). Eftersom SVG er XML-baseret, kan du ligeledes medtage interaktivitet i billeder, f.eks. fremhævning, værktøjstip, specialeffekter, lyd og animation.

  • Arbejd fra starten med de endelige dimensioner for den eller de mobile målenheder. Selvom SVG er skalerbar, kan du ved at arbejde med den korrekte størrelse sikre, at den endelige grafik er optimeret i kvalitet og størrelse til målenhed(er).

  • Indstil Illustrator-farvetilstanden til RGB. SVG ses på RGB-rasterenheder som f.eks. skærme.

  • Du kan formindske filstørrelsen ved at prøve at reducere antallet af objekter (herunder grupper) eller gøre filen mindre kompleks (færre punkter). Når du bruger færre punkter, medfører det en markant reduktion af den mængde tekstoplysninger, der er nødvendig for at beskrive illustrationen i SVG-filen. Du kan reducere punkter ved at vælge Objekt > Kurve > Forenkling og prøve forskellige kombinationer for at finde en balance mellem kvalitet og antal punkter.

  • Brug symboler, når det er muligt. Symboler definerer de vektorer, der beskriver et objekt én gang i stedet for flere gange. Det er praktisk, hvis illustrationen indeholder objekter, f.eks. knapbaggrunde, der genbruges.

  • Når du animerer grafik, skal du begrænse det anvendte antal objekter og prøve at genbruge objekter så meget som muligt for at reducere filstørrelsen. Anvend animationer på grupper af objekter i stedet for på enkelte objekter for at undgå gentagelse af kode.

  • Overvej at bruge SVGZ, den komprimerede gzippede version af SVG. Komprimering kan formindske filstørrelsen markant, afhængigt af indholdet. Tekst kan normalt komprimeres kraftigt, men det gælder ikke binært kodet indhold som f.eks. integrerede rastere (JPEG-, PNG- eller GIF-filer). SVGZ-filer kan dekomprimeres af et program, som udpakker filer komprimeret med gzip. Kontrollér, at den mobile målenhed kan dekomprimere gzip-filer, for at bruge SGVZ korrekt.

Adobe-logo

Log ind på din konto