Brugerhåndbog Annuller

SVG

  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
      5. GPU-ydeevne
    2. Arbejdsrum
      1. Grundlæggende om arbejdsrum
      2. Opret dokumenter
      3. Lær hurtigere med panelet Opdag i Illustrator
      4. Fremskynd arbejdsgange ved hjælp af den kontekstuelle opgavelinje
      5. Værktøjslinje
      6. Standardtastaturgenveje
      7. Tilpas tastaturgenveje
      8. Introduktion til tegnebrætter
      9. Administrer tegnebrætter
      10. Tilpas arbejdsrummet
      11. Panelet Egenskaber
      12. Angive indstillinger
      13. Touch-arbejdsrum
      14. Understøttelse af Microsoft Surface Dial i Illustrator
      15. Fortryd redigeringer og administrer designhistorik
      16. Roter visning
      17. Linealer, gitre og hjælpelinjer
      18. Tilgængelighed i Illustrator
      19. Vis illustrationer
      20. Brug Touch Bar med Illustrator
      21. 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
        11. Dimension
    4. Generativ AI (ikke tilgængelig i det kinesiske hovedland)
      1. Generér scener, motiver og ikoner ved hjælp af tekstprompter
      2. Generér vektormønstre ved hjælp af tekstprompter
      3. Generér vektorformudfyldninger ved hjælp af tekstprompter
      4. Farv din illustration igen ved hjælp af tekstprompter
    5. Hurtige handlinger
      1. Retro-tekst
      2. Neonskær-tekst
      3. Old school-tekst
      4. Skift farve
      5. Konverter skitse til vektor
  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 om Illustrator-cloud-dokumenter
      3. Del dokumenter til gennemgang
      4. Opgrader cloud-lagring til Adobe Illustrator
      5. 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. Tegn enkle streger og former
      6. Tegn rektangulære og polære gitre
      7. Tegn og rediger overstrålinger
      8. Vektoriser billeder
      9. Forenkl en kurve
      10. Symbolismeværktøjer og symbolsæt
      11. Juster kurvesegmenter
      12. Design en blomst i 5 enkle trin
      13. Opret og rediger et perspektivgitter
      14. Tegn og rediger objekter på et perspektivgitter
      15. Brug objekter som symboler til gentagen brug
      16. Tegn pixeljusterede kurver til webarbejdsforløb
    2. Måling
      1. Mål og plot dimensioner
    3. 3D-objekter og materialer
      1. Om 3D-effekter i Illustrator
      2. Opret 3D-grafik
      3. Knyt illustrationer til 3D-objekter
      4. Opret 3D-tekst
      5. Opret 3D-objekter
    4. 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
    5. 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
    6. Markér og arranger objekter
      1. Markér objekter
      2. Lag
      3. Udvid, gruppér og ophæv gruppering af objekter
      4. Flyt, juster og fordel objekter
      5. Juster, arranger og flyt objekter på en kurve
      6. Fastgør objekter til glyf
      7. Fastgør objekter til japansk glyf
      8. Stabling af objekter    
      9. Lås, skjul og slet objekter
      10. Kopiér og dubler objekter
      11. Roter og spejl objekter
      12. Sammenflet objekter
      13. Opret realistiske illustrationsmodeller
    7. 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
    8. Tekst
      1. Tilføj tekst og arbejd med tekstobjekter
      2. Reflow-fremviser
      3. Opret opstillinger med punkttegn og tal/bogstaver
      4. Styr tekstområde
      5. Skrifttyper og typografi
      6. Konverter tekst i billeder til redigerbar tekst
      7. Føj grundlæggende formatering til tekst
      8. Føj avanceret formatering til tekst
      9. Import og eksport af tekst
      10. Formater afsnit
      11. Specialtegn
      12. Opret tekst på en kurve
      13. Tegn- og afsnitstyper
      14. Faner
      15. Tilføj manglende skrifttyper fra Adobe Fonts
      16. Arabisk og hebraisk tekst
      17. Skrifttyper | Ofte stillede spørgsmål og tips om fejlfinding
      18. Kreative typografiske design
      19. Skaler og roter tekst
      20. Linje- og tegnafstand
      21. Orddeling og linjeskift
      22. Stave- og sprogordbøger
      23. Formater asiatiske tegn
      24. Ombryder til asiatiske skriftarter
      25. Opret tekstdesign med blandede objekter
      26. Opret en tekstplakat ved hjælp af Billedvektor
    9. Opret specialeffekter
      1. Arbejde med effekter
      2. Grafikformater
      3. Attributter for udseende
      4. Opret skitser og mosaikker
      5. Skyggeeffekter, skær og udtynding
      6. Oversigt over effekter
    10. Webgrafik
      1. Bedste fremgangsmåder for oprettelse af webgrafik
      2. Diagrammer
      3. SVG
      4. 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. Ophæv integrering af billeder
      5. Importér 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 og eksportér
      1. Gem illustration
      2. Eksportér illustrationer
      3. Opret Adobe PDF-filer
      4. Adobe PDF-indstillinger
      5. Brug Illustrator-illustrationer i Photoshop
      6. Hent aktiver, og eksportér i batches
      7. Pakkefiler
      8. Udtræk CSS | Illustrator CC
      9. Panelet Dokumentinfo
  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. Løste problemer
    2. Kendte problemer
    3. Problemer med, at programmet går ned
    4. Gendan filer efter nedbrud
    5. Sikker tilstand
    6. Filproblemer
    7. Understøttede filformater
    8. Problemer med GPU-enhedsdriver
    9. Problemer med Wacom-enhed
    10. Problemer med DLL-fil
    11. Problemer med hukommelse
    12. Problemer med indstillingsfil
    13. Problemer med skrifttyper
    14. Problemer med printer
    15. Del nedbrudsrapport med Adobe
    16. Optimering af ydeevnen i Illustrator

