Articles

Text in Photoshop transformieren: Verzerrungs- und 3D-Perspektiveneffekte

Geschrieben von Steve Patterson.

In diesem Tutorial zeige ich Ihnen, wie Sie Text mit den Befehlen Verzerren und Perspektive in Photoshop transformieren! Normalerweise erlaubt uns Photoshop nicht, Verzerrung oder Perspektive mit Typebenen zu verwenden. Aber hier zeige ich Ihnen einen einfachen Trick, um beide Befehle freizuschalten und Ihren Text vollständig bearbeitbar zu halten.

Ich verwende die neueste Version von Photoshop CC, aber jede neuere Version funktioniert. Lass uns anfangen!

Laden Sie dieses Tutorial als druckfertiges PDF herunter!

Text hinzufügen

Als erstes müssen wir Text hinzufügen. Hier ist ein Bild, das ich in Photoshop geöffnet habe, um es als Hintergrund für meinen Effekt zu verwenden. Ich habe dieses von Adobe Stock heruntergeladen:

Das Hintergrundbild. Bildnachweis: Adobe Stock.

Und wenn wir in das Ebenenbedienfeld schauen, sehen wir, dass ich auch Text über dem Bild hinzugefügt habe. Ich schalte es ein, indem ich auf das Sichtbarkeitssymbol der Typebene klicke:

Den Text einschalten.

Und hier ist mein Text:

Der Text erscheint vor dem Bild.

Ich verwende eine Schriftart namens Orbitron Bold, die ich von Adobe Typekit heruntergeladen habe:

Die im Effekt verwendete Schriftart.

Die Befehle Verzerren und Perspektive

Ich möchte meinem Text eher ein 3D-Aussehen verleihen, als ob er zum Horizont zurückkippt, was bedeutet, dass ich seine Perspektive ändern möchte. Und der einfachste Weg, Perspektive hinzuzufügen, ist mit Photoshop Perspektive Befehl.

Um dorthin zu gelangen, gehe ich in der Menüleiste zum Menü Bearbeiten und wähle Transformieren. Hier finden Sie alle verschiedenen Transformationsbefehle von Photoshop. Beachten Sie jedoch, dass wir zwar auf Dinge wie Skalieren, Drehen, Neigen und sogar Verziehen zugreifen können, die beiden interessantesten Optionen — Verzerren und Perspektive — jedoch ausgegraut sind:

Die Optionen Verzerren und Perspektive sind nicht verfügbar.

Konvertieren der Typebene

Der Grund ist, dass Photoshop es uns nicht erlaubt, Verzerrung oder Perspektive mit einer Typebene zu verwenden. Bevor ich meinem Text eine 3D-Perspektive hinzufügen kann, muss ich zuerst meine Typebene in etwas anderes konvertieren.

Option 1: Rastern des Textes

Eine Sache, die ich tun könnte, ist, meinen Text zu rastern, was bedeutet, meinen Typ in Pixel umzuwandeln. Und das könnte ich im Ebenenbedienfeld tun, indem ich mit der rechten Maustaste (Win) / Ctrl-Klick (Mac) direkt auf die Typebene klicke:

Klicken Sie mit der rechten Maustaste (Win) / Ctrl-Klick (Mac) auf die Typebene.

Und wählen Sie dann Rasterize Type aus dem Menü:

Der Befehl Rasterize Type.

Aber hier ist das Problem. Wenn ich meinen Typ in Pixel konvertiere, verliere ich die Möglichkeit, meinen Text zu bearbeiten. Und wenn wir irgendeine Art von Transformationen auf ein pixelbasiertes Bild anwenden, können wir an Qualität verlieren. Das Rastern des Typs ist also keine gute Wahl.

Option 2: Konvertieren des Typs in eine Form

Eine weitere Option im selben Menü ist Convert to Shape:

Der Befehl Convert to Shape.

Der Vorteil, den eine Form gegenüber Pixeln hat, besteht darin, dass wir eine Form ohne Qualitätsverlust beliebig transformieren können. Aber wir hätten immer noch ein Problem, weil wir immer noch die Fähigkeit verlieren würden, unseren Text zu bearbeiten. Das Konvertieren in eine Form ist also auch nicht die beste Wahl.

Option 3: Konvertieren des Typs in ein Smart-Objekt

