Mehrere Zeichenflächenvorlagen in Photoshop CC
Im vorherigen Tutorial haben wir in Photoshop CC ein neues Dokument erstellt, das eine Zeichenfläche für ein Instagram-Post-Layout enthielt. Jetzt lernen wir, wie Sie unserem Photoshop CC-Dokument zusätzliche Zeichenflächen hinzufügen, indem Sie Zeichenflächen-Layouts für Facebook, Pinterest und Twitter hinzufügen. Wir können dies einfach tun, indem wir unsere vorhandene Zeichenfläche duplizieren.

Für die neuen Zeichenflächen verwenden wir die Pixelbreite und -höhe für Facebook-, Pinterst- und Twitter-Beiträge.

Facebook 940 x 788
Pinterest 735 x 1102
Twitter 1024 x 512

Unser erster Schritt wird darin bestehen, unsere vorhandene Zeichenfläche von "Zeichenfläche 1" in "Instagram Post Layout" umzubenennen. Dann duplizieren wir diese Zeichenfläche.

  1. Öffnen Sie das Dokument, das wir im letzten Tutorial gestartet haben.

  2. Doppelklicken Sie im Ebenenbedienfeld auf den Titel der Zeichenfläche 1.

  3. Benenne die Ebene in "Instagram Post Layout" um.

    Jetzt können wir eine neue Zeichenfläche hinzufügen.

  4. Wählen Sie im Bedienfeld „Werkzeuge“ das Symbol „Zeichenfläche“ aus (siehe Abbildung).

    Sie sollten die Plus-Symbole sehen, die die ursprüngliche Zeichenfläche umgeben (siehe Screenshot). Fügen wir die neue Zeichenfläche rechts von der vorhandenen Zeichenfläche hinzu.

  5. Klicken Sie auf das Plus-Symbol auf der rechten Seite der Zeichenfläche für Instagram Post Layout.

    Standardmäßig wird ein Duplikat der ursprünglichen Zeichenfläche mit dem Namen Zeichenfläche 1 angezeigt (siehe Abbildung). Im Ebenenbedienfeld sollte die neue Zeichenfläche über der ursprünglichen Zeichenfläche angezeigt werden.

  6. Benennen wir diese Zeichenfläche im Ebenenbedienfeld in "Facebook-Post-Layout" um.

    Jetzt müssen wir die Pixelmaße für die Facebook-Anforderungen ändern.

  7. Wenn die Zeichenfläche "Facebook-Post-Layout" ausgewählt ist, werden die Pixelmaße in der Symbolleiste "Optionen" angezeigt. Ändern Sie die Breite auf 940 und die Höhe auf 788 Pixel (siehe Screenshot).

    Fügen wir die Zeichenfläche für das Post-Layout für Pinterest mit einer anderen Methode hinzu.

  8. Wählen Sie im Bedienfeld „Werkzeuge“ das Symbol „Zeichenfläche“.

  9. Klicken und ziehen Sie, um die dritte Zeichenfläche zu "zeichnen". Beobachten Sie beim Ziehen das Pixel-Anzeigefeld (siehe Abbildung), bis die Abmessungen auf 735 x 1102 eingestellt sind. Lassen Sie die Maustaste los.

    Sie sollten eine neue Zeichenfläche mit dem Titel "Zeichenfläche 1" haben.

  10. Klicken Sie mit dem Verschieben-Werkzeug auf den Titel von Zeichenfläche 1 und ziehen Sie, um diese neue Zeichenfläche neben der zweiten Zeichenfläche zu positionieren (siehe Abbildung).

  11. Benennen Sie diese Zeichenfläche in "Pinterest Post Layout" um.

    Wiederholen wir diesen Vorgang, um die letzte Zeichenfläche für das Post-Layout für Twitter hinzuzufügen. Sichere deine Arbeit.

An diesem Punkt haben wir die Anfänge einer großartigen Grafikvorlage für soziale Medien. In den nächsten Tutorials werden Platzhalter für die Kunst, Formen und Textgestaltungselemente hinzugefügt, wobei die Wiederverwendbarkeit berücksichtigt wird.

Zusätzliche Fakten:

Wenn unsere ursprüngliche Zeichenfläche Gestaltungselemente enthielte, konnten wir die Zeichenfläche zusammen mit ihren Gestaltungselementen duplizieren, indem wir beim Klicken auf das Plus-Symbol den Optionsschlüssel hinzufügten.

Wenn Sie eine Zeichenfläche von Grund auf neu erstellen, haben Sie die Wahl zwischen verschiedenen Voreinstellungen (siehe Screenshot).

Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Nachdruck der Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop, Photoshop-Album, Photoshop-Elemente, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst und Flash Paper ist / sind entweder eine eingetragene Marke oder eine Marke von Adobe Systems Incorporated in den USA und / oder anderen Ländern.


Video-Anleitungen: UX Design & Webdesign mit Photoshop CC, Workspace richtig einrichten! [Tutorial] (April 2024).