Genau wie in Adobe Illustrator bieten Photoshop-Zeichenflächen die Möglichkeit, separate Seiten oder Bildschirme innerhalb eines Dokuments zu erstellen. Dies kann besonders hilfreich sein, wenn Sie Bildschirme für eine mobile Anwendung oder eine kleine Broschüre erstellen.
Sie können sich eine Zeichenfläche als eine spezielle Art von Ebenengruppe vorstellen, die mit dem Ebenenbedienfeld erstellt wurde. Seine Funktionalität ist in Photoshop vielleicht nicht so intuitiv wie in Adobe Illustrator, aber mit ein wenig Übung sollten Sie den Dreh raus haben. Befolgen Sie diese Schritte, um zu sehen, wie Sie selbst Zeichenflächen erstellen können:
In diesem Beispiel wird ein neues Dokument mit dem iPhone 6 Startdokument erstellt. Wenn Sie ein neues Dokument mit dem alten Fenster "Neues Dokument" beginnen, erstellen Sie eine neue Datei mit diesen Abmessungen: 750 breit x 1334 hoch.
Erstellen Sie ein Dokument in der Größe des iPhone 6.
Wenn Sie Ihr neues Dokument mit der iPhone 6-Startdatei erstellt haben, wird bereits eine Zeichenfläche im Ebenenbedienfeld aufgeführt.
Das Ebenenbedienfeld mit bereits erstellter Zeichenfläche.
Wenn keine Zeichenfläche angezeigt wird, erstellen Sie jetzt eine, indem Sie im Menü des Ebenenbedienfelds die Option „Neue Zeichenfläche“ auswählen.
Sie können Ihre eigene Zeichenfläche über das Menü des Ebenenbedienfelds hinzufügen.
Beim Erstellen von Zeichenflächen können Sie aus einer Vielzahl von voreingestellten Größen wählen oder Ihre eigene benutzerdefinierte Zeichenflächengröße definieren.
Wählen Sie Datei→ Eingebettet platzieren und navigieren Sie zum Ordner Book03-Photoshop. Doppelklicken Sie, um das Bild mit dem Namen water_sky auszuwählen, oder wählen Sie das Bild aus und drücken Sie auf Platzieren.
Wenn das Bild auf der Zeichenfläche angezeigt wird, greifen Sie einen der Eckgriffe, halten Sie die Umschalttaste gedrückt und klicken und ziehen Sie nach außen, um das Bild zu skalieren und die gesamte Zeichenfläche auszufüllen. Wenn das Bild angepasst und positioniert ist, aktivieren Sie das Kontrollkästchen „Bestätigen“ in der Optionsleiste oder drücken Sie die Eingabetaste, um die Platzierung des Bildes zu bestätigen.
Platzieren Sie ein Bild und dehnen Sie es so, dass es auf die gesamte Zeichenfläche passt.
Als nächstes fügen Sie eine Textebene hinzu.
Wählen Sie das Textwerkzeug aus und klicken und ziehen Sie auf der Zeichenfläche, um einen Textbereich zu erstellen und eine neue Textebene hinzuzufügen.
Geben Sie den Text WASSER & HIMMEL ein. Legen Sie mithilfe der Steuerelemente in der Optionsleiste den Typ auf die folgenden Eigenschaften fest:
Wählen Sie die Schaltfläche Bestätigen in der Optionsleiste aus, nachdem Sie Ihren Typ festgelegt haben.
Fügen Sie Ihrer Zeichenfläche eine Textebene hinzu.
Sie können auch Strg+Return (Windows) oder ⌘ +Return (Mac) drücken, um auch eine Textebene zu übergeben.
Wie Sie sehen, arbeiten Sie mit Artboards genauso wie mit jedem anderen Photoshop-Dokument. Der Unterschied kommt im nächsten Schritt, wo Sie erfahren, wie Sie Ihrer Datei zusätzliche Zeichenflächen hinzufügen.
Sie können auch zusätzliche Zeichenflächen erstellen. Vielleicht möchten Sie eine mobile App mit mehreren Bildschirmen, die in Photoshop erstellt wurde, oder Sie möchten einfach mehrere Versionen eines Bildschirms erstellen. Für diese Anleitung fahren Sie mit dem oben begonnenen Projekt fort.
Klicken Sie auf das Verschieben-Werkzeug und wählen Sie das ausgeblendete Zeichenflächen-Werkzeug aus.
Verwenden Sie das Zeichenflächenwerkzeug, um die Zeichenflächen zu bearbeiten und mehr zu erstellen.
Pluszeichen-Symbole erscheinen auf allen Seiten der Zeichenfläche. Sie können auf diese Pluszeichen-Symbole klicken, um zusätzliche Zeichenflächen hinzuzufügen.
Klicken Sie auf das Pluszeichen-Symbol rechts neben Ihrer vorhandenen Zeichenfläche, um zu sehen, dass eine neue leere Zeichenfläche hinzugefügt wird.
Fügen Sie eine leere Zeichenfläche hinzu, indem Sie auf das Pluszeichen-Symbol klicken.
Schauen Sie im Ebenenbedienfeld nach. Stellen Sie sicher, dass die neueste Zeichenfläche wie bei Ebenen über der ausgewählten Ebene angezeigt wird.
Sie können auch das Zeichenflächen-Tool verwenden, um Ihre eigene benutzerdefinierte Zeichenfläche zu erstellen. Klicken und ziehen Sie dazu mit dem Zeichenflächenwerkzeug auf der Photoshop-Leinwand. Wählen Sie in der Werkzeugoptionsleiste eine voreingestellte Größe aus dem Einblendmenü „Größe“ aus oder belassen Sie sie einfach in Ihrer benutzerdefinierten Größe.
Bevor diese Datei komplexer wird, ist es ratsam, die Zeichenflächen zu benennen. Dies geschieht im Ebenenbedienfeld.
Wählen Sie die ursprüngliche Zeichenfläche (Zeichenfläche 1) aus und doppelklicken Sie auf den Namen der Zeichenfläche. Wenn das Textfeld aktiv ist, geben Sie den Namen Home ein.
Doppelklicken Sie im Ebenenbedienfeld auf den Namen Artboard 2 und nennen Sie diese Ebene Strand.
Fügen Sie nun der zweiten Zeichenfläche ein Bild und etwas Text hinzu:
Klicken Sie auf das Zeichenflächen-Werkzeug und schalten Sie es zurück zum Verschieben-Werkzeug.
Stellen Sie sicher, dass die Beach-Zeichenfläche im Ebenenbedienfeld ausgewählt ist, und wählen Sie Datei→ Eingebettet platzieren. Navigieren Sie zum Ordner Book03_Photoshop, wählen Sie das Bild mit dem Namen Strand aus und drücken Sie auf Platzieren. Das Bild wird der zweiten Zeichenfläche hinzugefügt.
Halten Sie wie beim zuletzt platzierten Bild die Umschalttaste gedrückt und ziehen Sie mit der Umschalttaste an einem Eckpunkt, um das Bild proportional zu vergrößern und den Bildschirm auszufüllen.
Klicken Sie bei aktivem Verschieben-Werkzeug auf das Bild und ziehen Sie es. Beachten Sie, dass es sich, obwohl es sich im selben Dokument befindet, nicht mit Grafiken auf anderen Zeichenflächen überschneidet oder mit diesen interferiert.
Klonen von einer Zeichenfläche auf eine andere
Klonen Sie nun den Text von der Home-Zeichenfläche in die Strand-Zeichenfläche:
Klicken Sie bei aktiviertem Verschieben-Werkzeug bei gedrückter Strg- (Windows) bzw. ⌘-Taste (Mac) auf den Text WASSER & HIMMEL in der Home-Zeichenfläche. Dadurch wird diese Ebene aktiviert.
Halten Sie die Alt- (Windows) bzw. Wahltaste (Mac) gedrückt und klicken und ziehen Sie den Text von einer Zeichenfläche zur nächsten.
Wenn Sie beim Ziehen die Umschalttaste gedrückt halten, bleibt das Bild ausgerichtet.
Wechseln Sie zur Zeichenfläche und doppelklicken Sie auf den neu geklonten Text, um den Textbereich zu aktivieren, und geben Sie FUN BEACHES ein.
Eine Photoshop-Datei mit zwei Zeichenflächen.
Verschieben von Elementen von einer Zeichenfläche auf eine andere
Um ein Element von einer Zeichenfläche auf eine andere zu verschieben, ziehen Sie die Elemente einfach von einer Zeichenfläche auf eine andere. Wenn Sie ein Element zwischen Zeichenflächen verschieben, versucht Photoshop, es an derselben Position relativ zu den Linealursprüngen in den oberen linken Ecken der Zeichenflächen zu positionieren.
Exportieren Ihrer Zeichenflächen
Sie können Ihre Datei als Photoshop-Datei speichern, um die Ebenen beizubehalten, aber in diesem Beispiel exportieren Sie die Datei als zweiseitige PDF-Datei. Oder verwenden Sie die Funktion Datei→ Exportieren, um Ihre Zeichenflächen als PNGs, JPEGs, PDFs und mehr zu exportieren.
Sie können Zeichenflächen als JPEG-, GIF- oder PNG-Bildelemente direkt aus dem Bedienfeld Ebenen exportieren.
Sie können Zeichenflächen als PDF-Dokumente exportieren. Folge diesen Schritten:
Wählen Sie in Photoshop Datei > Exportieren > Zeichenflächen in PDF.
Gehen Sie im Dialogfeld Zeichenflächen in PDF wie folgt vor:
Klicken Sie auf Ausführen. Photoshop generiert das PDF-Dokument.
Sie können Zeichenflächen als separate Dateien exportieren. Folge diesen Schritten:
Wählen Sie in Photoshop Datei > Exportieren > Zeichenflächen in Dateien.
Gehen Sie im Dialogfeld Zeichenflächen in Dateien wie folgt vor:
Klicken Sie auf Ausführen. Photoshop exportiert die Zeichenflächen als Dateien im ausgewählten Format.
Sie können das Snapshot-Tool in Adobe Acrobat CS5 verwenden, um sowohl Text als auch Bilder auszuwählen und ein Bild eines bestimmten Bereichs innerhalb einer PDF-Datei zu erstellen. Das Ergebnis wird allgemein als Screenshot eines Abschnitts in einer PDF-Datei bezeichnet. Das Ergebnis ist ein Bild, und Ihr Text ist kein […]
Die Messfunktionen von Photoshop CC wurden für Forscher und Wissenschaftler entwickelt und sind ziemlich leistungsstark. Sie können so ziemlich alles messen und die Anzahl der Dinge in einem technischen Bild zählen, vielleicht von einem Mikroskop oder Teleskop. Wenn Sie die genaue Größe eines Elements in einem Bild kennen, können Sie so ziemlich alles entdecken, […]
Wenn Sie die Verflüssigungswerkzeuge in Adobe Creative Suite 5 (Adobe CS5) Illustrator verwenden, können Sie Objekte biegen – also wellig, klebrig oder spitz machen – indem Sie einfache bis komplexe Verzerrungen erzeugen. Die Verflüssigungswerkzeuge können alle möglichen kreativen oder verrückten (je nachdem, wie Sie es betrachten) Verzerrungen an Ihren Objekten bewirken. Du […]
Wenn Ihr Adobe XD-Projekt Text enthält, können Sie die Texteigenschaften ändern. Zu diesen Eigenschaften gehören Schriftfamilie, Schriftgröße, Schriftstärke, Ausrichtung, Zeichenabstand (Kerning und Nachführung), Zeilenabstand (voreilend), Füllung, Rahmen (Strich), Schatten (Schatten) und Hintergrundunschärfe. Sehen wir uns also an, wie diese Eigenschaften angewendet werden. Über Lesbarkeit und Schriftart […]
Sie können InDesign verwenden, um QR-Code-Grafiken zu erstellen und zu ändern. QR-Codes sind eine Form von Barcodes, die Informationen wie Wörter, Zahlen, URLs oder andere Datenformen speichern können. Die Benutzerin scannt den QR-Code mit ihrer Kamera und Software auf einem Gerät wie einem Smartphone, und die Software verwendet […]
Genau wie in Adobe Illustrator bieten Photoshop-Zeichenflächen die Möglichkeit, separate Seiten oder Bildschirme innerhalb eines Dokuments zu erstellen. Dies kann besonders hilfreich sein, wenn Sie Bildschirme für eine mobile Anwendung oder eine kleine Broschüre erstellen. Sie können sich eine Zeichenfläche als eine spezielle Art von Ebenengruppe vorstellen, die mit dem Ebenenbedienfeld erstellt wurde. Es ist […]
Das Einwickeln von Text in Adobe Illustrator CC ist nicht dasselbe wie das Einwickeln eines Geschenks – es ist einfacher! Ein Textumbruch erzwingt einen Textumbruch um eine Grafik, wie in dieser Abbildung gezeigt. Diese Funktion kann jedem Stück ein wenig Kreativität verleihen. Die Grafik zwingt den Text, um ihn zu umbrechen. Erstellen Sie zunächst […]
Beim Entwerfen in Adobe Illustrator CC müssen Sie häufig eine Form mit einer genauen Größe haben (z. B. 2 x 3 Zoll). Nachdem Sie eine Form erstellt haben, können Sie die Größe am besten auf genaue Maße ändern, indem Sie das in dieser Abbildung gezeigte Bedienfeld „Transformieren“ verwenden. Lassen Sie das Objekt ausgewählt und wählen Sie dann Window→Transform to […]
Erfahren Sie, wie Sie in Illustrator Transparenz auf SVG-Grafiken anwenden. Erfahren Sie, wie Sie SVGs mit transparentem Hintergrund ausgeben und Transparenzeffekte anwenden.
Nachdem Sie Ihre Bilder in Adobe XD importiert haben, haben Sie nicht viel Kontrolle über die Bearbeitung, aber Sie können Bilder wie jede andere Form in der Größe ändern und drehen. Sie können die Ecken eines importierten Bilds auch ganz einfach mit den Ecken-Widgets abrunden. Maskieren Ihrer Bilder Durch das Definieren einer geschlossenen Form […]
