Nicht jede:r ist ein Photoshop-Profi. Doch viele Techniken lassen sich erstaunlich leicht erlernen. In diesem Tool-Tipp zeigen wir, wie man in wenigen Schritten ein Banner erstellt, für das der verwendete Text mit einem Foto gefüllt wurde. Dies erreichen wir, indem wir die sogenannte Schnittmaske nutzen. Los geht’s!
Schritt 1: Datei anlegen
Beginnen Sie damit, eine neue Datei in Photoshop anzulegen und fügen Sie das Ausgangsmotiv ein. In diesem Beispiel nutzen wir ein Foto von Unsplash User Joel Vodell.
Schritt 2: Text einfügen
Fügen Sie nun den Text ein, den Sie verwenden möchten.
Tipp: Am besten funktioniert der Effekt, wenn Sie eine Schriftart wählen, die sehr kräftige Linien hat, sodass möglichst viel vom Bild zu sehen ist. Sind die Linien der Schriftart zu fein, ist das Motiv des Bildes meist kaum noch zu erkennen.
Besonders einfach wird es, wenn Sie nur eine einzige Textebene erstellen, sodass Sie den Text bei Bedarf weiterhin verändern und bearbeiten können.
Im Beispiel haben wir beide Zeilen jedoch in zwei getrennten Textebenen erstellt, um die Buchstaben freier platzieren zu können. Daher rastern wir die Texte und fügen sie zu einer Ebene zusammen. Beides findet man im Kontextmenü, das Sie mit dem Rechtsklick auf die Ebene aufrufen. Achten Sie darauf, dass Sie wirklich alle Textebenen markieren, umwandeln und zusammenfügen. Wenn Sie hingegen nur eine einzige Textebene haben, muss diese nicht gerastert werden.
Nun ziehen Sie die Ebene mit dem Bild über die Ebene mit dem Text und erstellen eine Schnittmaske. Diese finden Sie ebenfalls mit dem Rechtsklick auf die Ebene im Kontextmenü.
Das war es dann eigentlich schon. Sie haben nun eine Schnittmaske in Form des Textes erstellt.
Da die Ebene mit dem Bild “darunter” liegt, können Sie diese frei bewegen und den besten Bildausschnitt auswählen. In den Screenshots haben wir dies in zwei Varianten ausprobiert:
Ab diesem Punkt stellen Sie Ihr spezifisches Projekt fertig. Wir haben beispielsweise entschieden, dass die zweite Hälfte der Grafik ebenfalls mit dem Meer gefüllt sein und der Hintergrund nicht weiß bleiben soll. Der Kreativität sind hier wenig Grenzen gesetzt. Nun fügen wir noch die weiteren Texte ein und unser Banner ist fertig.
Weitere Tool-Tipps in unserem Blog
Mehr Tricks und Anleitungen finden Sie in der Rubrik Tool-Tipp.