Lær at arbejde med SVG for at du kan bruge XML og JavaScript til at oprette webgrafik, som reagerer på brugerhandlinger med raffinerede effekter som f.eks. fremhævning, værktøjstip, lyd og animation.

Adobe Illustrator-deeplink

Prøv det i appen
Anvend SVG-filtre med nogle få enkle trin.

Om SVG

SVG er et vektorformat, der beskriver billeder som former, kurver, tekst og filtereffekter. De filer, der oprettes, er kompakte og giver grafik af høj kvalitet på internettet, på tryk og tilmed på håndholdte enheder med begrænsede ressourcer, i modsætning til GIF, JPEG, WBMP og PNG, som er store. Brugerne kan forstørre et SVG-billede på skærmen, uden at det går ud over skarphed eller detaljer. Derudover giver SVG god understøttelse af tekst og farver, så brugerne ser billederne, som de vises på tegnebrættet i Illustrator.

SVG-formatet er fuldstændigt XML-baseret og giver både udviklere og brugere mange fordele. 

Du kan gemme illustrationer i SVG-format med kommandoerne Gem, Gem som, Gem en kopi eller Gem til web og enheder. Hvis du vil have adgang til det samlede sæt af SVG-eksportindstillinger, skal du bruge kommandoen Gem, Gem som eller Gem en kopi. Kommandoen Gem til web og enheder indeholder en delmængde af SVG-eksportindstillinger, som kan bruges til webrelateret arbejde.

Anvend SVG-effekter

Du kan bruge SVG-effekter (filtre) til at tilføje grafikegenskaber, såsom skyggeeffekter, i illustrationen. SVG-effekter adskiller sig fra de tilsvarende bitmapeffekter ved at være XML-baserede og opløsningsuafhængige. En SVG-effekt er i realiteten ikke andet end en række XML-egenskaber, der beskriver forskellige matematiske funktioner. Den endelige effekt gengives i målobjektet i stedet for kildegrafikken.

