Tutorials

Kreatives Text-Masken-Poster in Photoshop erstellen – Schritt-für-Schritt-Anleitung

Melden

Ein beliebtes und wirkungsvolles Design-Element im modernen Grafikdesign ist das Text-Masken-Poster. Dabei verschmelzen Typografie und Bild so miteinander, dass Teile des Motivs durch die Schrift sichtbar sind, während andere Teile darüber hinausragen (Pop-Out-Effekt). Das verleiht dem Poster eine beeindruckende 3D-Tiefe.

In diesem Tutorial erfährst du, wie du diesen Effekt sauber und professionell umsetzt.

Was du benötigst:

  1. Ein aussagekräftiges Foto: Am besten eignet sich ein Porträt, eine Sportaufnahme oder ein Tierfoto, bei dem sich das Hauptmotiv gut vom Hintergrund abhebt.
  2. Eine dicke Schriftart (Bold / Extra Bold): Schriften wie Impact, Montserrat Black, Futura Bold oder Bebas Neue eignen sich hervorragend, da sie viel Fläche für das Bild bieten.

Schritt 1: Dokument anlegen und Bild importieren

  1. Öffne Photoshop und erstelle ein neues Dokument (Strg + N bzw. Cmd + N).
    • Format-Empfehlung für Poster: z. B. A3 oder vertikal 2000 x 3000 Pixel bei 300 dpi.
  2. Ziehe dein gewünschtes Foto per Drag-and-Drop in das Dokument und skaliere es passend (Strg/Cmd + T). Bestätige mit der Eingabetaste.

Schritt 2: Das Motiv freistellen

Damit der kreative Effekt funktioniert, müssen wir das Motiv vom Hintergrund trennen.

  1. Klicke auf deine Bildebene.
  2. Gehe in der oberen Menüleiste auf Auswahl > Motiv. Photoshop erkennt dein Motiv in der Regel automatisch.
  3. Klicke unten im Ebenen-Bedienfeld auf das Symbol Ebenenmaske hinzufügen (Rechteck mit Kreis). Der Hintergrund ist nun ausgeblendet.
  4. Wichtig: Dupliziere diese freigestellte Ebene mit Strg + J (bzw. Cmd + J). Du hast nun zwei identische freigestellte Ebenen. Nenne die obere „Motiv Vorne“ und die untere „Motiv Maskiert“.

Schritt 3: Den Hintergrund anlegen

  1. Erstelle eine neue Farbebene ganz unten im Ebenen-Stapel: Klicke unten auf das Symbol für Neue Einstellungsebene > Farbfläche….
  2. Wähle eine Farbe, die zum Motiv passt – oft eignet sich ein sehr dunkles Grau, gebrochenes Weiß oder eine Farbe, die du mit der Pipette direkt aus dem Bild aufnimmst.

Schritt 4: Die Typografie platzieren

  1. Wähle das Text-Werkzeug (T).
  2. Schreibe dein Hauptwort in Großbuchstaben (z. B. „RUN“, „WILD“, „POWER“).
  3. Wähle eine sehr fette Schriftart.
  4. Schiebe die Textebene im Ebenen-Bedienfeld zwischen deine beiden Motivebenen:
    • Motiv Vorne (ganz oben)
    • Textebene (in der Mitte)
    • Motiv Maskiert (darunter)
    • Farbebene/Hintergrund (ganz unten)
  5. Drücke Strg/Cmd + T und skaliere die Schrift so, dass sie groß über das Motiv ragt.

Schritt 5: Die Text-Maske (Schnittmaske) erstellen

  1. Wähle die Ebene „Motiv Maskiert“ aus und ziehe sie direkt über die Textebene.
  2. Mache einen Rechtsklick auf die Ebene „Motiv Maskiert“ und wähle Schnittmaske erstellen (Shortcut: Alt gedrückt halten und genau zwischen die Foto- und die Textebene klicken).
  3. Ergebnis: Das Foto ist jetzt nur noch innerhalb der Buchstaben sichtbar!

Schritt 6: Der kreative Pop-Out-Effekt

Jetzt kommt der Schritt, der das Design lebendig macht. Bestimmte Teile des Motivs (z. B. Kopf, Arme oder Beine) sollen über die Buchstaben hinausschauen.

  1. Blende die oberste Ebene („Motiv Vorne“) wieder ein.
  2. Klicke auf die schwarze/weiße Ebenenmaske dieser obersten Ebene.
  3. Wähle einen weichen Pinsel (B) mit schwarzer Farbe.
  4. Male über die Bereiche, die nicht überstehen sollen (also dort, wo die Textkanten sichtbar bleiben sollen).
    • Tipp: Wenn du versehentlich zu viel weggenommen hast, wechsle zu weißer Farbe und male die Stellen einfach wieder zurück.
    • Das Ziel: Der Kopf schaut beispielsweise oben über die Buchstabenkante hinaus, während der Rest des Körpers brav in den Buchstaben bleibt.

Schritt 7: Tiefe durch Schatten erzeugen

Um den Effekt abzurunden, sollte das herausragende Motiv einen leichten Schatten auf den Text werfen:

  1. Erstelle eine neue leere Ebene direkt über der Textebene (aber unter „Motiv Vorne“).
  2. Wandle auch diese in eine Schnittmaske für den Text um (Alt-Klick).
  3. Nimm einen weichen, schwarzen Pinsel mit geringer Deckkraft (ca. 20–30 %).
  4. Male vorsichtig einen dezenten Schatten an die Kanten, wo das herausragende Motiv über den Text ragt.

Schritt 8: Typografisches Poster-Finish

Verwandle die Grafik in ein echtes Poster, indem du Details hinzufügst:

  • Zusatztexte: Füge kleinere typografische Details hinzu (z. B. ein Zitat, Koordinaten, Kategorienamen) in einer dünnen Schriftart (Light oder Regular).
  • Farbkorrektur: Lege ganz oben eine Einstellungsebene für Verlaufsumsetzung oder Color Lookup an, um alle Bildelemente farblich harmonisch zusammenzuführen.
  • Körnung (Noise): Erstelle eine neue leere Ebene ganz oben, fülle sie mit 50 % Grau (Bearbeiten > Fläche füllen), stelle den Ebenenmodus auf Ineinanderkopieren und gehe auf Filter > Rauschfilter > Rauschen hinzufügen (ca. 3–5 %). Das nimmt dem Ganzen den digitalen Look und lässt es gedruckt wirken.

Fertig!

Du hast erfolgreich ein dynamisches, modernes Text-Masken-Poster mit Tiefeneffekt erstellt. Exportiere dein Werk über Datei > Exportieren > Exportieren als… als PNG oder JPG.

0