Benutzerhandbuch Abbrechen

Zeichnen pixelgenauer Grafiken

  1. Illustrator-Benutzerhandbuch
  2. Illustrator kennenlernen
    1. Einführung in Illustrator
      1. Neue Funktionen in Illustrator
      2. Häufige Fragen
      3. Systemanforderungen für Illustrator
      4. Illustrator für Apple-Chip
    2. Arbeitsbereich
      1. Arbeitsbereich – Grundlagen
      2. Erstellen von Dokumenten
      3. Schneller Zugriff auf Trainingsinhalte über das Bedienfeld „Entdecken“ von Illustrator
      4. Beschleunigen von Workflows mit der kontextbezogenen Taskleiste
      5. Symbolleiste
      6. Standardtastaturbefehle
      7. Anpassen von Tastaturbefehlen
      8. Einführung in Zeichenflächen
      9. Zeichenflächen verwalten
      10. Anpassen des Arbeitsbereichs
      11. Eigenschaftenbedienfeld
      12. Festlegen von Voreinstellungen
      13. Touch-Arbeitsbereich
      14. Unterstützung des Microsoft Surface Dial in Illustrator
      15. Rückgängig machen von Änderungen und Verwalten des Design-Verlaufs
      16. Drehen der Ansicht
      17. Lineale, Raster und Hilfslinien
      18. Barrierefreiheit in Illustrator
      19. Abgesicherter Modus
      20. Anzeigen von Bildmaterial
      21. Verwenden der Touch Bar in Illustrator
      22. Dateien und Vorlagen
    3. Werkzeuge in Illustrator
      1. Werkzeuge-Überblick
      2. Auswahl-Werkzeuge
        1. Auswahl
        2. Direktauswahl
        3. Gruppenauswahl
        4. Zauberstab
        5. Lasso
        6. Zeichenfläche
      3. Navigieren-Werkzeuge
        1. Hand
        2. Drehen der Ansicht
        3. Zoom
      4. Malwerkzeuge
        1. Verlauf
        2. Raster
        3. Formerstellung
      5. Textwerkzeuge
        1. Text
        2. Pfadtext
        3. Vertikaler Text
      6. Zeichnen-Werkzeuge
        1. Zeichenstift
        2. Ankerpunkt hinzufügen
        3. Ankerpunkt löschen
        4. Ankerpunkt
        5. Kurvenzeichner
        6. Liniensegment
        7. Rechteck
        8. Abgerundetes Rechteck
        9. Ellipse
        10. Polygon
        11. Stern
        12. Pinsel
        13. Tropfenpinsel
        14. Schraffur
        15. Shaper
        16. Slice
      7. Änderungswerkzeuge
        1. Drehen
        2. Reflektieren
        3. Skalieren
        4. Verbiegen
        5. Breite
        6. Frei transformieren
        7. Pipette
        8. Angleichen
        9. Radiergummi
        10. Schere
        11. Bemaßung
    4. Generative KI (nicht verfügbar in Festlandchina)
      1. Generieren von Szenen, Motiven und Symbolen mit Text-Prompts
      2. Generieren von Vektormustern mit Text-Prompts
      3. Generieren von Vektorformfüllungen mit Text-Prompts
      4. Neufärben von Grafiken mit Text-Prompts
    5. Schnellaktionen
      1. Retro-Text
      2. Neon-leuchtender Text
      3. Nostalgischer Text
      4. Neu färben
      5. Skizze in Vektor umwandeln
  3. Illustrator im Web (Beta)
    1. Überblick über Illustrator im Web (Beta)
    2. Häufig gestellte Fragen zu Illustrator im Web (Beta)
    3. Häufig gestellte Fragen zur Fehlerbehebung
    4. Tastaturbefehle für Illustrator im Web (Beta)
    5. Erstellen und Kombinieren von Formen im Web
    6. Hinzufügen und Bearbeiten von Text im Web
    7. Anwenden von Farben und Farbverläufen im Web
    8. Zeichnen und Bearbeiten von Pfaden im Web
    9. Arbeiten mit Cloud-Dokumenten im Web
    10. Einladen von Mitwirkenden zum Bearbeiten im Web
  4. Illustrator auf dem iPad
    1. Einführung in Illustrator auf dem iPad
      1. Illustrator auf dem iPad – Überblick
      2. Häufige Fragen zu Illustrator auf dem iPad
      3. Systemanforderungen | Illustrator auf dem iPad
      4. Funktionsumfang von Illustrator auf dem iPad
    2. Arbeitsbereich
      1. Arbeitsbereich von Illustrator auf dem iPad
      2. Touch-Kurzbefehle und Gesten
      3. Tastaturbefehle für Illustrator auf dem iPad
      4. Verwalten von App-Einstellungen
    3. Dokumente
      1. Arbeiten mit Dokumenten in Illustrator auf dem iPad
      2. Importieren von Photoshop- und Fresco-Dokumenten
    4. Auswählen und Anordnen von Objekten
      1. Erstellen von Wiederholungsobjekten
      2. Angleichen von Objekten
    5. Zeichnen
      1. Zeichnen und Bearbeiten von Pfaden
      2. Zeichnen und Bearbeiten von Formen
    6. Text
      1. Arbeiten mit Text und Schriftarten
      2. Erstellen von Text-Designs entlang eines Pfads
      3. Hinzufügen eigener Schriften
    7. Arbeiten mit Bildern
      1. Vektorisieren von Rasterbildern
    8. Farben
      1. Anwenden von Farben und Farbverläufen
  5. Cloud-Dokumente
    1. Grundlagen
      1. Arbeiten mit Illustrator-Cloud-Dokumenten
      2. Freigeben und gemeinsame Bearbeitung von Illustrator-Cloud-Dokumenten
      3. Freigeben von Dokumenten für Reviews
      4. Upgraden des Cloud-Speicherplatzes für Adobe Illustrator
      5. Illustrator-Cloud-Dokumente | Häufige Fragen
    2. Fehlerbehebung
      1. Fehlerbehebung beim Erstellen oder Speichern von Problemen für Illustrator-Cloud-Dokumente
      2. Beheben von Problemen mit Illustrator-Cloud-Dokumenten
  6. Hinzufügen und Bearbeiten von Inhalten
    1. Zeichnen
      1. Zeichnen – Grundlagen
      2. Bearbeiten von Pfaden
      3. Zeichnen pixelgenauer Grafiken
      4. Zeichnen mit dem Zeichenstift- oder Buntstift-Werkzeug und dem Kurvenzeichner
      5. Zeichnen von einfachen Linien und Formen
      6. Zeichnen rechteckiger und radialer Raster
      7. Zeichnen und Bearbeiten von Blendenflecken
      8. Nachzeichnen von Bildern
      9. Vereinfachen von Pfaden
      10. Symbol-Werkzeuge und Symbolsätze
      11. Anpassen von Pfadsegmenten
      12. Zeichnen einer Blume in fünf einfachen Schritten
      13. Erstellen und Bearbeiten eines Perspektivenrasters
      14. Zeichnen und Ändern von Objekten in einem Perspektivenraster
      15. Verwenden von Objekten als Symbole für die mehrfache Verwendung
      16. Zeichnen von an Pixeln ausgerichteten Pfaden für Web-Workflows
    2. Bemaßung
      1. Anzeigen und Einzeichnen von Bemaßungen
    3. 3D-Objekte und -Materialien
      1. Grundlagen von 3D‑Effekten in Illustrator
      2. Erstellen von 3D‑Grafiken
      3. Zuordnen von Bildmaterial auf 3D-Objekte
      4. Erstellen von 3D-Text
      5. Erstellen von 3D-Objekten
    4. Farben
      1. Wissenswertes zu Farben
      2. Auswählen von Farben
      3. Verwenden und Erstellen von Farbfeldern
      4. Anpassen von Farben
      5. Verwenden des Bedienfelds „Adobe Color-Themen“
      6. Farbgruppen (Harmonien)
      7. Adobe Color-Themen-Bedienfeld
      8. Bildmaterial neu färben
    5. Malen
      1. Wissenswertes zum Malen
      2. Malen mit Flächen und Konturen
      3. Interaktive Malgruppen
      4. Verläufe
      5. Pinsel
      6. Transparenz und Füllmethoden
      7. Anwenden einer Kontur auf ein Objekt
      8. Erstellen und Bearbeiten von Mustern
      9. Raster
      10. Muster
    6. Auswählen und Anordnen von Objekten
      1. Auswählen von Objekten
      2. Ebenen
      3. Gruppieren und Umwandeln von Objekten
      4. Verschieben, Ausrichten und Verteilen von Objekten
      5. Ausrichten, Anordnen und Verschieben von Objekten auf einem Pfad
      6. Ausrichten von Objekten an einer Glyphe
      7. Ausrichten von Objekten an einer japanischen Glyphe
      8. Übereinanderlegen von Objekten    
      9. Sperren, Ausblenden und Löschen von Objekten
      10. Kopieren und Duplizieren von Objekten
      11. Drehen und Spiegeln von Objekten
      12. Objekte verflechten
      13. Erstellen realistischer Grafikmaterial-Mockups
    7. Ändern der Form von Objekten
      1. Freistellen von Bildern
      2. Transformieren von Objekten
      3. Kombinieren von Objekten
      4. Ausschneiden, Aufteilen und Zuschneiden von Objekten
      5. Formraster
      6. Skalieren, Verbiegen und Verzerren von Objekten
      7. Angleichen von Objekten
      8. Verformen mit Hüllen
      9. Ändern der Form von Objekten mit Effekten
      10. Erstellen neuer Formen mit den Shaper- und Formerstellungswerkzeugen
      11. Verwenden von interaktiven Ecken
      12. Verbesserte Workflows zum Ändern von Formen mit Touch-Unterstützung
      13. Bearbeiten von Schnittmasken
      14. Interaktive Formen
      15. Erstellen von Formen mit dem Formerstellungswerkzeug
      16. Globale Bearbeitung
    8. Text
      1. Hinzufügen von Text und Arbeiten mit Textobjekten
      2. Reflow-Ansicht
      3. Erstellen von Aufzählungslisten und nummerierten Listen
      4. Verwalten des Textbereichs
      5. Schriftarten und Typografie
      6. Konvertieren von Text in Bildern in bearbeitbaren Text
      7. Hinzufügen grundlegender Formatierungen zu Text
      8. Hinzufügen erweiterter Formatierungen zu Text
      9. Importieren und Exportieren von Text
      10. Formatieren von Absätzen
      11. Sonderzeichen
      12. Erstellen von Pfadtext
      13. Zeichen- und Absatzformate
      14. Registerkarten
      15. Suchen nach fehlenden Schriften (Typekit-Workflow)
      16. Arabische und hebräische Schrift
      17. Schriftarten | Häufige Fragen und Tipps zur Fehlerbehebung
      18. Kreative Typografie-Designs
      19. Skalieren und Drehen von Text
      20. Zeilen- und Zeichenabstand
      21. Silbentrennung und Zeilenumbrüche
      22. Rechtschreibungs- und sprachspezifische Wörterbücher
      23. Formatieren von asiatischen Schriftzeichen
      24. Setzer für asiatische Schriften
      25. Erstellen von Textdesigns mit Angleichungsobjekten
      26. Erstellen eines Textposters mithilfe des Bildnachzeichners
    9. Erstellen von Spezialeffekten
      1. Arbeiten mit Effekten
      2. Grafikstile
      3. Aussehen-Attribute
      4. Erstellen von Zeichnungen und Mosaiken
      5. Schlagschatten, Schein und weiche Kanten
      6. Überblick über die Effekte
    10. Webgrafiken
      1. Empfehlungen zum Erstellen von Webgrafiken
      2. Diagramme
      3. SVG
      4. Slices und Imagemaps
  7. Importieren, Exportieren und Speichern
    1. Importieren
      1. Platzieren mehrerer Dateien
      2. Verwalten verknüpfter und eingebetteter Dateien
      3. Verknüpfungsinformationen
      4. Einbettung von Bildern aufheben
      5. Importieren von Bildmaterial aus Photoshop
      6. Importieren von Bitmap-Bildern
      7. Importieren von Adobe PDF-Dateien
      8. Importieren von EPS-, DCS- und AutoCAD-Dateien
    2. Creative Cloud-Bibliotheken in Illustrator 
      1. Creative Cloud-Bibliotheken in Illustrator
    3. Speichern und Exportieren
      1. Speichern von Grafiken
      2. Exportieren von Grafiken
      3. Erstellen von Adobe PDF-Dateien
      4. Adobe PDF-Optionen
      5. Verwenden von Illustrator-Grafiken in Photoshop
      6. Sammeln von Elementen und Exportieren in Stapeln
      7. Verpacken von Dateien
      8. Extrahieren von CSS | Illustrator CC
      9. Bedienfeld „Dokumentinformationen“
  8. Drucken
    1. Vorbereitung für den Druck
      1. Einrichten von Dokumenten zum Drucken
      2. Ändern von Seitenformat und Ausrichtung
      3. Festlegen von Schnittmarken für das Zuschneiden oder Ausrichten
      4. Erste Schritte mit großen Arbeitsflächen
    2. Drucken
      1. Überdrucken
      2. Drucken mit Farbmanagement
      3. Drucken von PostScript-Dateien
      4. Druckvorgaben
      5. Druckermarken und Anschnitt
      6. Drucken und Speichern von transparentem Bildmaterial
      7. Überfüllen
      8. Drucken von Farbseparationen
      9. Drucken von Verläufen, Rastern und Farbübergängen
      10. Weiß überdrucken
  9. Automatisieren von Aufgaben
    1. Zusammenführen von Daten über das Variablenbedienfeld
    2. Automatisieren mit Skripten
    3. Automatisieren mit Aktionen
  10. Fehlerbehebung 
    1. Behobene Probleme
    2. Bekannte Probleme
    3. Probleme mit Abstürzen
    4. Wiederherstellen von Dateien nach Absturz
    5. Dateiprobleme
    6. Unterstützte Dateiformate
    7. Probleme mit GPU-Gerätetreibern
    8. Probleme mit Wacom-Geräten
    9. Probleme mit DLL-Dateien
    10. Arbeitsspeicherprobleme
    11. Probleme mit der Voreinstellungendatei
    12. Schriftprobleme
    13. Druckerprobleme
    14. Absturzbericht an Adobe senden
    15. Leistung von Illustrator verbessern

