Zeichnen von an Pixeln ausgerichteten Pfaden für Web-Workflows

  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. WerkzeugeStandard-Tastaturbefehle | Illustrator
      4. Anpassen von Tastaturbefehlen
      5. Zeichenflächen
      6. Anpassen des Arbeitsbereichs
      7. Eigenschaftenbedienfeld
      8. Festlegen von Voreinstellungen
      9. Touch-Arbeitsbereich
      10. Unterstützung des Microsoft Surface Dial in Illustrator
      11. Wiederherstellen, Rückgängigmachen und Automatisierung
      12. Drehen der Ansicht
      13. Lineale, Raster und Hilfslinien
      14. Barrierefreiheit in Illustrator
      15. Abgesicherter Modus
      16. Anzeigen von Bildmaterial
      17. Verwenden der Touch Bar in Illustrator
      18. Dateien und Vorlagen
      19. Synchronisieren von Einstellungen über Adobe Creative Cloud
    3. Werkzeuge in Illustrator
      1. Auswahl
        1. Übersicht
        2. Auswahl
        3. Direktauswahl
        4. Lasso
      2. Navigation
        1. Übersicht
        2. Zoom
        3. Drehen der Ansicht
      3. Farbe
        1. Übersicht
        2. Verlauf
        3. Formerstellung
      4. Text
        1. Übersicht
        2. Text
        3. Pfadtext
  3. Illustrator auf dem iPad
    1. Einführung in Illustrator auf dem iPad
      1. Illustrator auf dem iPad – Übersicht
      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. Arbeiten mit Bildern
    8. Farben
      1. Anwenden von Farben und Farbverläufen
  4. Cloud-Dokumente
    1. Grundlagen
      1. Arbeiten mit Illustrator-Cloud-Dokumenten
      2. Freigeben und gemeinsame Bearbeitung von Illustrator-Cloud-Dokumenten
      3. Upgraden des Cloud-Speicherplatzes für Adobe Illustrator
      4. 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
  5. Hinzufügen und Bearbeiten von Inhalten
    1. Zeichnen
      1. Zeichnen – Grundlagen
      2. Bearbeiten von Pfaden
      3. Zeichnen pixelgenauer Grafiken
      4. Zeichnen mit dem Zeichenstift-, Krümmungs- oder Buntstift-Werkzeug
      5. Zeichnen von einfachen Linien und Formen
      6. Bildnachzeichner
      7. Vereinfachen von Pfaden
      8. Definieren von Perspektivenrastern
      9. Symbol-Werkzeuge und Symbolsätze
      10. Anpassen von Pfadsegmenten
      11. Zeichnen einer Blume in fünf einfachen Schritten
      12. Perspektivisches Zeichnen
      13. Symbole
      14. Zeichnen von an Pixeln ausgerichteten Pfaden für Web-Workflows
    2. 3D-Effekte und Adobe Substance-Materialien
      1. Grundlagen von 3D‑Effekten in Illustrator
      2. Erstellen von 3D‑Grafiken
      3. Erstellen von 3D-Objekten
      4. Erstellen von 3D-Text
    3. 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-Schemata“
      6. Farbgruppen (Harmonien)
      7. Color-Schemata-Bedienfeld
      8. Bildmaterial neu färben
    4. 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. Gitter
      10. Muster
    5. 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. Übereinanderlegen von Objekten    
      6. Sperren, Ausblenden und Löschen von Objekten
      7. Duplizieren von Objekten
      8. Drehen und Spiegeln von Objekten
    6. Ä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. Formgitter
      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
    7. Text
      1. Erstellen von Text
      2. Schriftarten und Typografie
      3. Formatieren von Text
      4. Importieren und Exportieren von Text
      5. Formatieren von Absätzen
      6. Sonderzeichen
      7. Erstellen von Pfadtext
      8. Zeichen- und Absatzformate
      9. Registerkarten
      10. Text und Schrift
      11. Suchen von fehlenden Schriftarten (Typekit-Workflow)
      12. Aktualisieren von Text aus Illustrator 10
      13. Arabische und hebräische Schrift
      14. Schriftarten | Häufige Fragen und Tipps zur Fehlerbehebung
      15. Erstellen eines 3D-Texteffekts
      16. Kreative Typografie-Designs
      17. Skalieren und Drehen von Text
      18. Zeilen- und Zeichenabstand
      19. Silbentrennung und Zeilenumbrüche
      20. Textverbesserungen
      21. Rechtschreibungs- und sprachspezifische Wörterbücher
      22. Formatieren asiatischer Zeichen
      23. Setzer für asiatische Schriften
      24. Erstellen von Textdesigns mit Angleichungsobjekten
      25. Erstellen eines Textposters mithilfe des Bildnachzeichners
    8. Erstellen von Spezialeffekten
      1. Arbeiten mit Effekten
      2. Grafikstile
      3. Erstellen von Schlagschatten
      4. Aussehen-Attribute
      5. Erstellen von Zeichnungen und Mosaiken
      6. Schlagschatten, Schein und weiche Kanten
      7. Übersicht der Effekte
    9. Webgrafiken
      1. Empfehlungen zum Erstellen von Webgrafiken
      2. Diagramme
      3. SVG
      4. Erstellen von Animationen
      5. Slices und Imagemaps
  6. Importieren, Exportieren und Speichern
    1. Importieren
      1. Importieren von Bildmaterialdateien
      2. Importieren von Bitmap-Bildern
      3. Importieren von Bildmaterial aus Photoshop
      4. Platzieren mehrerer Dateien | Illustrator CC
      5. Einbettung von Bildern aufheben
      6. Importieren von Adobe PDF-Dateien
      7. Importieren von EPS-, DCS- und AutoCAD-Dateien
      8. Verknüpfungsinformationen
    2. Creative Cloud-Bibliotheken in Illustrator 
      1. Creative Cloud-Bibliotheken in Illustrator
    3. Speichern
      1. Speichern von Bildmaterial
    4. Exportieren
      1. Exportieren von Bildmaterial
      2. Sammeln von Elementen und Exportieren in Stapeln
      3. Dateien verpacken
      4. Erstellen von Adobe PDF-Dateien
      5. CSS extrahieren | Illustrator CC
      6. Adobe PDF-Optionen
      7. Dateiinformationen und Metadaten
  7. 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, Gittern und Farbübergängen
      10. Weiß überdrucken
  8. Automatisieren von Aufgaben
    1. Zusammenführen von Daten über das Variablenbedienfeld
    2. Automatisieren mit Skripten
    3. Automatisieren mit Aktionen
  9. Fehlerbehebung 
    1. Absturzprobleme beim Start
    2. Wiederherstellen von Dateien nach Absturz
    3. Dateiprobleme
    4. Probleme mit GPU-Gerätetreibern
    5. Probleme mit Wacom-Geräten
    6. Probleme mit DLL-Dateien
    7. Arbeitsspeicherprobleme
    8. Probleme mit der Voreinstellungendatei
    9. Schriftprobleme
    10. Druckerprobleme
    11. Absturzbericht an Adobe senden
