Handboek Annuleren

Aanbevolen procedures voor het maken van webafbeeldingen

  1. Illustrator Handboek
  2. Kennismaken met Illustrator
    1. Inleiding tot Illustrator
      1. Nieuw in Illustrator
      2. Algemene vragen
      3. Systeemvereisten voor Illustrator
      4. Illustrator voor Apple silicon
    2. Werkruimte
      1. Basisbeginselen van de werkruimte
      2. Documenten maken
      3. Werkbalk
      4. Standaardsneltoetsen
      5. Sneltoetsen aanpassen
      6. Inleiding in tekengebieden
      7. Tekengebieden beheren
      8. De werkruimte aanpassen
      9. Deelvenster Eigenschappen
      10. Voorkeuren instellen
      11. Werkruimte voor aanraken
      12. Ondersteuning voor Microsoft Surface Dial in Illustrator
      13. Herstellen, ongedaan maken, geschiedenis en automatisch uitvoeren
      14. Weergave draaien
      15. Linialen, rasters en hulplijnen
      16. Toegankelijkheid in Illustrator
      17. Veilige modus
      18. Illustraties weergeven
      19. De Touch Bar gebruiken met Illustrator
      20. Bestanden en sjablonen
    3. Gereedschappen in Illustrator
      1. Overzicht van gereedschappen
      2. Selectiegereedschappen
        1. Selectie
        2. Direct selecteren
        3. Groep selecteren
        4. Toverstaf
        5. Lasso
        6. Tekengebied
      3. Navigatiegereedschappen
        1. Handje
        2. Weergave draaien
        3. Zoomen
      4. Schildergereedschappen
        1. Verloop
        2. Net
        3. Vormen maken
      5. Tekstgereedschappen
        1. Tekst
        2. Tekst op een pad
        3. Verticale tekst
      6. Tekengereedschappen
        1. Pen
        2. Ankerpunt-toevoegen
        3. Ankerpunt verwijderen
        4. Ankerpunt
        5. Kromming
        6. Lijnsegment
        7. Rechthoek
        8. Afgeronde rechthoek
        9. Ovaal
        10. Veelhoek
        11. Ster
        12. Penseel
        13. Klodderpenseel
        14. Potlood
        15. Shaper
        16. Segment
      7. Bewerkingsgereedschappen
        1. Roteren
        2. Spiegelen
        3. Schalen
        4. Schuin
        5. Breedte
        6. Vrije transformatie
        7. Pipet
        8. Overvloeien
        9. Gummetje
        10. Schaar
  3. Illustrator op de iPad
    1. Inleiding in Illustrator op de iPad
      1. Overzicht van Illustrator op de iPad
      2. Veelgestelde vragen over Illustrator op de iPad
      3. Systeemvereisten | Illustrator op de iPad
      4. Wat u wel of niet kunt doen in Illustrator op de iPad
    2. Werkruimte
      1. De werkruimte van Illustrator op de iPad
      2. Snelknoppen en bewegingen
      3. Sneltoetsen voor Illustrator op de iPad
      4. Uw app-instellingen beheren
    3. Documenten
      1. Werken met documenten in Illustrator op de iPad
      2. Photoshop- en Fresco-documenten importeren
    4. Objecten selecteren en rangschikken
      1. Herhaalde objecten maken
      2. Objecten laten overvloeien
    5. Tekenen
      1. Paden tekenen en bewerken
      2. Vormen tekenen en bewerken
    6. Tekst
      1. Werken met tekst en lettertypen
      2. Tekstontwerpen langs een pad maken
      3. Uw eigen lettertypen toevoegen
    7. Werken met afbeeldingen
      1. Rasterafbeeldingen omzetten in vectoren
    8. Kleur
      1. Kleuren en verlopen toepassen
  4. Clouddocumenten
    1. Basisbeginselen
      1. Werken met Illustrator-clouddocumenten
      2. Illustrator-clouddocumenten delen en eraan samenwerken
      3. Cloudopslag voor Adobe Illustrator upgraden
      4. Illustrator-clouddocumenten | Algemene vragen
    2. Problemen oplossen
      1. Problemen met het maken of opslaan van clouddocumenten in Illustrator oplossen
      2. Problemen met clouddocumenten in Illustrator oplossen
  5. Inhoud toevoegen en bewerken
    1. Tekenen
      1. Grondbeginselen van tekenen
      2. Paden bewerken
      3. Pixel-perfecte illustraties tekenen
      4. Tekenen met de pen, het potlood of het gereedschap Kromming
      5. Eenvoudige lijnen en vormen tekenen
      6. Afbeeldingen overtrekken
      7. Een pad vereenvoudigen
      8. Perspectiefrasters definiëren
      9. Symboolgereedschappen en symboolsets
      10. Padsegmenten aanpassen
      11. Een bloem ontwerpen in 5 eenvoudige stappen
      12. Perspectief tekenen
      13. Symbolen
      14. Paden met pixeluitlijning tekenen voor webworkflows
    2. 3D-effecten en Adobe Substance-materialen
      1. Over 3D-effecten in Illustrator
      2. 3D-afbeeldingen maken
      3. Illustraties toewijzen aan 3D-objecten
      4. 3D-objecten maken
      5. 3D-tekst maken
    3. Kleur
      1. Kleuren
      2. Kleuren selecteren
      3. Stalen gebruiken en maken
      4. Kleuren aanpassen
      5. Het deelvenster Adobe Color-thema's gebruiken
      6. Kleurgroepen (harmonieën)
      7. Deelvenster Kleurthema's
      8. Illustraties opnieuw kleuren
    4. Schilderen
      1. Informatie over schilderen
      2. Schilderen met vullingen en lijnen
      3. Groepen van Actieve verf
      4. Verlopen
      5. Penselen
      6. Transparantie- en overvloeiingsmodi
      7. Lijnen toepassen op een object
      8. Patronen maken en bewerken
      9. Netten
      10. Patronen
    5. Objecten selecteren en rangschikken
      1. Objecten selecteren
      2. Lagen
      3. Objecten groeperen en uitbreiden
      4. Objecten verplaatsen, uitlijnen en verdelen
      5. Objecten stapelen    
      6. Objecten vergrendelen, verbergen en verwijderen
      7. Objecten dupliceren
      8. Objecten roteren en spiegelen
    6. Objecten omvormen
      1. Afbeeldingen uitsnijden
      2. Objecten transformeren
      3. Objecten combineren
      4. Objecten knippen, splitsen en verkleinen
      5. Marionet verdraaien
      6. Objecten schalen, schuintrekken en vervormen
      7. Objecten laten overvloeien
      8. Omvormen met omhulsels
      9. Objecten omvormen met effecten
      10. Nieuwe vormen maken met de gereedschappen Shaper en Vormen maken
      11. Werken met actieve hoeken
      12. Verbeterde workflows voor omvormen met ondersteuning voor aanraking
      13. Uitknipmaskers bewerken
      14. Actieve vormen
      15. Vormen maken met het gereedschap Vormen maken
      16. Algemene bewerking
    7. Tekst
      1. Tekst en ander werk toevoegen met tekstobjecten
      2. Genummerde lijsten en lijsten met opsommingstekens maken
      3. Tekstgebied beheren
      4. Lettertypen en typografie
      5. Tekst opmaken
      6. Tekst importeren en exporteren
      7. Alinea's opmaken
      8. Speciale tekens
      9. Tekst op een pad maken
      10. Teken- en alineastijlen
      11. Tabs
      12. Informatie over tekst
      13. Ontbrekende lettertypen zoeken (Typekit-workflow)
      14. Tekst uit Illustrator 10 bijwerken
      15. Arabische en Hebreeuwse tekst
      16. Lettertypen | Veelgestelde vragen en tips voor probleemoplossing
      17. Een 3D-teksteffect maken
      18. Creatieve typografische ontwerpen
      19. Tekst schalen en roteren
      20. Regelafstand en tekenafstand
      21. Woordafbreking en regelafbreking
      22. Tekstverbeteringen
      23. Spelling- en taalwoordenboeken
      24. Aziatische tekens opmaken
      25. Composers voor Aziatische schriften
      26. Tekstontwerpen maken met overvloeiobjecten
      27. Een tekstposter maken met Afbeeldingen overtrekken
    8. Speciale effecten maken
      1. Werken met effecten
      2. Afbeeldingsstijlen
      3. Een slagschaduw maken
      4. Vormgevingskenmerken
      5. Schetsen en mozaïeken maken
      6. Slagschaduw, gloed en doezeleffect
      7. Overzicht van effecten
    9. Webafbeeldingen
      1. Aanbevolen procedures voor het maken van webafbeeldingen
      2. Grafieken
      3. SVG
      4. Animaties maken
      5. Segmenten en afbeeldingen met hyperlinks
  6. Importeren, exporteren en opslaan
    1. Importeren
      1. Meerdere bestanden plaatsen
      2. Gekoppelde en ingesloten bestanden beheren
      3. Informatie over koppelingen
      4. Het insluiten van afbeeldingen ongedaan maken
      5. Illustraties importeren uit Photoshop
      6. Bitmapafbeeldingen importeren
      7. Adobe PDF-bestanden importeren
      8. EPS-, DCS- en AutoCAD-bestanden importeren
    2. Creative Cloud Libraries in Illustrator 
      1. Creative Cloud Libraries in Illustrator
    3. Opslaan
      1. Illustraties opslaan
    4. Exporteren
      1. Illustrator-illustraties gebruiken in Photoshop
      2. Een illustratie exporteren
      3. Assets verzamelen en exporteren in batches
      4. Bestanden in een pakket opnemen
      5. Adobe PDF-bestanden maken
      6. CSS extraheren | Illustrator CC
      7. Adobe PDF-opties
      8. Bestandsinformatie en metagegevens
  7. Afdrukken
    1. Voorbereiden op afdrukken
      1. Documenten instellen voor afdrukken
      2. Het paginaformaat en de afdrukstand wijzigen
      3. Snijtekens opgeven voor bijsnijden of uitlijnen
      4. Aan de slag met een groot canvas
    2. Afdrukken
      1. Overdrukken
      2. Afdrukken met kleurbeheer
      3. Afdrukken met PostScript
      4. Afdrukvoorinstellingen
      5. Drukkersmarkeringen en afloopgebieden
      6. Transparante illustraties afdrukken en opslaan
      7. Overvullen
      8. Kleurscheidingen afdrukken
      9. Verlopen, netten en kleurovervloeiingen afdrukken
      10. Witte overdruk
  8. Taken automatiseren
    1. Gegevens samenvoegen met behulp van het deelvenster Variabelen
    2. Automatiseren met behulp van scripts
    3. Automatiseren met behulp van handelingen
  9. Problemen oplossen 
    1. Crashproblemen
    2. Bestanden herstellen na een crash
    3. Problemen met bestanden
    4. Ondersteunde bestandsindelingen
    5. Problemen met GPU-stuurprogramma's
    6. Problemen met Wacom-apparaten
    7. Problemen met DLL-bestanden
    8. Geheugenproblemen
    9. Problemen met voorkeurenbestanden
    10. Lettertypeproblemen
    11. Printerproblemen
    12. Foutrapport delen met Adobe
    13. De prestaties van Illustrator verbeteren

