In diesem Tutorial zu Photoshop- Texteffekten erfahren Sie, wie Sie einfachen 3D-Text erstellen:
Der endgültige 3D-Texteffekt.
Lass uns anfangen!
Schritt 1: Erstellen Sie ein neues Dokument
Zunächst erstellen wir ein brandneues Photoshop-Dokument. Gehen Sie zum Menü Datei am oberen Bildschirmrand und wählen Sie Neu, oder drücken Sie schneller die Tastenkombination Strg + N (Win) / Befehl + N (Mac). Unabhängig von Ihrer Auswahl wird in Photoshop das Dialogfeld " Neues Dokument " angezeigt. Geben Sie die Größe ein, die Sie für Ihr Dokument benötigen. In diesem Lernprogramm gebe ich eine Breite von 6 Zoll, eine Höhe von 4 Zoll und eine Auflösung von 300 Pixel / Zoll ein. Dies ist eine Standardauflösung für das Drucken in professioneller Qualität. Ich werde auch meinen Hintergrundinhalt auf Weiß setzen, wodurch die Hintergrundfarbe meines neuen Dokuments auf Weiß gesetzt wird. Wenn Sie fertig sind, klicken Sie in der oberen rechten Ecke des Dialogfelds auf OK, um das Dialogfeld zu schließen. Ihr neues Photoshop-Dokument wird auf dem Bildschirm angezeigt.
Erstellen Sie im Dialogfeld „Neues Dokument“ ein neues Photoshop-Dokument.
Schritt 2: Wählen Sie das Textwerkzeug in der Photoshop-Werkzeugpalette aus
Um dem Dokument Text hinzuzufügen, müssen Sie Photoshop Type Too l verwenden. Wählen Sie es aus der Extras-Palette aus, oder drücken Sie den Buchstaben T auf Ihrer Tastatur, um es mit der Verknüpfung auszuwählen:
Wählen Sie das Textwerkzeug.
Schritt 3: Wählen Sie eine Schriftart aus der Optionsleiste
Als nächstes müssen wir eine Schriftart auswählen. Wenn Sie das Textwerkzeug ausgewählt haben, werden Sie feststellen, dass sich die Optionsleiste am oberen Bildschirmrand geändert hat, um die Optionen für das Textwerkzeug anzuzeigen. Wählen Sie aus der Liste der derzeit auf Ihrem Computer verfügbaren Schriftarten die gewünschte Schriftart aus. Dieser 3D-Effekt eignet sich am besten für Schriftarten mit großen, dicken Buchstaben. Ich werde Impact wählen. Sie können auch eine Größe für Ihren Text auswählen, dies ist jedoch an dieser Stelle nicht unbedingt erforderlich, da wir die Größe des Texts später leicht ändern können, wie wir sehen werden. Im Moment brauchen wir nur die Schriftart:
Wählen Sie in der Optionsleiste eine Schriftart aus.
Schritt 4: Wählen Sie eine Farbe für Ihren Text
Als nächstes müssen wir eine Farbe für unseren Text auswählen. Wenn Sie in der Optionsleiste nach rechts schauen, sehen Sie ein Farbfeld . Das Farbfeld zeigt die aktuelle Textfarbe an. Um die Farbe zu ändern, klicken Sie einfach auf das Farbfeld:
Ändern Sie die Farbe des Texts, indem Sie in der Optionsleiste auf das Farbfeld klicken.
Dadurch wird Photoshop Color Picker aufgerufen . Wählen Sie die Farbe, die Sie für Ihren Text verwenden möchten. Ich werde einen hellen Rotton auswählen. Wenn Sie fertig sind, klicken Sie auf OK in der oberen rechten Ecke des Farbwählers, um diesen zu verlassen:
Wählen Sie in der Farbauswahl eine neue Farbe für den Text aus und klicken Sie auf OK, um ihn zu schließen.
Das Farbfeld in der Optionsleiste ändert sich und zeigt die ausgewählte Farbe an.
Schritt 5: Fügen Sie Ihren Text zum Dokument hinzu
Klicken Sie mit unserer ausgewählten Schrift- und Textfarbe in das Dokument und fügen Sie Ihren Text hinzu. Ich werde "PHOTOSHOP" in Großbuchstaben eingeben, um den Effekt zu verstärken. Machen Sie sich keine Sorgen, wenn der Text vorerst zu groß oder zu klein erscheint. Wir können das in einem Moment beheben:
Klicken Sie in das Dokument und fügen Sie Ihren Text hinzu.
Wenn Sie fertig sind, klicken Sie auf das Häkchen in der Optionsleiste, um den Text zu akzeptieren und den Textbearbeitungsmodus zu beenden:
Verlassen Sie den Textbearbeitungsmodus, indem Sie auf das Häkchen in der Optionsleiste klicken.
Wenn wir uns unsere Ebenen-Palette ansehen, können wir sehen, dass Photoshop unseren Text bequem auf einer eigenen Ebene über der Hintergrundebene platziert hat. So können wir unabhängig vom weißen Hintergrund mit dem Text arbeiten:
Der Text wird auf einer eigenen Ebene in der Ebenen-Palette angezeigt.
Schritt 6: Ändern Sie bei Bedarf die Größe des Typs
Wenn Sie feststellen, dass Ihr Text zu klein (oder zu groß) ist, können wir dies mit dem Befehl „ Free Transform“ von Photoshop problemlos beheben. Stellen Sie zunächst sicher, dass Ihre Textebene in der Ebenen-Palette ausgewählt ist (ausgewählte Ebenen werden blau hervorgehoben). Gehen Sie dann zum Menü Bearbeiten am oberen Bildschirmrand und wählen Sie Frei transformieren . Sie können den Befehl Free Transform auch mit der Tastenkombination Strg + T (Win) / Befehl + T (Mac) auswählen:
Wählen Sie "Free Transform" aus dem Bearbeiten-Menü.
Daraufhin werden das Feld "Freie Transformation" und Ziehpunkte um Ihren Text im Dokument angezeigt. Um die Größe des Texts zu ändern, halten Sie die Umschalttaste gedrückt, klicken Sie auf einen der Eckpunkte (die kleinen Quadrate) und ziehen Sie die Ecke nach innen, um den Text zu verkleinern, oder nach außen, um ihn zu vergrößern. Wenn Sie beim Ziehen die Umschalttaste gedrückt halten, wird das Seitenverhältnis eingeschränkt, damit die Form des Texts beim Ändern der Größe nicht versehentlich verzerrt wird. Ich werde meinen Text nur ein wenig vergrößern, indem ich den Griff in der rechten unteren Ecke nach außen ziehe. Sie können den Text auch verschieben, indem Sie auf eine beliebige Stelle im Feld "Freie Transformation" klicken und den Text an eine neue Stelle im Dokument ziehen:
Ändern Sie die Größe und verschieben Sie den Text nach Bedarf mit Free Transform.
Wenn Sie fertig sind, drücken Sie die Eingabetaste (Win) / Return (Mac), um die Änderung zu akzeptieren und den Befehl "Free Transform" zu beenden.
Schritt 7: Konvertieren Sie den Text in eine Form
Um unseren 3D-Effekt zu erstellen, müssen wir die Perspektive unseres Texts ändern. Es gibt jedoch nur ein Problem. In Photoshop können wir die Perspektive von Text nicht ändern (siehe, wie kann das ein Problem sein?). Um Ihnen zu zeigen, was ich meine, stellen Sie sicher, dass Sie die Textebene noch ausgewählt haben, und gehen Sie dann zum Menü Bearbeiten am oberen Bildschirmrand und wählen Sie Transformieren aus der Liste. Ein sekundäres Menü wird angezeigt, in dem die verschiedenen Möglichkeiten zum Transformieren des Inhalts der aktuell ausgewählten Ebene aufgeführt sind. Beachten Sie, dass die Optionen " Verzerren" und " Perspektive" ausgegraut sind. Das bedeutet, dass sie derzeit für uns nicht verfügbar sind. Dies liegt daran, dass Photoshop keine dieser beiden Arten von Transformationen für Text ausführen kann.
Die Lösung besteht darin, unsere Textebene in eine sogenannte Formebene umzuwandeln. Indem wir den Text in eine Form konvertieren, können wir die Perspektive ändern und unseren Effekt erzeugen. Der einzige Nachteil beim Konvertieren von Text in eine Form ist, dass der Typ nicht mehr bearbeitet werden kann. In diesem Fall brauchen wir uns jedoch keine Sorgen zu machen, da wir unseren Text nicht bearbeiten müssen.
Wenn die Textebene noch ausgewählt ist, gehen Sie zum Menü " Ebene" oben im Bildschirm, wählen Sie " Typ" und dann "In Form konvertieren" :
Gehen Sie zu Ebene> Typ> In Form konvertieren.
Wenn wir uns die Ebenen-Palette ansehen, können wir sehen, dass die Textebene jetzt völlig anders aussieht, und das liegt daran, dass es keine Textebene mehr ist. Photoshop hat es in eine Formebene konvertiert. Das heißt, wir können jetzt eine Perspektivtransformation darauf anwenden und unseren 3D-Texteffekt erstellen:
Die Textebene wurde in eine Formebene umgewandelt.
Schritt 8: Ändern Sie die Perspektive
Kehren Sie zum Menü Bearbeiten zurück . Sie werden sehen, dass die Transformationsoption, die wir uns vorhin angesehen haben, durch eine neue Option namens " Pfad transformieren" ersetzt wurde . Auch das liegt daran, dass wir es jetzt mit einer Form zu tun haben. Wählen Sie "Pfad transformieren" aus der Liste. Wenn das sekundäre Menü angezeigt wird, sehen Sie, dass jetzt sowohl die Optionen "Verzerren" als auch "Perspektive" verfügbar sind. Wählen Sie Perspektive aus der Liste:
Gehen Sie zu Bearbeiten> Pfad transformieren> Perspektive.
Das gleiche Feld und die gleichen Ziehpunkte, die wir zuvor gesehen haben, als wir den Befehl "Frei transformieren" ausgewählt haben, werden um den Text (die Form) herum angezeigt. Der Unterschied ist, dass wir jetzt im Perspektivmodus arbeiten. Um die Perspektive des Texts zu ändern und ihm ein dreidimensionales Aussehen zu verleihen, klicken Sie einfach auf den Ziehpunkt in der rechten unteren Ecke und ziehen Sie ihn gerade nach unten. Während Sie ziehen, erhöht sich die Höhe der rechten Seite des Texts von der Mitte aus, während die linke Seite unverändert bleibt:
Klicken Sie auf den Griff in der unteren rechten Ecke und ziehen Sie ihn nach unten.
Wenn Sie mit dem Perspektivenwechsel zufrieden sind, drücken Sie die Eingabetaste (Win) / Eingabetaste (Mac), um die Umwandlung zu akzeptieren. Ihr Text sollte jetzt ungefähr so aussehen:
Der Text wird jetzt mit einer 3D-Perspektive angezeigt.
Schritt 9: Erstellen Sie mehrere Kopien der Formebene, die jeweils etwas weiter nach rechts verschoben sind
Dieser nächste Schritt ist der spaßige Teil. Wir werden sehr schnell mehrere Kopien unserer Formebene erstellen, von denen jede einen Pixel weiter nach rechts verschoben ist als die vorherige. Dies wird unseren Briefen etwas Tiefe verleihen. Wählen Sie zunächst in der Palette „Extras“ die Option „Nach oben“ aus, oder drücken Sie einfach den Buchstaben V auf Ihrer Tastatur, um ihn mit der Verknüpfung auszuwählen. Dieser Trick funktioniert nur mit dem ausgewählten Verschieben-Werkzeug:
Wählen Sie das Verschieben-Werkzeug.
Halten Sie bei ausgewähltem Verschieben-Werkzeug und ausgewählter Formebene in der Ebenen-Palette die Alt- (Win) / Wahltaste (Mac) gedrückt und drücken Sie die rechte Pfeiltaste auf Ihrer Tastatur. Drücken Sie es dann erneut. Dann wieder. Und wieder. Beachten Sie, was passiert? Jedes Mal, wenn Sie die rechte Pfeiltaste bei gedrückter Alt- / Wahltaste drücken, wird eine neue Kopie der Formebene erstellt und die neue Kopie um ein Pixel nach rechts verschoben. Wenn Sie die Alt- / Wahltaste gedrückt halten, erstellt Photoshop jedes Mal eine neue Kopie der Form, anstatt die vorhandene Form einfach zu verschieben. Je öfter Sie die rechte Pfeiltaste drücken, desto mehr Kopien der erstellten Ebene und desto mehr Tiefe verleihen wir unseren Buchstaben.
Halten Sie die rechte Pfeiltaste gedrückt, bis Sie mit dem Ergebnis zufrieden sind. In meinem Fall habe ich insgesamt 68 Mal die Pfeiltaste gedrückt, wodurch 68 Kopien meiner Form erstellt wurden, die jeweils ein Pixel weiter nach rechts verschoben wurden. Wie oft Sie die Pfeiltaste drücken, hängt von der Auflösung des Dokuments ab, mit dem Sie arbeiten. Wenn Sie fertig sind, sollte Ihr Text ungefähr so aussehen:
Halten Sie die Alt-Taste (Windows) bzw. die Wahltaste (Mac) gedrückt und drücken Sie dann mehrmals die Nach-rechts-Taste, um die Buchstaben zu vertiefen.
Schritt 10: Verschieben Sie die ursprüngliche Formebene in der Ebenenpalette an den oberen Rand des Ebenenstapels
Jedes Mal, wenn wir eine neue Kopie unserer Form erstellt haben, haben wir eine neue Formebene in der Ebenen-Palette erstellt, und Photoshop hat jede neue Ebene direkt über der vorherigen Ebene platziert. In meinem Fall enthält meine Ebenen-Palette jetzt 68 Kopien meiner ursprünglichen Formebene. Die ursprüngliche Formebene befindet sich über der Hintergrundebene, auf der alle Kopien gestapelt sind. Sie können erkennen, dass es sich um das Original handelt, da es die einzige Formebene ist, deren Name nicht das Wort "copy" enthält.
Wir müssen diese ursprüngliche Ebene ganz nach oben verschieben, und es gibt eine einfache Möglichkeit, dies zu tun. Klicken Sie zunächst in der Ebenen-Palette auf die ursprüngliche Ebene, um sie auszuwählen. Drücken Sie dann Strg + Umschalt +) (Windows) / Befehl + Umschalt +) (Mac). Das ist die richtige Klammer (")"), falls Sie sich fragen. Diese praktische Verknüpfung verschiebt die aktuell ausgewählte Ebene sofort direkt an den oberen Rand des Ebenenstapels:
Die ursprüngliche Formebene wird jetzt in der Ebenen-Palette über den anderen Ebenen angezeigt.
Schritt 11: Alle Kopien zusammenführen
Da sich die ursprüngliche Ebene jetzt ganz oben im Ebenenstapel befindet, müssen alle diese Kopien der Formebene zu einer Ebene zusammengeführt werden. Klicken Sie in der Ebenen-Palette auf die Ebene direkt unter der ursprünglichen Ebene (dh auf die zweite Ebene von oben). Verwenden Sie dann die Bildlaufleiste rechts von der Ebenen-Palette, um zu der Ebene direkt über der Hintergrundebene zu scrollen. Klicken Sie jedoch nicht einfach darauf, um es auszuwählen, da dadurch die oben ausgewählte Ebene deaktiviert wird. Halten Sie stattdessen die Umschalttaste auf der Tastatur gedrückt und klicken Sie dann auf die Ebene, um sie auszuwählen. Dadurch werden beide Ebenen gleichzeitig ausgewählt, zusammen mit jeder Ebene dazwischen. Alle diese Ebenen werden in der Ebenen-Palette blau hervorgehoben.
Nachdem Sie alle unsere kopierten Ebenen ausgewählt haben, gehen Sie zum Menü " Ebene" oben im Bildschirm und wählen Sie " Ebenen zusammenführen" unten am Ende der Liste. Oder drücken Sie schneller die Tastenkombination Strg + E (Win) / Befehl + E (Mac):
Gehen Sie zu Ebene> Ebenen zusammenführen.
Photoshop fügt alle ausgewählten Ebenen zu einer Ebene zusammen. Wenn wir in unserer Ebenen-Palette nachsehen, sehen wir, dass wir jetzt nur noch drei Ebenen haben. Die Hintergrundebene befindet sich unten, die ursprüngliche Formebene befindet sich oben und dazwischen befindet sich unsere neu zusammengeführte Ebene:
Alle Formebenenkopien wurden zu einer einzigen Ebene zusammengeführt.
Schritt 12: Fügen Sie der zusammengeführten Ebene einen Schwarz-Weiß-Farbverlauf hinzu
Um unseren Buchstaben ein echtes 3D-Erscheinungsbild zu verleihen, ergänzen wir die Dinge mit einem einfachen Lichteffekt. Oder zumindest etwas, das wie ein Lichteffekt aussieht . Klicken Sie in der Ebenen-Palette auf die zusammengeführte Ebene, um sie auszuwählen, sofern sie nicht bereits ausgewählt ist. Klicken Sie anschließend unten in der Ebenen-Palette auf das Symbol „Ebenenstile“. Eine Liste aller verfügbaren Ebenenstile wird angezeigt. Klicken Sie auf Gradient Overlay, um es auszuwählen:
Wählen Sie unten in der Ebenen-Palette einen Verlaufs-Overlay-Ebenenstil aus.
Dadurch wird das Dialogfeld „Ebenenstil“ von Photoshop geöffnet, in dem in der mittleren Spalte die Optionen für die Verlaufsüberlagerung festgelegt sind. Wir möchten einen Schwarz-Weiß-Verlauf für unseren künstlichen Lichteffekt verwenden. Wenn Sie den Schwarz-Weiß-Verlauf bereits ausgewählt haben, können Sie diesen nächsten Schritt überspringen. Wenn Sie einen anderen Verlauf ausgewählt haben, klicken Sie in der Mitte der Optionen auf den Bereich für die Verlaufsvorschau :
Klicken Sie im Dialogfeld Ebenenstil auf den Bereich für die Verlaufsvorschau, um einen neuen Verlauf auszuwählen.
Dadurch wird die Verlaufsauswahl aufgerufen, in der alle verfügbaren Verläufe angezeigt werden, aus denen wir auswählen können. Das, was wir wollen, ist der Schwarz-Weiß-Verlauf, dritter von links, obere Reihe. Wenn in den Voreinstellungen von Photoshop QuickInfos aktiviert sind, wird der Name des Verlaufs angezeigt, wenn Sie den Mauszeiger über die Miniaturansicht bewegen. Klicken Sie darauf, um es auszuwählen, und klicken Sie dann in der oberen rechten Ecke auf OK, um es zu akzeptieren:
Wählen Sie den Farbverlauf Schwarz, Weiß.
Zurück in den Hauptoptionen für die Verlaufsüberlagerung sehen Sie den Bereich für die Verlaufsvorschau, in dem der Schwarz-Weiß-Verlauf angezeigt wird (sofern dies nicht bereits geschehen ist). Nachfolgend einige wichtige Optionen. Stellen Sie sicher, dass die Option Stil auf Linear und der Neigungswinkel auf 90 ° eingestellt ist :
Stellen Sie sicher, dass die Option Stil auf Linear und der Winkel auf 90 ° eingestellt ist.
Klicken Sie auf " OK", wenn Sie fertig sind, um das Dialogfeld "Ebenenstil" zu schließen. Fertig! Photoshop wendet den Schwarz-Weiß-Verlauf auf die zusammengeführte Ebene an, wodurch ein Schatteneffekt auf die Buchstaben erzeugt und unser einfacher 3D-Texteffekt vervollständigt wird:
Der endgültige 3D-Texteffekt.
Wohin als nächstes gehen …
Und da haben wir es! Weitere Tutorials zu Photoshop-Effekten finden Sie in unseren Abschnitten zu Text- und Fotoeffekten.