Lernen Sie, wie Sie Ihre Grafik nahtlos am Pixelraster ausrichten können.

In Illustrator können Sie pixelgenaue Grafiken erstellen, die auch bei unterschiedlichen Konturbreiten und Ausrichtungsoptionen auf dem Bildschirm gestochen scharf sind. Sie können ein vorhandenes Objekt mit einem einzigen Klick am Pixelraster ausrichten oder ein neues Objekt ausrichten, während Sie es zeichnen. Beim Transformieren von Objekten können Sie die Pixelausrichtung beibehalten, ohne die Grafik zu verzerren. Die Pixelausrichtung funktioniert für Objekte genauso wie für einzelne Pfadsegmente und Ankerpunkte, die sie enthalten.

Ein Objekt vor und nach der Ausrichtung am Pixelraster

A. Objekt nicht am Pixelraster ausgerichtet B. Objekt an Pixeln ausgerichtet 

Ausrichten vorhandener Objekte am Pixelraster

Sie können Objekte oder Objektsegmente in der vorhandenen Grafik auswählen und sie am Pixelraster ausrichten. Diese Funktion ist besonders hilfreich, wenn Sie nicht an Pixeln ausgerichtete Objekte aus anderen Dokumenten kopieren und einfügen.

  1. Wählen Sie mit dem Auswahl-Werkzeug das Objekt aus, das am Pixelraster ausgerichtet werden soll.

    Alternativ können Sie bestimmte Segmente des Objekts an Pixeln ausrichten. Markieren Sie dazu das Direktauswahl-Werkzeug, um horizontale oder vertikale Segmente des Objekts auszuwählen.

  2. Um die Pixelgenaue Darstellung auf ein vorhandenes Objekt anzuwenden, führen Sie einen der folgenden Schritte durch:

    • Klicken Sie im Steuerungsbedienfeld auf das Symbol Ausgewählte Zeichnung an Pixelraster ausrichten ().
    • Wählen Sie „Objekt“ > „Pixelgenaue Darstellung anwenden“.
    • Klicken Sie mit der rechten Maustaste auf das Objekt und wählen Sie im Kontextmenü die Option Pixelgenaue Darstellung anwenden.
