Tutorial: Text realistisch auf beliebige Oberflächen platzieren in Photoshop

Hier ist ein ausführliches Tutorial, wie du Text realistisch auf jede beliebige Oberfläche in Photoshop projizierst.

Egal ob auf Stoff, einer rauen Hauswand oder einer gewölbten Verpackung – damit Text nicht einfach nur „oben drauf“ liegt, sondern mit der Struktur verschmilzt, musst du die Textur des Untergrunds berücksichtigen. In diesem Tutorial lernst du die effektivste Methode mit einer Displacement Map (Versetzen-Matrix) und den Mischoptionen.

Schritt 1: Die Displacement Map erstellen

Damit sich der Text den Unebenheiten der Oberfläche anpasst, erstellen wir eine Map, die Photoshop sagt, wo der Text "verbogen" werden muss.

1. Öffne dein Hintergrundbild in Photoshop.
2. Drücke Strg + J (Windows) oder Cmd + J (Mac), um die Ebene zu duplizieren.
3. Entziehe der Kopie die Farbe: Bild > Korrekturen > Sättigung verringern (oder Strg+Umschalt+U).
4. Erhöhe den Kontrast: Gehe zu Bild > Korrekturen > Gradationskurven. Ziel ist es, dass die Strukturen (Falten, Risse, Schatten) deutlich sichtbar sind.
5. Wichtig: Speichere diese schwarz-weiße Datei als separate PSD-Datei ab (z. B. unter dem Namen map.psd).
6. Blende die schwarz-weiße Ebene in deinem Hauptprojekt wieder aus oder lösche sie; wir brauchen nur die gespeicherte Datei.

Schritt 2: Text einfügen und vorbereiten

1. Wähle das Text-Werkzeug (T) und schreibe deinen gewünschten Text über die Oberfläche.
2. Klicke mit der rechten Maustaste auf die Textebene und wähle „In Smartobjekt konvertieren“. Das ist wichtig, damit wir den Text später jederzeit ändern können und die Filter nicht-destruktiv bleiben.

Schritt 3: Perspektive anpassen

1. Nutze Strg + T (Transformieren), um den Text grob zu platzieren.
2. Halte die Strg-Taste gedrückt und ziehe an den Ecken, um die Perspektive des Textes an den Untergrund (z. B. eine Wand oder einen Boden) anzupassen.
3. Bestätige mit Enter.

Schritt 4: Den Versetzen-Filter anwenden (Displacement)

Jetzt bringen wir den Text dazu, sich an die Struktur anzuschmiegen.

1. Gehe im Menü auf Filter > Verzerrungsfilter > Versetzen....
2. Stelle die Werte für den horizontalen und vertikalen Bereich ein. Ein Wert zwischen 5 und 15 ist meist ideal (je nach Bildgröße).
3. Klicke auf OK. Nun öffnet sich ein Fenster: Wähle hier die in Schritt 1 gespeicherte Datei (map.psd) aus.
4. Du wirst sehen, dass sich die Kanten des Textes nun exakt an die Unebenheiten deines Bildes angepasst haben.

Schritt 5: Realistisches Blending (Blend If)

Damit der Text nicht wie ein Aufkleber wirkt, müssen Lichter und Schatten des Untergrunds durchscheinen.

1. Mache einen Doppelklick auf die leere Fläche neben dem Ebenennamen deines Text-Smartobjekts, um die Ebenenstile zu öffnen.
2. Ganz unten findest du den Bereich „Mischen, wenn“ (Blend If).
3. Schau auf den Regler „Darunter liegende Ebene“.
4. Halte die Alt-Taste gedrückt und klicke auf den kleinen schwarzen Regler (Schatten), um ihn zu teilen. Ziehe die rechte Hälfte des Reglers nach rechts. Du wirst sehen, wie die Schatten der Textur durch den Text brechen.
5. Mache dasselbe mit dem weißen Regler (Lichter), falls nötig, um Glanzlichter durch den Text scheinen zu lassen.
6. Bestätige mit OK.

Schritt 6: Letzter Feinschliff

1. Deckkraft: Reduziere die Deckkraft der Textebene minimal (z. B. auf 90%), damit sie natürlicher wirkt.
2. Füllmethode: Ändere die Füllmethode der Ebene von „Normal“ auf „Ineinanderkopieren“ oder „Weiches Licht“, falls die Farben des Untergrunds den Text beeinflussen sollen.
3. Weichzeichnung: Da Fotos selten perfekt scharf sind, gehe auf Filter > Weichzeichnungsfilter > Gaußscher Weichzeichner und wähle einen sehr kleinen Wert (0,5 bis 1,0 Pixel), um die digitale Schärfe des Textes zu nehmen.

Pro-Tipp: Da du ein Smartobjekt verwendet hast, kannst du jederzeit doppelt auf das Vorschaubild der Textebene klicken, den Text ändern oder eine Grafik einfügen. Nach dem Speichern (Strg+S) wird das Design automatisch mit allen Effekten auf der Oberfläche aktualisiert!