Illustrator bevat allerlei gereedschappen voor het maken van een lay-out voor webpagina's of voor het maken en optimaliseren van webafbeeldingen. Gebruik bijvoorbeeld webveilige kleuren, zorg dat de kwaliteit van de afbeelding en de bestandsgrootte op elkaar zijn afgestemd en kies de beste bestandsindeling voor uw afbeelding. Webafbeeldingen kunnen de voordelen van segmenten en afbeeldingen met hyperlinks benutten en u kunt diverse optimalisatieopties gebruiken om te controleren of uw bestanden goed op het web worden weergegeven.

Webafbeeldingen

Wanneer u afbeeldingen ontwerpt voor het web, dient u rekening te houden met andere kwesties dan bij het ontwerpen van afbeeldingen die worden afgedrukt. 

Houd daarom rekening met de volgende drie richtlijnen voor verstandige beslissingen over webafbeeldingen:

Gebruik webveilige kleuren.

Kleur is vaak een belangrijk aspect van illustraties. De kleuren die u in het tekengebied ziet, komen echter niet altijd overeen met de kleuren die in de webbrowser van een andere gebruiker worden weergegeven. U kunt dithering (het simuleren van niet-beschikbare kleuren) en andere kleurproblemen voorkomen door tijdens het maken van webillustraties twee voorzorgsmaatregelen te treffen. Werk ten eerste altijd in de RGB-kleurmodus. Ten tweede kunt u het beste webveilige kleuren gebruiken.