Hinweis:

Die Informationen in diesem Artikel sind für Illustrator CC 2015.x und frühere Versionen relevant. Ab Version CC 2017 verfügt Illustrator über besser vorhersehbare und genauere Funktionen, um Grafiken am Pixelraster auszurichten. Genauere Informationen finden Sie unter Zeichnen pixelgenauer Grafiken.

Die Ausrichtung an Pixeln ist eine Eigenschaft auf Objektebene, mit der die vertikalen und horizontalen Pfade eines Objekts am Pixelraster ausgerichtet werden. Das Objekt behält diese Eigenschaft, auch wenn es geändert wird. Alle vertikalen oder horizontalen Pfade des Objekts werden am Pixelraster ausgerichtet, solange die Eigenschaft dem Objekt zugewiesen ist.

An Pixeln ausgerichtete Pfade in Illustrator
Abbildung, die an Pixeln ausgerichtete Objekte und nicht an Pixeln ausgerichtete Objekte zeigt

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

Ausrichten neuer Objekte am Pixelraster

Die Option „Neue Objekte an Pixelraster ausrichten“ ist im Dialogfeld „Neues Dokument“ im Bereich „Erweitert“ verfügbar.

Sie kann außerdem im Menü des Transformierenbedienfelds (Flyout Menu) ausgewählt werden.

Option „Neue Objekte an Pixelraster ausrichten“ im Menü des Transformierenbedienfelds
Option „Neue Objekte an Pixelraster ausrichten“ im Menü des Transformierenbedienfelds

Wenn Sie diese Option aktivieren, wird allen neu gezeichneten Objekten automatisch die Pixelausrichtungseigenschaft zugewiesen. Bei neuen Dokumenten, die mit dem Profil „Webdokument“ erstellt werden, ist diese Option standardmäßig aktiviert.

Das gestochen scharfe Aussehen von Konturen, die an Pixeln ausgerichtet sind, bleibt nur bei einer Auflösung von 72 ppi bei der Rasterausgabe erhalten. Bei anderen Auflösungen werden Konturen dieser Art sehr wahrscheinlich geglättet.

An Pixeln ausgerichtete Objekte, die keine geraden vertikalen oder horizontalen Segmente haben, werden nicht geändert, um sie am Pixelraster auszurichten. Ein gedrehtes Rechteck beispielsweise hat keine geraden vertikalen oder horizontalen Segmente. Wenn diesem Objekt die Pixelausrichtungseigenschaft zugewiesen wird, wird das Objekt nicht verschoben, um gestochen scharfe Pfade zu erstellen.

Hinweis:

Die Eigenschaft auf Dokumentebene und der Pixelausrichtungsstatus jedes Objekts werden in der AI-Datei gespeichert.

Weitere Informationen zum Ausrichten von Symbolen am Pixelraster finden Sie unter Ausrichten von Symbolen am Pixelraster.

Ausrichten vorhandener Objekte am Pixelraster