Eine dritte Option besteht jedoch darin, unseren Text in ein Smart-Objekt zu konvertieren, indem Sie im Menü Convert to Smart Object auswählen:

Wählen Sie Convert to Smart Object.

Photoshop konvertiert die Typebene in ein Smart-Objekt, und wir wissen, dass durch das Smart-Objekt-Symbol in der unteren rechten Ecke der Miniaturansicht:

Der Typ Layer ist nun ein Smart Object.

Intelligente Objekte sind zerstörungsfrei, sodass wir sie ohne Qualitätsverlust beliebig transformieren können. Und unsere Typebene ist jetzt in das Smartobjekt eingebettet, was bedeutet, dass wir das Smartobjekt öffnen und unseren Text bei Bedarf bearbeiten können. Aber bevor wir lernen, wie das geht, schauen wir uns an, wie man die Befehle Verzerren und Perspektive mit unserem Smart-Objekt verwendet.

Verwandt: So ändern Sie die Größe von Bildern, ohne an Qualität zu verlieren

Verzerren

Ich gehe zurück zum Menü Bearbeiten und wähle erneut Transformieren. Und dieses Mal sind alle Transformationsoptionen, einschließlich Verzerren und Perspektive, verfügbar:

Sowohl Verzerren als auch Perspektive sind verfügbar, nachdem der Text in ein Smartobjekt konvertiert wurde.

Ich beginne mit der Auswahl Verzerren:

Wählen Sie den Befehl Verzerren.

Mit dem Befehl Verzerren können wir einen beliebigen Eckpunkt unabhängig voneinander um den Text klicken und ziehen. Wir können sie in jede Richtung ziehen, um den Text in verschiedene Formen zu verzerren:

Ziehen Sie im Verzerrungsmodus die Eckgriffe unabhängig voneinander.

Abbrechen einer Transformation

Das ist nicht wirklich das, was ich tun möchte, also werde ich den Befehl Verzerren abbrechen, ohne Änderungen vorzunehmen, indem ich die Esc-Taste auf meiner Tastatur drücke. Und jetzt bin ich zurück zur ursprünglichen Form des Textes:

Drücken Sie Esc, um eine Transformation abzubrechen.

Perspektive

Ich möchte den Text so aussehen lassen, als würde er zum Horizont zurückkippen, ähnlich wie der Lauftext, den Sie zu Beginn eines Star Wars-Films sehen. Ich könnte das mit dem Befehl Distort tun, aber der Befehl Perspective wird es einfacher machen.

Um es auszuwählen, gehe ich zurück zum Menü Bearbeiten, wähle Transform und dann Perspective:

Going to Edit > Transform > Perspective .

Verzerren vs Perspektive

Der Unterschied zwischen Verzerren und Perspektive besteht darin, dass wir im Verzerrungsmodus die Eckgriffe in jede Richtung ziehen und getrennt voneinander ziehen können. Im perspektivischen Modus ziehen wir immer noch die Eckgriffe, aber wir können sie nur nach oben und unten oder nach links und rechts ziehen, und der Griff in der gegenüberliegenden Ecke bewegt sich in die entgegengesetzte Richtung.

Wenn ich den Griff in der oberen linken Ecke nach oben ziehe, bewegt sich der Griff in der unteren linken Ecke nach unten:

Wenn Sie einen Griff nach oben ziehen, wird der gegenüberliegende Griff nach unten verschoben.

Ich mache das rückgängig, indem ich zum Menü Bearbeiten gehe und Rückgängig wähle, oder indem ich Strg + Z (Win) / Befehl + Z (Mac) drücke. Dies wird den letzten Schritt rückgängig machen, aber mich immer noch im perspektivischen Modus halten:

Bearbeiten > Rückgängig machen.

Um den Text so aussehen zu lassen, als würde er nach hinten kippen, klicke ich oben links auf denselben Griff, aber diesmal ziehe ich ihn nach rechts. Und da wir uns im perspektivischen Modus befinden, bewegt sich auch der gegenüberliegende Griff oben rechts nach innen:

Wenn Sie einen Griff nach rechts ziehen, wird der gegenüberliegende Griff nach links verschoben.

Umschalten zwischen Transformationsbefehlen

