Wenn du ein Web- oder UX-Designer bist, gestaltest du wahrscheinlich zunehmend Websites oder Apps für mehrere Geräte. Zeichenflächen helfen dir bei der Optimierung deines Designprozesses durch eine unbegrenzte Arbeitsfläche, auf der du Designs für mehrere Geräte und Bildschirme erstellen kannst. Beim Erstellen von Zeichenflächen kannst du aus einer Vielzahl von vorgegebenen Größen wählen oder deine eigene benutzerdefinierte Zeichenflächengröße definieren.

Zeichenflächen sind selbst dann nützlich, wenn deine Designs normalerweise nur auf eine Bildschirmgröße beschränkt sind. So kannst du beispielsweise beim Entwickeln einer Website mithilfe von Zeichenflächen Designs für verschiedene Seiten und im Kontext nebeneinander anzeigen. 

Du kannst sich eine Zeichenfläche als eine spezielle Art einer Ebenengruppe vorstellen. Mit einer Zeichenfläche werden die Inhalte aller enthaltenen Elemente an die Ränder geheftet. Die Hierarchie der Objekte auf einer Zeichenfläche wird im Ebenenbedienfeld zusammen mit Ebenen und Ebenengruppen angezeigt. Zeichenflächen können Ebenen und Ebenengruppen, nicht jedoch andere Zeichenflächen enthalten.

Visuell dienen Zeichenflächen als individuelle Leinwände in einem Dokument. Alle Ebenen im Dokument, die nicht in einer Zeichenfläche enthalten sind, werden am oberen Rand des Ebenenbedienfelds gruppiert und von keiner Zeichenfläche beschnitten.

Zeichenfläche-Voreinstellungen

Um das Aussehen deiner Zeichenflächen anzupassen, wähle „Voreinstellungen“ > „Benutzeroberfläche“ > „Erscheinungsbild“ > „Zeichenflächen“. Du hast die Möglichkeit, die Hintergrundfarbe für die Zeichenfläche auszuwählen und den Rahmen der Zeichenfläche anzuzeigen oder auszublenden. 

Erstellen eines Zeichenflächendokuments

1. Wähle in Photoshop Datei > Neu aus.
2. Gib im Dialogfeld Neu einen Namen für das Dokument ein. Beispiel: iPhone-Website.
3. Wähle im Popup-Menü Dokumenttyp die Option Zeichenfläche aus.
4. Wähle eine der über 35 vorgegebenen Zeichenflächengrößen aus.

5. Beginne damit, deine Designelemente zur Zeichenfläche hinzuzufügen. Du kannst Smartobjekte, Ebenen, Ebenengruppen usw. zur Zeichenfläche hinzufügen.

Konvertieren eines vorhandenen Dokuments in ein Zeichenflächendokument

Ein Standard-Photoshop-Dokument kannst du schnell und einfach in ein Zeichenflächendokument umwandeln.

1. Wähle eine oder mehrere Ebenengruppen oder Ebenen im Dokument aus.
2. Klicke mit der rechten Maustaste auf die Auswahl und wähle dann Zeichenfläche aus Ebenen oder Zeichenfläche aus Gruppe.

Hinzufügen von Zeichenflächen zum aktuellen Dokument

1. Klicke im Werkzeugbedienfeld auf das Symbol , um das Zeichenflächen-Werkzeug auszuwählen.

2. Zeichne die Zeichenfläche auf die Arbeitsfläche.
3. Skaliere die Zeichenfläche (sofern erforderlich). Wähle in der Werkzeugoptionsleiste im Popup-Menü „Format“ ein voreingestelltes Format aus. Alternativ kannst du die Größe der Zeichenfläche benutzerdefiniert belassen.

4. Benenne die Zeichenfläche nach Wunsch. Führe die folgenden Schritte durch:
   1. Wähle bei ausgewählter Zeichenfläche Ebene > Zeichenfläche umbenennen aus. 
   2. Gib einen neuen Namen für die Zeichenfläche ein und drücke die Eingabetaste.
5. Beginne damit, deine Designelemente zur Zeichenfläche hinzuzufügen. Du kannst Smartobjekte, Ebenen, Ebenengruppen usw. zur Zeichenfläche hinzufügen.
   

Schnelles Hinzufügen neuer Zeichenflächen zu einem Dokument

Du kannst deinem Dokument Zeichenflächen hinzufügen, indem du auf die Plus-Symbole (+) klickst, die neben den aktuell im Dokument enthaltenen Zeichenflächen angezeigt werden. Diese Plus-Symbole (+) werden überall dort angezeigt, wo die Arbeitsfläche zusätzliche Zeichenflächen aufnehmen kann. Klicke bei gedrückter Wahl- bzw. Alt-Taste auf ein Plus-Symbol (+), um eine Zeichenfläche mitsamt ihrem Inhalt zu duplizieren.  

1. Wähle eine Zeichenfläche aus. Bekannte Probleme in Photoshop
   