Hinweis:

Anstatt ein Objekt als Ganzes an Pixeln auszurichten, können Sie auch nur bestimmte Segmente des Objekts ausrichten. Markieren Sie dazu das Direktauswahl-Werkzeug (), um horizontale oder vertikale Segmente des Objekts auszuwählen. Jetzt können Sie eine der Pixelausrichtungsoptionen genauso anwenden wie bei einem Objekt.

Hinweise

  • Objekte, die keine vertikalen oder horizontalen Segmente haben, werden nicht geändert, um sie am Pixelraster auszurichten.
  • Wenn das ausgewählte Objekt bereits an Pixeln ausgerichtet ist, wird in Illustrator die folgende (sinngemäße) Aufforderung angezeigt:

  • Illustrator zeigt eine Meldung an, wenn die ausgewählte Grafik nicht an Pixeln ausgerichtet werden kann. In der Abbildung unten hat das ausgewählte Bildmaterial beispielsweise keine vertikalen oder horizontalen Segmente.
Die-Auswahl-enthält-Grafik-auf-die-Pixel-Perfect-nicht-angewendet-werden-kann

Ausrichten neuer/transformierter Objekte am Pixelraster

Beim Erstellen oder Transformieren von Objekten können Sie sicherstellen, dass diese am Pixelraster ausgerichtet werden, um so die genaue Platzierung von Kanten und Pfaden zu gewährleisten. Diese Option ist standardmäßig für Dokumente aktiviert, die mit den Dokumentprofilen „Web“ und „Mobil“ erstellt wurden.

  1. Führen Sie einen der folgenden Schritte durch:

    • Klicken Sie im Steuerungsbedienfeld auf das Symbol Zeichnung bei Erstellung und Transformation an Pixelraster ausrichten ().
    • Wählen Sie „Ansicht“ > „An Pixel ausrichten“.
  2. (Optionaler Schritt) Ändern Sie die Optionen für An Pixel ausrichten über das Dropdown-Menü (). Klicken Sie auf das Pfeilsymbol und wählen Sie die gewünschten Optionen aus dem Dialogfeld Optionen zum Ausrichten an Pixeln.

    Dialogfeld „Optionen zum Ausrichten an Pixeln“

    Beim Zeichnen an Pixeln ausrichten

    Zeichnet Pfade, die am nächstgelegenen Pixel ausgerichtet sind, um scharfe Segmente zu erhalten.

    Erstellen eines am Pixelraster ausgerichteten Objekts

    Beim Bewegen an Pixeln ausrichten

    Richtet das Objekt, das Sie bewegen, am nächstgelegenen Pixel aus. Sie können festlegen, ob Pfade, Segmente oder Ankerpunkte beim Bewegen des Objekts ausgerichtet werden sollen.

    Behalten der Pixelausrichtung eines Objekts beim Verschieben

    Beim Skalieren an Pixeln ausrichten

    Richtet die Kanten des Objekts, das Sie skalieren, am nächstgelegenen Pixel aus.

    Behalten der Pixelausrichtung eines Objekts beim Skalieren

  3. Klicken Sie auf „OK“.

Anlage: Anzeigen des Pixelrasters

  1. Wählen Sie in Illustrator „Ansicht“ > „Pixelvorschau“.
  2. Zoomen Sie die Arbeitsfläche auf 600 % oder höher.
Hinweis:

Sie können festlegen, dass das Pixelraster auch bei einem hohen Zoomfaktor nicht im Pixelvorschaumodus angezeigt wird. Deaktivieren Sie in Illustrator „Voreinstellungen“ > „Hilfslinien und Raster“ > „Pixelraster anzeigen“ (bei Zoom über 600 %).

Deaktivieren des Pixelrasters

Nächste Schritte

Wir zeigen Ihnen, wie Sie pixelperfekte Kunst zeichnen können. Machen Sie einen Schritt nach vorne und lernen Sie, wie Sie mit dem Stift-, dem Krümmungs- oder dem Bleistift-Werkzeug zeichnen.

Haben Sie eine Frage oder eine Idee?

Fragen Sie die Community

Wenn Sie eine Frage oder eine Idee haben, die Sie teilen möchten, tun Sie dies in der Adobe Illustrator-Community. Wir würden uns freuen, von Ihnen zu hören.

 Adobe

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?