Illustrator indeholder et standardsæt SVG-effekter. Du kan anvende en standardeffekt direkte eller redigere dens XML-kode for at tilpasse den. Du kan også oprette nye SVG-effekter.

Bemærk:

For at ændre Illustrators standard SVG-filtre skal du redigere Adobe SVG Filters.svg-filen på følgende placering ved hjælp af en teksteditor:

  • macOS: ~/Library/Application Support/Adobe/Adobe Illustrator <version>/<locale>
  • Windows: C:\Brugere\<brugernavn>\AppData\Roaming\Adobe\Adobe Illustrator <version> Settings\<sprog>\x64

Du kan ændre eksisterende filterdefinitioner, slette dem og tilføje nye.

Anvend en standardeffekt

  1. Markér et objekt eller en gruppe (eller et lag i panelet Lag).

  2. Gå til Effekt > SVG-filtre > Anvend SVG-filtre.

Anvend en tilpasset effekt

  1. Markér et objekt eller en gruppe (eller et lag i panelet Lag).

  2. Gå til Effekt > SVG-filtre > Anvend SVG-filter.

  3. Vælg en effekt i dialogboksen, og vælg derefter Rediger SVG-filter   . Rediger standardkoden, og vælg OK.

Opret og anvend en ny effekt

  1. Markér et objekt eller en gruppe (eller et lag i panelet Lag).

  2. Gå til Effekt > SVG-filtre > Anvend SVG-filter.

  3. I dialogboksen skal du vælge Nyt SVG-filter   . Angiv den nye kode, og vælg OK.

Når du anvender en SVG-filtereffekt, viser Illustrator en rasteriseret version af effekten på tegnebrættet. Du kan styre dette eksempelbilledes opløsning ved at ændre dokumentets indstilling for rasteriseringsopløsning.

Bemærk:

En SVG-effekt skal være den sidste effekt, når et objekt bruger flere effekter. Det skal med andre ord stå i bunden af panelet Udseende (lige over Gennemsigtighed indekseringen). Hvis der følger andre effekter efter en SVG-effekt, består SVG-outputtet af et rasterobjekt.

Importere effekter fra en SVG-fil

  1. Vælg Effekt > SVG-filter > Importer SVG-filter.

  2. Markér den SVG-fil, du vil importere effekter fra, og vælg Åbn.

Oversigt over panelet SVG-interaktivitet

Med panelet SVG-interaktivitet kan du se alle hændelser og JavaScript-filer, der er knyttet til den aktuelle fil.
Du kan bruge panelet SVG-interaktivitet (Vindue > SVG-interaktivitet) til at føje interaktivitet til illustrationen, når den eksporteres til visning i en webbrowser. Hvis du for eksempel opretter en hændelse, som aktiverer en JavaScript-kommando, kan du hurtigt oprette bevægelse på en webside, når brugeren udfører en handling som for eksempel at bevæge en musemarkør hen over et objekt.

Slet en hændelse fra panelet SVG-interaktivitet

Du kan bruge panelet SVG-interaktivitet til at slette en eller alle hændelser.

Sådan sletter du en hændelse

  • Vælg hændelsen, og vælg Fjern valgt element  .

Sådan sletter du alle hændelser

  • Vælg Ryd hændelser i panelmenuen  

Vis, tilføj eller slet hændelser kædet sammen med en fil

Vælg Opret kæde til JavaScript-filer,   og vælg Tilføj for at tilføje flere JavaScript-filer. Hvis du derimod vil fjerne det valgte JavaScript-element, skal du vælge Fjern.

Tilføj SVG-interaktivitet i illustrationer

  1. Vælg en hændelse i panelet SVG-interaktivitet. (Se SVG-hændelser).

  2. Angiv det tilsvarende JavaScript, og tryk på Enter.

SVG-hændelser

onfocusin

Aktiverer handlingen, når elementet aktiveres, f.eks. ved markering med markøren.

onfocusout

