So erstellen Sie ein Poster mit Ebenenmasken in Adobe Photoshop

Was Sie erstellen werden

Für dieses Lernprogramm entwerfen wir ein ermächtigendes Poster, bei dem in Blumen verwobene Typografie mit dem Ebenenmaske-Werkzeug in Adobe Photoshop verwendet wird.

Die Poster- und Flyer-Inspiration finden Sie auf GraphicRiver.

Was brauchst du?

Sie müssen außerdem die folgende Schriftartdatei und das folgende Bild herunterladen und installieren: 

  • Playfair Display und Open Sans von Google Fonts
  • Blumenfoto von Charlie Harutaka über Unsplash

Installieren Sie die Schriftart auf Ihrem System und Sie können loslegen! 

1. So bereiten Sie das Blumenbild vor

Schritt 1

Öffnen Sie das Blumenfoto in Photoshop.

Schritt 2

Wir müssen den Hintergrund entfernen, bevor Sie die Blumen auf dem Poster verwenden. Um dies zu tun, auf der Schichten Panel, Duplikat das Hintergrund Schicht durch Drücken Befehl-J und verbergen die Sichtbarkeit des Originals Hintergrund Schicht.

Schritt 3

Beim Auswählen der neuen Ebene auf der Schichten klicken Sie auf die Schaltfläche Vektor-Maske Schaltfläche zum Hinzufügen von a Ebenenmaske zu Hintergrundkopie.

Schritt 4

Beim Auswählen des Neuen Ebenenmaske, benutze die Pinselwerkzeug (B). Setzen Sie die Vorder- / Hintergrundfarben zurück, indem Sie drücken und X zwischen ihnen wechseln. Verwenden Sie Schwarz als Vordergrundfarbeund malen Sie über das Bild, um den Hintergrund zu löschen.

Schritt 5

Sobald wir mit dem Pinselwerkzeug überarbeitet haben, können wir die Details vergrößern und vergrößern. Tippen Sie auf die Backslash-Taste (\) um eine rote Überlagerung auf der Ebenenmaske anzuzeigen. Dies ist nützlich, um zu sehen, ob wir die richtigen Teile in einem Bild löschen.

Wir sollten so etwas haben:

2. Einrichten eines neuen Dokuments und Erstellen von Hilfslinien

Schritt 1

Im Photoshop, gehe zu Datei> Neu. Benennen Sie das Dokument Frau oben und setze das Breite zu 1275 px und Höhe zu 1650 px. Ich verwende diese Komposition als Online-Broschüre, also werde ich sie verwenden 72 dpi. Klicken OK das Dokument erstellen. 

Schritt 2

Wählen Sie die Hintergrundebene aus und zeichnen Sie die Ebene mit Farbeimerwerkzeug (G) und schwarz als Vordergrundfarbe.

Schritt 3

Aktivieren Sie die Lineale, indem Sie drücken Befehl-R. Ich verwende Zoll, Sie können dies ändern, indem Sie zu gehen Photoshop> Voreinstellungen> Einheiten und Lineale.

Schritt 4

Klicken Sie auf die Lineale und ziehen Sie sie in Richtung der Seite, um Richtlinien zu erstellen. Ich habe meine auf jeder Seite auf 1 Zoll eingestellt. Halt Verschiebung die Richtlinie auf eine gerade Zahl ziehen.

3. Wie werden Layer dupliziert?

Schritt 1

Wir werden die aufgeräumte Blumenebene in die neue Datei kopieren. Wählen Sie dazu die Ebene aus Klicken Sie mit der rechten Maustaste> Ebene duplizieren, unter Wie: Ändern Sie den Namen in Blumen,und wählen Sie Dokument> Frau nach oben. Klicken OK weitermachen.

Schritt 2

Die Blumen werden größer angezeigt, als wir brauchen Befehl-T während Sie die Blumenebene auswählen. Gehen Sie zur Optionsleiste,auf der Referenzpunktposition Wählen Sie die obere linke Ecke und wählen Sie auch die Seitenverhältnis beibehalten Symbol. Ändere das Breite zu 30% und drücke Eingeben.

Schritt 3

Lassen Sie uns das Bild auf dem Poster zentrieren, indem Sie das auswählen Hintergrund Schicht, drücken Verschiebung, und klicken Sie auf die Blumen Schicht. Gehen Sie zur Optionsleisteund klicken Sie auf Vertikale Mitte ausrichten. Richten Sie dann die Blumen Ebene zum Poster.

4. So fügen Sie Textebenen hinzu

Schritt 1

Bring die Zeichen Paneldurch zu gehen Fenster> Zeichen. Drücken Sie T um eine neue Textebene hinzuzufügen. Fügen Sie auf der ersten Ebene ein Datum hinzu und auf der zweiten Ebene fügen Sie hinzu Frau oben.

Schritt 2

Wählen Sie die Textebenen durch Gedrückthalten aus Befehl und auf beide klicken. Drehen Sie diese beiden Ebenen vertikal, indem Sie drücken Befehl-T, Gehen Sie zu einer der Ecken, bis das Rotationssymbol angezeigt wird, und halten Sie die Taste gedrückt Verschiebung eine gleichmäßige Drehung machen.  

