Tutorials

Design-Idee: Text-Portrait-Effekt in Photoshop

Melden

Hier ist ein detailliertes Tutorial, wie du ein beeindruckendes Text-Portrait in Adobe Photoshop erstellst. Diese Technik kombiniert Typografie mit Bildbearbeitung für einen modernen, künstlerischen Look.

Dieser Effekt eignet sich hervorragend für Poster, Cover-Designs oder kreative Social-Media-Inhalte. Wir nutzen dabei die Konturen des Gesichts, um den Text realistisch zu verzerren.

Schritt 1: Das passende Bild auswählen

Wähle ein Portrait mit klaren Konturen und gutem Schattenwurf. Ein neutraler Hintergrund erleichtert die Arbeit.

  1. Öffne dein Bild in Photoshop.
  2. Entferne den Hintergrund (am einfachsten über Eigenschaften > Schnellaktionen > Hintergrund entfernen).
  3. Erstelle eine neue Ebene unter dem Portrait und fülle sie mit Schwarz.

Schritt 2: Vorbereitung für die Verzerrung (Displacement Map)

Damit der Text später den Kurven des Gesichts folgt, brauchen wir eine „Verzerrungsmatrix“.

  1. Wandle das Portrait in Schwarz-Weiß um (Bild > Korrekturen > Sättigung verringern).
  2. Erhöhe den Kontrast mit der Tonwertkorrektur (Strg + L), sodass Schatten und Lichter deutlich hervortreten.
  3. Gehe auf Filter > Weichzeichnungsfilter > Gaußscher Weichzeichner und wähle einen Radius von ca. 2–5 Pixeln (die Konturen sollten weich sein).
  4. Speichere dieses Dokument als separate PSD-Datei unter dem Namen „Verzerrung.psd“ auf deinem Desktop ab.
  5. Mache die Schritte (Weichzeichner & Kontrast) in deinem Hauptdokument rückgängig (Strg + Z), bis du wieder dein normales Portrait hast.

Schritt 3: Den Text erstellen

  1. Wähle das Text-Werkzeug (T).
  2. Ziehe einen großen Textrahmen über das gesamte Gesicht.
  3. Füge deinen Text ein (du kannst einen Blindtext nehmen oder ein Gedicht/Songtext).
  4. Wichtig: Verwende eine eher dicke, serifenlose Schriftart (z. B. Arial Black oder Impact) und stelle den Zeilenabstand sehr eng ein, damit kaum Lücken entstehen.
  5. Farbe des Textes: Weiß.

Schritt 4: Den Text verzerren

Jetzt sorgen wir dafür, dass sich der Text an die Nase, Augen und Lippen anpasst.

  1. Klicke mit der rechten Maustaste auf die Textebene und wähle In Smartobjekt konvertieren.
  2. Gehe zu Filter > Verzerrungsfilter > Versetzen (Displace).
  3. Stelle den horizontalen und vertikalen Wert auf ca. 10 bis 15 (experimentiere hier je nach Bildgröße). Klicke OK.
  4. Wähle nun im Browser-Fenster die vorhin gespeicherte Datei „Verzerrung.psd“ aus. Du wirst sehen, wie sich der Text leicht an die Gesichtsformen schmiegt.

Schritt 5: Text und Bild verschmelzen

  1. Verschiebe die Textebene unter die Portrait-Ebene.
  2. Halte die Alt-Taste gedrückt und klicke im Ebenen-Bedienfeld genau zwischen die Portrait-Ebene und die Textebene. Dadurch erstellst du eine Schnittmaske. Das Portrait ist nun nur noch dort sichtbar, wo Text steht.
  3. Dein Hintergrund sollte weiterhin schwarz sein.

Schritt 6: Den Look verfeinern

Um den Effekt dramatischer zu machen:

  1. Erstelle eine neue Ebene ganz oben und fülle sie mit Schwarz.
  2. Wähle eine sehr geringe Deckkraft (ca. 20-30%) oder nutze eine Ebenenmaske, um nur bestimmte Teile des Textes (z.B. an den Rändern) sanft ausblenden zu lassen.
  3. Optional: Du kannst eine Verlaufs-Ebene (Gradient Map) über alles legen, um dem Text-Portrait eine coole Farbe (z.B. Dunkelblau zu Gold) zu geben.

Profi-Tipp:

Wenn du möchtest, dass man das Gesicht noch besser erkennt, kopiere die originale Portrait-Ebene, lege sie ganz nach unten (über den schwarzen Hintergrund) und setze die Deckkraft auf ca. 5-10 %. Das gibt dem Design mehr Tiefe!

0