Zorg voor een balans tussen afbeeldingskwaliteit en bestandsgrootte.

Voor de distributie van afbeeldingen op het web is het van essentieel belang dat u kleine afbeeldingsbestanden maakt. Webservers kunnen kleine bestanden efficiënter opslaan en overdragen en bezoekers kunnen ze sneller downloaden. U kunt de grootte van en de geschatte downloadtijd voor een webafbeelding bekijken in het dialoogvenster Opslaan voor web en apparaten.

Kies de beste bestandsindeling voor de afbeelding.

Verschillende typen afbeeldingen moeten voor optimale weergave en voor geschikte bestandsgrootte voor het web in verschillende bestandsindelingen worden opgeslagen. Zie Optimalisatieopties voor webafbeeldingen voor meer informatie over specifieke indelingen.

Opmerking:

Illustrator bevat een groot aantal sjablonen die speciaal voor het web zijn gemaakt, met inbegrip van webpagina's en webbanners. Kies Bestand > Nieuw van sjabloon als u een sjabloon wilt kiezen.

De modus Voorvertoning pixels

Om webontwerpers in staat te stellen accurate pixelontwerpen te maken, is de eigenschap 'pixeluitlijning' toegevoegd aan Illustrator. Wanneer de eigenschap 'pixeluitlijning' is ingeschakeld voor een object, worden alle horizontale en verticale segmenten in het object uitgelijnd op het pixelraster, zodat lijnen een zuivere weergave krijgen. Bij transformaties wordt een object opnieuw uitgelijnd op het pixelraster op basis van de nieuwe coördinaten, zolang deze eigenschap is ingesteld voor het object. U kunt deze eigenschap inschakelen door de optie Uitlijnen op pixelraster te selecteren in het deelvenster Transformeren. Illustrator bevat ook de optie Nieuwe objecten uitlijnen op pixelraster op documentniveau. Deze optie is standaard ingeschakeld voor webdocumenten. Wanneer deze eigenschap is ingeschakeld, is voor nieuwe objecten die u tekent de eigenschap 'pixeluitlijning' standaard ingesteld.