Ein Objekt, für das die Option „An Pixelraster ausrichten“ aktiviert ist, wird bei jeder Änderung leicht verschoben, um es am Pixelraster auszurichten. Wenn Sie z. B. ein am Pixelraster ausgerichtetes Objekt verschieben oder transformieren, wird es anschließend anhand der neuen Koordinaten neu am Pixelraster ausgerichtet.

Wenn ein vorhandenes Objekt am Pixelraster ausgerichtet werden soll, wählen Sie das Objekt aus und aktivieren im unteren Bereich des Transformierenbedienfelds das Kontrollkästchen „An Pixelraster ausrichten“.

Option „An Pixelraster ausrichten“ im Transformierenbedienfeld
Option „An Pixelraster ausrichten“ im Transformierenbedienfeld

Wenn Sie diese Option aktivieren, werden die vertikalen und horizontalen Segmente der Objektpfade verschoben. Derartige Segmente haben daher bei allen Konturbreiten und an allen Stellen stets gestochen scharfe Konturen. Bei Objekten, bei denen diese Option aktiviert ist, sind die Konturbreiten immer ganzzahlig.

Beim Einfügen nicht ausgerichteter Objekte in Dokumente, in denen die Option „An Pixelraster ausrichten“ aktiviert ist, erfolgt keine automatische Ausrichtung. Um die Pixelausrichtung für derartige Objekte zu aktivieren, wählen Sie das Objekt aus und aktivieren dann im Transformierenbedienfeld die Option „An Pixelraster ausrichten“. Raster, Rastereffekte und Textobjekte können nicht an Pixeln ausgerichtet werden, da diese Objekte keine echten Pfade aufweisen.

Auswählen von nicht am Pixelraster ausgerichteten Objekten

Wählen Sie „Auswahl“ > „Objekt“ > „Nicht an Pixelraster ausgerichtet“, um die Objekte auszuwählen.

Ausrichten von Symbolen am Pixelraster

Wenn Sie ein Symbol erstellen möchten, das an Pixeln ausgerichtet werden soll, wählen Sie im Dialogfeld „Symboloptionen“ die Option „An Pixelraster ausrichten“. Am Pixelraster ausgerichtete Symbole bleiben überall in der Zeichenfläche in ihrer Originalgröße am Pixelraster ausgerichtet.

Hinweis:

Ein skaliertes Symbol hat möglicherweise keine gestochen scharfe Pfade, obwohl ihm die Pixelausrichtungseigenschaft zugewiesen wurde.

Weitere Informationen zum Ausrichten am Pixelraster finden Sie unter Zeichnen von an Pixeln ausgerichteten Pfaden für Web-Workflows.

Hinweis:

Wenn im Steuerungsbedienfeld die Schaltfläche „Zurücksetzen“ aktiv ist, bedeutet dies, dass das Symbol transformiert wurde und nicht in der Originalgröße vorliegt.

Anzeigen des Pixelrasters

Zum Anzeigen des Pixelrasters erhöhen Sie den Zoomfaktor im Pixelvorschaumodus auf mindestens 600 %.

Zum Festlegen der Voreinstellungen für die Anzeige des Pixelrasters wählen Sie „Voreinstellungen“ > „Hilfslinien und Raster“. Aktivieren Sie gegebenenfalls die Option „Pixelraster anzeigen (bei Zoom über 600 %)“.

Speichern ausgewählter Slices

Wenn Sie nur Slices speichern möchten, die im Bildmaterial ausgewählt sind, wählen Sie „Datei“ > „Ausgewählte Slices speichern“. Ausgewählte Slices.

Glättungsoptionen

Glätten von Text

Im Zeichenbedienfeld von Illustrator finden Sie die folgenden Textglättungsoptionen:

  • Ohne

  • Scharf

  • Schärfer

  • Stark

Glätten von Text
Textglättungsoptionen im Zeichenbedienfeld

Sie können für jeden Textrahmen Glättungsoptionen festlegen. Die Textglättungsattribute werden zusammen mit dem Dokument gespeichert. Die Optionen werden darüber hinaus auch bei den Formaten PDF, AIT und EPS Textglättungsoptionen können in das PSD-Format exportiert oder aus PSD importiert werden.

Für den Export in die Formate BMP, PNG, Targa, JPEG und TIFF stehen folgende Glättungsoptionen in einer Dropdownliste zur Verfügung: „Ohne“, „Bildmaterial optimiert“ und „Schrift optimiert“.

  • Mit der Option „Bildmaterial optimiert“ wird für jedes dieser Formate ein Raster auf dieselbe Weise wie in früheren Versionen erstellt. Allerdings werden die Textglättungsoptionen beim Rastern des Bildmaterials in diesem Fall nicht berücksichtigt.

  • Mit der Option „Schrift optimiert“ werden beim Erstellen des Rasters die neu eingeführten Glättungsfunktionen für die Textrahmen berücksichtigt.

Im Dialogfeld „Für Web speichern“ stehen diese Optionen ebenfalls zur Verfügung.

Adobe-Logo

Bei Ihrem Konto anmelden