2. Klicke auf ein Plus-Symbol neben der Zeichenfläche. Photoshop fügt dem Dokument eine Zeichenfläche in Richtung des Plus-Symbols hinzu.
   

Arbeiten mit Zeichenflächen

Lege im Eigenschaftenbedienfeld (Fenster > Eigenschaften) für die Zeichenfläche den gewünschten Wert für die Zeichenflächenhintergrundfarbe fest. Du kannst den Zeichenflächenhintergrund auch als transparent festlegen.

Ziehe einfach die Elemente auf der Arbeitsfläche von einer Zeichenfläche zu anderen. Wenn du ein Element zwischen Zeichenflächen verschiebst, versucht Photoshop, sie an derselben Position relativ zu den Linealursprüngen in den oberen linken Ecken der Zeichenflächen zu positionieren.

Wenn du ein Element einer Zeichenfläche hinzufügst/von einer Zeichenfläche entfernst, wird das neue Element für diese Zeichenfläche nach der Z-Ordnung ganz oben im Ebenenbedienfeld platziert.

Du kannst auch Ebenen/Elemente, die zu keiner Zeichenfläche gehören, mit vorhandenen Zeichenflächen gruppieren. Ziehe einfach das Element auf der Arbeitsfläche zur Zielzeichenfläche. Alternativ dazu kannst du es im Ebenenbedienfeld in die Zielzeichenfläche verschieben.

Wenn du eine Ebene oder Ebenengruppe in einem Dokument duplizierst, das Zeichenflächen enthält, kannst du die Zeichenfläche auswählen, in der du die duplizierte Ebene platzieren möchtest.

Klicke bei ausgewählter Zeichenfläche oder ausgewähltem Verschieben-Werkzeug auf die Beschriftung einer Zeichenfläche, um sie auszuwählen. Verschiebe sie jetzt an den gewünschten Ort auf der Arbeitsfläche.

Klicke bei ausgewählter Zeichenfläche oder ausgewähltem Verschieben-Werkzeug auf die Beschriftung einer Zeichenfläche, um sie auszuwählen. Wähle jetzt eine vorgegebene Größe für die Zeichenfläche in der Werkzeugoptionsleiste aus.

Wenn du die Zeichenfläche auf eine benutzerdefinierte Größe skalieren möchtest, ändere ihre Begrenzungen mithilfe der Ziehpunkte.

Wähle eine Zeichenfläche und wähle Ansicht > Anzeigen > Raster, um Raster in einer Zeichenfläche anzuzeigen.

Wenn eine Zeichenfläche ausgewählt ist, ziehe Hilfslinien vom Lineal auf die Arbeitsfläche. Diese Hilfslinien werden jetzt zusammen mit der Zeichenfläche verschoben. Du kannst eine Zeichenfläche mit den zugewiesenen Hilfslinien auch duplizieren, um der duplizierten Zeichenfläche identische Hilfslinien zuzuweisen. Alternativ kannst du Ansicht > Neues Hilfslinienlayout auswählen, um die gewünschten Zeichenflächen als Ziele festzulegen. Um die Optionen zur Sichtbarkeit der Hilfslinien festzulegen, wähle Ansicht > Anzeigen.

Wähle eine Zeichenfläche und anschließend Fenster > Eigenschaften, um die wichtigsten Eigenschaften schnell zu überprüfen. Du kannst die Zeichenfläche auch vom Eigenschaftenbedienfeld“ aus skalieren.

Zeichenflächen-Eigenschaften werden auch in der Werkzeugoptionsleiste angezeigt, wenn eine Zeichenfläche ausgewählt ist. 

Um Zeichenflächenamen ein- bzw. auszublenden, wähle Ansicht > Anzeigen > Zeichenflächenamen. Zeichenflächenamen werden automatisch auf die Breite der Zeichenfläche gekürzt.

Wähle im Ebenenbedienfeld aus dem Popupmenü „Suchen“ die Option Zeichenfläche. Wähle eine Zeichenfläche oder eine beliebige Ebene in einer Zeichenfläche aus. Die Ebenenbedienfeld-Ansicht wird jetzt auf die ausgewählte Zeichenfläche beschränkt. Um zur vollständigen Ebenenbedienfeld-Ansicht zurückzukehren, hebe entweder die Auswahl aller Ebenen auf oder wähle ein Element außerhalb der Zeichenfläche aus.

Weise die Sperre in der Abbildung einer Zeichenfläche zu, um das automatische Verschachteln in und aus Zeichenflächen zu verhindern. Weise sie bestimmten Ebenen innerhalb einer Zeichenfläche zu, um das automatische Verschachteln dieser Ebenen zu verhindern. Um das normale Verhalten des automatischen Verschachtelns wiederherzustellen, entferne die entsprechenden Sperren aus den Zeichenflächen oder Ebenen.

Wähle eine Zeichenfläche aus und weise die Positionssperre zu. Die Zeichenfläche ist jetzt in ihrer Position auf der Arbeitsfläche fixiert, Elemente können aber wie gewohnt hinzugefügt, verschoben oder entfernt werden. 