Zie Op pixels uitgelijnde paden voor webworkflows tekenen voor meer informatie.

Wanneer u een illustratie opslaat in bitmapindeling, zoals JPEG, GIF of PNG, wordt de illustratie in Illustrator gerasterd op 72 pixels per inch. Als u een voorvertoning van gerasterde objecten wilt weergeven, kiest u Weergave > Voorvertoning pixel. Deze opdracht is met name handig als u de exacte plaatsing, grootte en anti-aliasing van objecten in een gerasterde afbeelding wilt bepalen .

Ga als volgt te werk om te begrijpen hoe objecten in pixels worden verdeeld: open een bestand met vectorobjecten, kies Weergave > Voorvertoning pixels en vergroot de afbeelding, zodat u de afzonderlijke pixels kunt zien. De plaatsing van pixels wordt bepaald door het pixelraster dat het tekengebied verdeelt in stappen van 1 punt (1/72 inch). U kunt het pixelraster bekijken als u inzoomt tot 600%. Als u een object verplaatst, toevoegt of transformeert, wordt het object uitgelijnd op het pixelraster. Het resultaat is dat eventuele anti-aliasing langs de 'uitgelijnde' randen van het object (meestal de linker- en bovenrand) verdwijnt. Schakel de opdracht Weergave > Magnetisch pixel uit en verplaats het object. Nu kunt u het object tussen de rasterlijnen plaatsen. U ziet hoe dit de anti-aliasing van het object beïnvloedt. Zoals u kunt zien, kunnen  zeer  kleine aanpassingen van invloed zijn op de manier waarop het object wordt gerasterd.