Ich möchte den Text auch vertikal strecken, damit er unten mehr Platz beansprucht. Dazu muss ich vom Befehl Perspektive zum Befehl Skalieren wechseln. Sie können schnell zwischen Transformationsbefehlen wechseln, indem Sie mit der rechten Maustaste (Win) / bei gedrückter Ctrl-Taste (Mac) irgendwo im Dokument klicken und eine andere Option aus der Liste auswählen. Ich wähle Maßstab:

Von Perspektive zu Maßstab wechseln.

Dann klicke ich auf den unteren Griff und ziehe ihn nach unten:

Skalieren Sie den Text, indem Sie den unteren mittleren Griff nach unten ziehen.

Die Transformation akzeptieren

Um sie zu akzeptieren und meinen Transformationsbefehl zu schließen, drücke ich die Eingabetaste (Win) / Return (Mac):

Der Text nach dem Anwenden von perspektivischen und skalierenden Transformationen.

Related: Lernen Sie Photoshop’s Free Transform Essential Skills

Hinzufügen von Effekten zum Text

Bevor wir uns ansehen, wie man den Text bearbeitet, werde ich schnell ein paar Effekte hinzufügen.

Ändern des Mischmodus

Ich gehe zurück zum Ebenenbedienfeld und ändere den Mischmodus meines Smartobjekts von Normal in Overlay:

Ändern des Mischmodus in Overlay.

Dies fügt den Text in das Bild ein:

Der Text nach dem Ändern des Mischmodus in Overlay.

Ein äußeres Glühen hinzufügen

Dann füge ich dem Text ein Glühen hinzu, indem ich auf das Ebenenstilsymbol (das FX-Symbol) klicke:

Klicken Sie auf das Ebenenstilsymbol.

Und wählen Sie Outer Glow:

Auswählen eines Outer Glow Layer-Stils.

Im Dialogfeld Ebenenstil klicke ich auf das Farbfeld, um die Farbe des Glühens zu ändern:

Klicken Sie auf das Farbfeld.

Dann bewege ich meinen Mauszeiger in das Bild und klicke auf eine grüne Farbe, um sie auszuwählen:

Wählen Sie eine Farbe aus dem Bild für das äußere Leuchten.

Ich klicke auf OK, um die Farbauswahl zu schließen. Und dann zurück im Ebenenstil-Dialogfeld, werde ich die Größe des Glühens auf 60 px und die Deckkraft auf 50% erhöhen:

Die äußeren Glühoptionen.

Ich klicke auf OK, um das Dialogfeld zu schließen, und hier ist das Ergebnis:

Der Text mit dem äußeren Schein angewendet.

So bearbeiten Sie den Text

Um Ihren Text zu bearbeiten, öffnen Sie Ihr Smartobjekt, indem Sie im Ebenenbedienfeld auf die Miniaturansicht doppelklicken:

Öffnen Sie das Smartobjekt.

Dadurch wird der Inhalt des Smartobjekts (in diesem Fall unser Text) in einem separaten Dokument geöffnet:

Der Text wird in einem separaten Dokument geöffnet.

Und wenn wir in das Ebenenbedienfeld schauen, sehen wir unsere Typebene:

Die ursprüngliche Typebene ist innerhalb des Smartobjekts sicher.

Bearbeiten des Textes

Wählen Sie das Typwerkzeug in der Symbolleiste aus:

Auswahl des Typwerkzeugs.

Bearbeiten des Textes im Smart-Objekt.

Verwandt: Bearbeiten von Smartobjekten

Speichern der Änderung

Damit die Änderung im Hauptdokument angezeigt wird, müssen wir das Smartobjekt speichern und schließen. Gehen Sie zum Menü Datei und wählen Sie Speichern:

Gehe zu Datei > Speichern.

Und gehen Sie dann zurück zum Menü Datei und wählen Sie Schließen:

Zur Datei gehen > Schließen.

Und zurück im Hauptdokument erscheint jetzt derselbe Effekt mit dem neuen Text:

Derselbe Effekt nach dem Bearbeiten des Textes.

Und da haben wir es! So fügen Sie Ihrem Text in Photoshop Verzerrungs- und Perspektiveneffekte hinzu! Schauen Sie sich unsere Texteffekte Abschnitte für weitere Tutorials! Und vergessen Sie nicht, alle unsere Photoshop-Tutorials stehen jetzt als PDF zum Download zur Verfügung!