Schritt 3

Wir möchten das gesamte Poster füllen, um etwas mit Wirkung zu schaffen. Rufen Sie die Führungen auf, indem Sie drücken Befehl-;. Ändern Sie die Größe beider Textebenen, indem Sie auf drücken Befehl-T Um das Poster vertikal zu füllen, von Anleitung zu Anleitung. Ziel ist es, dass Titel und Datum mit der Blume interagieren.

Schritt 4

Fügen Sie eine Website hinzu, um das Poster auszugleichen. ich benutzte Offene Sans, beim 25 pt, weiß, und platzierte es in der rechten oberen Ecke, wobei ein Rand von etwa einem Zoll übrig blieb. Ich habe etwas anderes verwendet, weil Playfair Display, wie der Name schon sagt, für Anzeigeeinstellungen verwendet wird und in kleinen Größen nicht gut lesbar ist.

5. So fügen Sie Maskenebenen hinzu

Schritt 1

Wir möchten eine Illusion erzeugen, dass der Text mit den Blumen verwoben ist. Wir kopieren die Blumenebene durch Drücken von Befehl-J und platziere es ganz oben in unserem Schichten Panel.

Schritt 2

Wir wollen an dem Neuen arbeiten Blume Schicht und genauer auf der Ebenenmaske. Beginnen Sie mit der Einstellung der Pinselwerkzeug (B) gefolgt von Rechtsklick auf eine Größe von 30 px und Härte von 100%

Sie können zwischen schwarzen und weißen Farben wechseln, um Teile des Bildes ein- oder auszublenden. Drücken X wechselt zwischen diesen beiden Farben und erleichtert die Bearbeitung der Details.

Wir möchten auch auf die Blütenblätter achten, die im Vordergrund und Hintergrund stehen, damit diese sinnvoll sind, was den Text abdeckt und was hinter dem Text steht. Die endgültige Datei und die Ebenen sollten wie folgt aussehen:

Schritt 3

Machen Sie dasselbe mit dem Datum ganz links.

6. Hinzufügen von Effekten zu einer Textebene

Schritt 1

Um eine Schärfentiefe zu erstellen, fügen Sie ein ein Schlagschatten-Ebenenstil zum Haupttext. Wähle aus Frau herauf Textschicht auf der Schichten Panel. Klicke auf Effekte> Schlagschatten.

Schritt 2

EIN Ebenenstil Das Fenster wird geöffnet und Sie werden feststellen, dass der Text auf unserem Poster einen Schatten hat. Wir möchten ein weicheres Aussehen, wechseln wir also zu den Werten in der folgenden Abbildung und klicken Sie auf OK.

Schritt 3

Unsere Textebene hat jetzt eine "Fx" Symbol daneben. Wir möchten den Schlagschatteneffekt auf den kopieren Datumstextebene. Wähle aus Frau herauf Textschicht und Klicken Sie mit der rechten Maustaste> Ebenenstil kopieren. Auf der Datumstextebene, Rechtsklick> Ebenenstil einfügen. Die Ebenen und das Bild sollten wie folgt aussehen:

7. So fügen Sie Anpassungsschichten hinzu

Schritt 1

Am unteren Rand der Schichten klicken Sie auf Einstellungsebene hinzufügen> Helligkeit / Kontrast.

Schritt 2

Das Eigenschaften Panel für diese neue Ebene wird geöffnet. Wir möchten dem Bild mehr Kontrast und etwas Helligkeit verleihen, um es hervorzuheben. Ich habe die folgenden Werte hinzugefügt: Helligkeit: +fünfzehn und Kontrast: +20.

8. So speichern Sie das Poster als .PSD und für das Web

Schritt 1

Klicken Datei> Speichern unter um die Datei als .PSD um es später zu bearbeiten. 

Schritt 2

Klicken Sie auf, um ein Web-JPEG mit niedrigerer Auflösung und eine kleinere Dateigröße zu erhalten Datei> Für Web speichern (Shift-Option-Befehl-S). Hier können Sie die Bildqualität und die Bildgröße ändern. Klicke auf Sparen… und speichern Sie die Datei.

Herzlichen Glückwunsch zum Beenden dieses Tutorials!

Wir haben eine interessante Fähigkeit besprochen, um typografische Poster zusammenzustellen, die mit einem Bild interagieren. Heute haben wir gelernt:

  • Verwenden Sie Ebenenmasken, um Teile eines Bildes auszublenden und anzuzeigen.
  • Verwenden Sie Anpassungsebenen, um einem Bild Helligkeit / Kontrast hinzuzufügen.
  • Formatieren Sie die Typografie und verwenden Sie sie in verschiedene Richtungen, um mit dem Bild zu interagieren.
  • Nutzen Sie die Bildschärfe zu unserem Vorteil, um ein Poster mit Tiefe zu erstellen.
  • Verwenden Sie Effektebenen, um einer Textebene Schlagschatten hinzuzufügen, um Schärfentiefe zu erstellen.