Doppelklicke im Ebenenbedienfeld auf den Namen der Zeichenfläche und gib einen neuen Namen ein. Alternativ kannst du den Befehl Ebene > Zeichenfläche umbenennen verwenden.

Du kannst die Gruppierung von Zeichenflächen schnell aufheben. Wähle bei ausgewählter Zeichenfläche Ebene > Gruppierung von Zeichenflächen aufheben. Die Gruppierung der Zeichenflächen wird aufgehoben und alle Bestandteile werden auf die nächsthöhere Ebene im Ebenenbedienfeld verschoben. Wird die letzte Zeichenfläche im Dokument aufgelöst oder ihre Gruppierung aufgehoben, wird das Dokument zu einem Nicht-Zeichenflächen-Dokument.

Exportieren von Zeichenflächen

Exportieren von Zeichenflächen als Bildelemente

Du kannst Zeichenflächen als JPEG-, GIF- oder PNG-Bildelemente direkt vom Ebenenbedienfeld aus exportieren.

Weitere Informationen findest du unter Exportieren von Zeichenflächen und Ebenen.

Exportieren von Zeichenflächen als PDF

Du kannst Zeichenflächen als PDF-Dokumente exportieren. Führe folgende Schritte aus:

1. Wähle in Photoshop Datei > Exportieren > Zeichenfläche in PDF aus.
2. Führe im Dialogfeld Zeichenfläche in PDF Folgendes durch:
   • Wähle das Ziel/den Speicherort aus, an dem du die generierten PDF-Dokumente speichern möchtest.
   • Gib ein Dateinamenpräfix für die erzeugten PDF-Dokumente an. Beispielsweise Campaign_insurance.
   • Gib an, ob du nur Inhalte der Zeichenflächen oder auch den Inhalt der Bereiche exportieren möchtest, die die Zeichenflächen überlappen.
   • Gib an, ob du alle Zeichenflächen oder nur die aktuell ausgewählten exportieren möchtest.
   • Gib an, ob du zusammen mit den Zeichenflächen auch Zeichenflächenhintergründe exportieren möchtest.
   • Gib an, ob du ein PDF-Dokument für alle Zeichenflächen im aktuellen Dokument oder ein PDF-Dokument pro Zeichenfläche erstellen möchtest. Wenn du mehrere PDF-Dokumente generieren möchtest, nehmen alle diese Dokumente das Dateinamenpräfix an, das du zuvor angegeben hast.
   • Gib eine Kodierungsoption für die zu exportierenden PDF-Dokumente an: ZIP oder JPEG. Wenn du „JPEG“ gewählt hast, musst du zusätzlich eine Qualitätseinstellung (0–12) angeben.
     
   • Gib an, ob das ICC-Profil (International Color Consortium) in den exportierten PDF-Dateien enthalten sein soll. Ein ICC-Profil enthält Daten, die ein Farbeingabe- oder -ausgabegerät charakterisieren.
     
   • Gib an, ob du zusammen mit den Zeichenflächen auch Zeichenflächenamen exportieren möchtest. Du kannst beim Auswählen dieser Einstellung eine benutzerdefinierte Schrift, Schriftgröße, Schriftfarbe und eine Farbe für erweiterte Arbeitsflächen angeben.
3. Klicke auf Ausführen. Photoshop erzeugt das PDF-Dokument.

Exportieren von Zeichenflächen als Dateien

Du kannst Zeichenflächen als separate Dateien exportieren. Führe folgende Schritte aus:

1. Wähle in Photoshop Datei > Exportieren > Zeichenfläche in Dateien aus.
2. Führe im Dialogfeld Zeichenfläche in Dateien Folgendes durch:
   • Wähle das Ziel aus, an dem du die generierten Dateien speichern möchtest.
   • Gib ein Dateinamenpräfix an.
   • Gib an, ob du nur den Inhalt der Zeichenfläche exportieren oder überlappende Bereiche einbeziehen möchtest.
   • Gib an, ob du alle Zeichenflächen oder nur die aktuell ausgewählten exportieren möchtest.
   • Gib an, ob du zusammen mit den Zeichenflächen auch Zeichenflächenhintergründe exportieren möchtest.
   • Wähle den Dateityp für den Export. Du hast die Möglichkeit, Dateien als BMP, JPEG, PDF, PSD, Targa, TIFF, PNG-8 oder PNG-24 zu exportieren.
   • Gib die Exportoptionen für den Dateityp an, den du ausgewählt hast.
     • Gib an, ob du zusammen mit den Zeichenflächen auch Zeichenflächenamen exportieren möchtest. Du kannst beim Auswählen dieser Einstellung eine benutzerdefinierte Schrift, Schriftgröße, Schriftfarbe und eine Farbe für erweiterte Arbeitsflächen angeben.
       
3. Klicke auf Ausführen. Photoshop exportiert die Zeichenflächen als Dateien im ausgewählten Format.

Häufig gestellte Fragen