Aktiverer handlingen, når elementet gøres inaktivt (ofte når et andet element aktiveres).

onactivate

Aktiverer handlingen med et museklik eller tastetryk, afhængigt af SVG-elementet.

onmousedown

Aktiverer handlingen, når museknappen trykkes ned, mens markøren er placeret på et element.

onmouseup

Aktiverer handlingen, når museknappen slippes, mens markøren er placeret på et element.

onclick

Aktiverer handlingen, når der klikkes med museknappen, mens markøren er placeret på et element.

onmouseover

Aktiverer handlingen, når markøren placeres på et element.

onmousemove

Aktiverer handlingen, mens markøren er placeret på et element.

onmouseout

Aktiverer handlingen, når markøren flyttes væk fra et element.

onkeydown

Aktiverer handlingen, når en tast trykkes ned.

onkeypress

Aktiverer handlingen, mens en tast er trykket ned.

onkeyup

Aktiverer handlingen, når en tast slippes.

onload

Aktiverer handlingen, når SVG-dokumentet er blevet analyseret fuldstændigt af browseren. Brug denne hændelse til at kalde initialiseringsfunktioner, der kun skal udføres én gang.

onerror

Aktiverer handlingen, når et element ikke indlæses korrekt, eller der opstår en anden fejl.

onabort

Aktiverer handlingen, når indlæsningen af siden standses, før elementet er fuldstændigt indlæst.

onunload

Aktiverer handlingen, når SVG-dokumentet fjernes fra et vindue eller en ramme.

onzoom

Aktiverer handlingen, når zoomniveauet ændres for dokumentet.

onresize

Aktiverer handlingen, når størrelsen på dokumentet ændres.

onscroll

Aktiverer handlingen, når dokumentvisningen rulles eller panoreres.

Tip til oprettelse af SVG-filer

  • Brug lag til at føje struktur til en SVG-fil. Hvert lag konverteres til et gruppeelement (<g>), når du gemmer illustrationer i SVG-format. (For eksempel bliver et lag ved navn Knap1 til <g id="Button1_ver3.0"> i SVG-filen.) Indlejrede lag bliver SVG-indlejrede grupper, og skjulte lag bevares med SVG-stilegenskaben display="none".

  • Hvis objekter i forskellige lag skal være gennemsigtige, skal du justere hvert objekts opacitet i stedet for hvert lags.

  • Rasterdata kan ikke skaleres i SVG Viewer og kan ikke redigeres som andre SVG-elementer. Du kan blot undgå at oprette illustrationer, som skal rasteriseres i SVG-filen. Brug SVG-effekter til at tilføje grafikeffekter uden rasterisering.

  • Brug symboler, og gør kurverne i illustrationen enklere for at forbedre SVG-ydeevne. Hvis du prioriterer ydelse, bør du desuden undgå at bruge pensler, som producerer mange kurvedata, for eksempel Trækul, Aske og Rullepen.

  • Brug udsnit, grafikobjekter og scripts til at tilføje webhyperlinks i en SVG-fil.

  • Et scriptsprog, f.eks. JavaScript, åbner op for ubegrænset funktionalitet i en SVG-fil. Markør- og tastaturbevægelser kan aktivere scriptfunktioner som for eksempel overgangseffekter.

Indstillinger for eksport af weboptimeret SVG

En ny indstilling til SVG-eksport (Filer > Eksportér > Eksportér som > SVG) er tilgængelig. Det nye arbejdsforløb tillader, at du genererer standardiserede, weboptimerede SVG-filer til dine web- og skærmdesignprojekter. Du kan finde flere oplysninger under Indstillinger for SVG-eksport.

Mere som dette

Har du et spørgsmål eller en idé?

Spørg i fællesskabet

Hvis du har et spørgsmål eller en god idé, så kom og deltag i Adobe Illustrator Community. Vi vil meget gerne høre fra dig og se dine kreationer.

Få hjælp hurtigere og nemmere

Ny bruger?