Voorvertoning pixels uit (boven) en aan (onder)
Voorvertoning pixels uit (boven) en aan (onder)

Opmerking:

Het pixelraster wordt beïnvloed door de oorsprong van de liniaal (0,0). Als u de oorsprong van de liniaal verplaatst, wordt de rastering van een illustratie gewijzigd.

Tips voor het maken van Illustrator-afbeeldingen voor mobiele apparaten

Als u grafische inhoud wilt optimaliseren voor mobiele apparaten, moet u illustraties die in Illustrator zijn gemaakt, opslaan in een SVG-indeling, zoals de indeling SVG-t, die speciaal is ontwikkeld voor mobiele apparaten.

Gebruik de volgende tips om ervoor te zorgen dat afbeeldingen die in Illustrator zijn gemaakt, goed worden weergegeven op mobiele apparaten:

  • Gebruik de SVG-standaard om inhoud te maken. Als u SVG gebruikt om vectorafbeeldingen te publiceren op mobiele apparaten, resulteert dat in kleine bestanden, onafhankelijkheid van schermen, een uitstekend kleurbeheer, de mogelijkheid om in en uit te zoomen en bewerkbare tekst (binnen de broncode). Omdat SVG op XML is gebaseerd, kunt u bovendien interactieve functies in uw afbeeldingen opnemen, zoals markering, knopinfo, speciale effecten, geluid en animatie.

  • Werk van het begin af aan met de uiteindelijke afmetingen van de mobiele apparaten waarvoor u de inhoud maakt. Hoewel SVG schaalbaar is, is het verstandig om direct te werken op de juiste grootte om ervoor te zorgen dat de uiteindelijke afbeeldingen wat betreft kwaliteit en formaat zijn geoptimaliseerd voor de doelapparaten.

  • Stel de kleurmodus van Illustrator in op RGB. SVG wordt weergegeven op apparaten met een RGB-rasterbeeldscherm, zoals een monitor.

  • U kunt proberen een bestand minder groot te maken door het aantal objecten (inclusief groepen) te verminderen of door de afbeelding minder complex te maken (minder punten). Als u minder punten gebruikt, wordt de hoeveelheid tekstuele informatie die nodig is om de afbeelding te beschrijven in het SVG-bestand, aanzienlijk kleiner. Als u het aantal punten wilt verminderen, selecteert u Object > Pad > Vereenvoudigen en probeert u verschillende combinaties uit om de juiste balans te vinden tussen kwaliteit en aantal punten.

  • Gebruik waar mogelijk symbolen. Als u een symbool gebruikt om een bepaald object meerdere malen weer te geven, hoeven de vectoren van dat object slechts eenmaal te worden gedefinieerd. Dit is handig als een illustratie objecten bevat die meerdere keren worden gebruikt, zoals achtergronden voor knoppen.

  • Als u afbeeldingen met animatie maakt, moet u proberen het aantal objecten te beperken en om objecten waar mogelijk opnieuw te gebruiken om de bestandsgrootte te verminderen. Pas animatie toe op groepen objecten in plaats van op afzonderlijke objecten om te voorkomen dat dezelfde code meerdere malen voorkomt.

  • U kunt overwegen om SVGZ, de gecomprimeerde gzipped-versie van SVG, te gebruiken. Met compressie kunt u de bestandsgrootte aanzienlijk terugbrengen, maar in hoeverre een bestand kan worden gecomprimeerd, is afhankelijk van de inhoud. Tekst kan gewoonlijk in sterke mate worden gecomprimeerd. Binair gecodeerde inhoud, zoals ingesloten rasters (JPEG-, PNG- of GIF-bestanden), kan daarentegen nauwelijks worden gecomprimeerd. SVGZ-bestanden kunnen worden gedecomprimeerd met elke toepassing waarmee bestanden die zijn gecomprimeerd met gzip, kunnen worden 'uitgepakt'. Als u SGVZ wilt gebruiken, moet u eerst controleren of op het mobiele apparaat waarvoor u de inhoud maakt, gzip-bestanden kunnen worden gedecomprimeerd.

Adobe-logo

Aanmelden bij je account