Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Typography
Design

Verwenden von Ebenenmasken zum Erstellen Eines Fett Gedruckten Typografie-Posters in Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

German (Deutsch) translation by Anthoni Hermanto (you can also view the original English article)

Final product image
What You'll Be Creating

Für dieses Tutorial entwerfen wir ein Poster mit Layer Masks, um einen Text zu erstellen, der auf faszinierende Weise mit dem Bild interagiert.

Was wirst du brauchen

Sie müssen auch die folgende Schriftdatei und das folgende Bild herunterladen und installieren:

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

1. So bereiten Sie das Brückenbild vor

Schritt 1

Öffnen Sie das Brückenbild in Photoshop.

Wir möchten etwas von dem weißen Hintergrund aus dem Brückenbild entfernen, bevor wir es auf dem Poster verwenden. In diesem Fall verwenden wir nur die linke Seite der Brücke. Kopieren Sie dazu im Layers panel Duplicate die Background layer durch Drücken von Command-J und Hide Sie die Sichtbarkeit der ursprünglichen Background layer aus. Klicken Sie beim Auswählen des neuen Background copy layer im Layers panel auf die Schaltfläche "Vector Mask", um eine Layer Masks der Background copy hinzuzufügen.

Bridge image by Matthew Henry

Schritt 2

Verwenden Sie während der Auswahl der neuen Layer Mask das Magic Wand Tool (W) und klicken Sie auf die grauen Bereiche zwischen den Aufhängeseilen der Brücke. Tun Sie dies nur auf der linken Seite des Bildes und über der Brücke. Halten Sie die Shift taste gedrückt und klicken Sie, um mehr als einen Bereich auszuwählen. Stellen Sie im Tools panel sicher, dass die Vordergrundfarbe auf Weiß eingestellt ist. Klicken Sie auf Delete, um die ausgewählten Bereiche zu entfernen.

Magic Wand Tool selection

Drücken Sie Command-D, um die Bereiche zu löschen, die wir gelöscht haben. Im Moment sehen einige der Kanten rau aus, aber wir können die Dinge später in unserer letzten Datei glätten.

Deleted parts of the image

2. So richten Sie ein neues Dokument ein und duplizieren Ebenen

Schritt 1

Wechseln Sie in Photoshop zu File > New. Benennen Sie das Dokument Architecture of Bridges, und legen Sie die Width auf 1275 px und die Height auf 1650 px fest, wobei Background Contents weiß ist. Klicken Sie auf OK, um das Dokument zu erstellen.

Create a new document

Wir werden die zwei Bridge-Layer in unsere Architecture of Bridges-Datei kopieren. Wählen Sie dazu eine Ebene aus, halten Sie die Shift taste gedrückt und wählen Sie die zweite Ebene aus. Right Click > Duplicate Layers und wählen Sie unter Destination Document > Achitecture of Bridges. Klicken Sie auf OK, um fortzufahren.

Duplicating layers onto a new document

Schritt 2

In der Datei Architecture of Bridges werden unsere zwei neuen Ebenen in einer größeren Größe angezeigt, als wir benötigen. Lassen Sie sie durch Drücken von Command-T kleiner werden.

Wechseln Sie zur Options Bar, und wählen Sie an der Position des Referenzpunkts den oberen linken Punkt aus. Dies hält das Bild an diesem Punkt, wenn es die Größe ändert. Klicken Sie außerdem auf die Schaltfläche Maintain Aspect Ratio, die sich zwischen den Prozentwerten Breite und Höhe befindet. So behält das Bild seine Proportionen. Resize Sie das Bild um 40% und drücken Sie die Enter.

Resizing layers

Um das Bild zu drehen, drücken Sie erneut Command-T. Dadurch wird der Mittelpunkt auf die Mitte des Bildes zurückgesetzt. Halten Sie die Shift gedrückt, während Sie das Bild für eine präzise Drehung drehen. Drücken Sie die Enter, um das Bild zu platzieren.

Schritt 3

In unserem Layers panel werden Sie feststellen, dass die duplizierten Bridge layers jetzt ähnliche Namen haben. Benennen Sie sie Background, Background 1 und Background 2 um.

Change name on the layers

3. Wie man Text hinzufügt

Schritt 1

Geben Sie mit dem Type Tool (T) "Architektur der Brücken" ein. Legen Sie im Character panel die Font auf Fira Sans Black, Size 86 pt und Leading 95 pt fest.

Verschieben Sie im Layers panel die Text layer zwischen Background 1 und Background 2. Wählen Sie zum Ausrichten von Ebenen die Background Layer und die Text Layer aus und richten Sie sie mithilfe der Option Bar auf Horizontal Center Zentrum aus.

Adding text

Schritt 2

Jetzt, da wir fast alle Komponenten haben, können wir unser Brückenbild polieren. Aktivieren Sie die Sichtbarkeit für Background 1 und wählen Sie die Ebene aus. Wir können unsere Ebene erweitern, um den weißen Streifen auf der rechten Seite abzudecken, indem Sie das Rectangular Marquee (M) auswählen und einen Streifen des Himmels auswählen. Sobald es ausgewählt ist, drücke das Move Tool (V). Halten Sie die Option taste gedrückt und ziehen Sie den Streifen, um die rechte Seite des Bildes zu bedecken.

Extending a background

Schritt 3

Wählen Sie im Layers Panel die Layer Mask auf der Ebene Background 2 aus. Setzen Sie im Bedienfeld "Tools" die Background- und Foreground farben auf schwarz und weiß zurück, indem Sie D auf der Tastatur drücken. Sie können zwischen diesen beiden Farben wechseln, indem Sie X drücken. Mit dem Brush Tool (B) und Weiß als Foreground Colour können Sie Teile des Bildes ausblenden. Wenn Sie Schwarz als Vordergrundfarbe verwenden, werden Sie stattdessen Teile des Bildes sichtbar machen. Verwenden Sie diese Technik so lange, bis Sie die gesamte Überschrift anzeigen.

Using the brush tool to reveal parts of the text

Drücken Sie T, um eine neue Textebene hinzuzufügen und weitere Details hinzuzufügen. Um ein Gleichgewicht zu schaffen, können wir die starke Krümmung der Brücke nutzen und die Details daneben hinzufügen.

Adding smaller details on the poster

Klicken Sie auf File > Save, um die Datei als .PSD zu speichern, um sie später zu bearbeiten, und speichern Sie sie auch als JPEG, wenn Sie sie für soziale Medien verwenden.

Saving the poster

Ehrfürchtige Arbeit, du bist fertig!

Herzlichen Glückwunsch zum Abschluss dieses Tutorials! Wir haben eine interessante Fähigkeit für die Erstellung eines Werbefilms für soziale Medien abgedeckt. Heute haben wir es gelernt.

  • Bereinigen Sie ein Bild mit Layer Masks.
  • Formatieren Sie die Typografie und lassen Sie sie mit dem Bild interagieren.
  • Verwenden Sie das Bild auf eine unkonventionelle Weise, um ein anderes und fesselndes Plakat zu schaffen.
Final poster
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.