Erstellen Sie einen vom Sommer inspirierten 3D-Texteffekt in Photoshop

German (Deutsch) translation by Katharina Grigorovich-Nevolina (you can also view the original English article)

In diesem Tutorial zeigen wir Ihnen, wie Sie einen von einem Sommer inspirierten 3D-Texteffekt erstellen. Dabei lernen Sie, wie Sie mit den 3D-Funktionen von Photoshop die grundlegende Textform erstellen und anschließend mit verschiedenen Bildern kombinieren, um ein gewünschtes Ergebnis zu erzielen. Lassen Sie uns anfangen!

Tutorial Assets

Die folgenden Assets wurden während der Erstellung dieses Tutorials verwendet. Laden Sie sie herunter oder suchen Sie nach Alternativen, bevor Sie beginnen.

Bevor wir anfangen

Bevor Sie beginnen, sollten Sie unbedingt alle oben aufgeführten Lerninhalte herunterladen. Einige von ihnen sind Aktienfotos, die von Photodune gekauft werden müssen. Sie müssen die Bilder nicht kaufen, um das Tutorial abzuschließen. Fühlen Sie sich frei, um Alternativen zu finden, aber wenn Sie das beste Ergebnis erzielen möchten, ist es immer eine gute Idee, professionelle Stock-Fotografie zu verwenden, zumal wir in hoher Auflösung arbeiten werden.

1. 3D Text

Schritt 1

Der erste Schritt vor dem Öffnen von Photoshop ist die Auswahl einer schönen Schriftart für unseren 3D-Text. In meinem Fall war die verwendete Schriftart RBNo 2.1 Black DEMO, die Sie kostenlos bei Myfonts herunterladen können. Klicken Sie einfach auf "In den Warenkorb", um den Vorgang abzuschließen, und Sie erhalten einen Link zum Herunterladen der Schriftart. Sie können jedoch jede beliebige Schriftart verwenden. Normalerweise finde ich für großen 3D-Text, dass die fettgedruckte Sans-Serif-Schrift am besten funktioniert.

Schritt 2

Öffnen Sie nach der Installation der Schriftart Photoshop und erstellen Sie ein neues Dokument (Cmd/Ctrl + N). Da wir mit einer Auflösung von 1920 x 1080 Pixeln arbeiten werden, möchten wir, dass unser 3D-Text die doppelte Größe hat, um die Qualität zu maximieren. Richten Sie Ihr Dokument auf 3840 pro 2160 Pixel ein und klicken Sie auf OK.

Wählen Sie das Textwerkzeug (Type Tool) (T) und schreiben Sie "SUMMER" in die Mitte deiner Leinwand. Öffnen Sie das Zeichenfenster und geben Sie die folgenden Werte ein.

Gehen Sie mit der ausgewählten Textebene zu 3D > Neue 3D-Extrusion aus der ausgewählten Ebene. Sie sollten das folgende Ergebnis erhalten.

Schritt 3

Wenn Sie die 3D-Funktionen von Photoshop noch nie verwendet haben, kann das etwas verwirrend sein. Um mit 3D in Photoshop zu spielen, müssen Sie grundsätzlich zwei Bedienfelder verwenden: das 3D-Bedienfeld und das Eigenschaftenbedienfeld. Im 3D-Bedienfeld können Sie verschiedene Aspekte auswählen, an denen Sie arbeiten möchten (Umgebung, Form, Licht usw.), und im Eigenschaftenbedienfeld können Sie die Werte bearbeiten. Öffnen Sie die beiden Panels. Wählen Sie in 3D Ihre Textform aus und geben Sie unter Eigenschaften die folgenden Werte an. Stellen Sie sicher, dass im Kontur-Editor das Kontrollkästchen "Ecke" für alle Eingabepunkte aktiviert ist. Andernfalls erhalten Sie nicht dasselbe Ergebnis.

Geben Sie anschließend der Umgebung, der Szene und der aktuellen Ansicht die folgenden Einstellungen an. Stellen Sie sicher, dass FOV auf 10 mm eingestellt ist, um dem Text mehr Perspektive zu geben.

Schließlich geben Sie Ihrem Text die folgenden Materialien. Durch unterschiedliche Farben für Fase, Extrusion und Inflation können wir im nächsten Schritt eine Auswahl treffen.

Wenn Sie fertig sind, rendern Sie Ihren 3D-Text (dies kann eine Weile dauern) und rastern Sie ihn. Da wir mit der doppelten Auflösung des endgültigen Bildes gearbeitet haben, muss das Rendern nicht von hoher Qualität sein.

Schritt 4

In diesem Schritt bereiten wir unseren Text für die Fotointegration vor. Dazu benötigen wir drei Versionen unseres Textes.

Der erste ist ziemlich leicht zu bekommen. Wählen Sie die gerasterte Ebene ausgewählt aus, gehen Sie zu Auswählen > Farbbereich (Select > Color Range), wählen Sie die blaue Farbe aus und erstellen Sie eine Schnittmaske (Ebene > Schnittmaske erstellen (Layer > Create Clipping Mask)). Nennen Sie die Ebene "Blau".

Die zweite ist etwas schwieriger. Die einfachste Möglichkeit, das zu erreichen, besteht darin, die Ebene zu duplizieren und die Maske zu invertieren (Cmd/Ctrl + I) [A]. Malen Sie dann mit einem schwarzen Pinsel die grüne Extrusion [B] aus. Rufen Sie die Auswahl aus der "Blau"-Ebene ab, indem Sie die Alt-Taste gedrückt halten und auf die Maske [C] klicken. Füllen Sie zum Schluss die Auswahl in weiß [D]. Nennen Sie die Ebene "Rot + Blau".

Für die letzte Ebene kopieren Sie einfach die "blaue" Ebene erneut, blenden die Maske aus und verwenden den Farbbereich, um eine Auswahl aus der roten Ebene zu erstellen. Blenden Sie die Maske ein, füllen Sie die Auswahl mit Weiß, deaktivieren Sie (Cmd/Ctrl + D) und invertieren Sie die Maske. Benennen Sie die Ebene "Grün".

Es gibt noch einiges zu tun. Erstellen Sie eine neue Ebene (Cmd/Ctrl + N), schneiden Sie sie in "Grün" ab und verwenden Sie das Klonstempelwerkzeug (Clone Stamp Tool), um die blaue Extrusion aufzuräumen.

2. Der Strand

Schritt 1

Jetzt, da unser 3D-Text fertig ist, müssen wir den perfekten Strand erstellen. Erstellen Sie zunächst wie beim letzten Mal ein neues 3840x2160px-Dokument.

Platzieren Sie den Strandvorrat und passen Sie ihn in die folgende Perspektive mit Verzerrung (Bearbeiten > Transformieren > Verzerren (Edit > Transform > Distort)) an.

Duplizieren Sie die Ebene, drehen Sie sie horizontal (Bearbeiten > Transformieren > Horizontal spiegeln (Edit > Transform > Flip Horizontal)) und platzieren Sie sie nach rechts. Verwenden Sie eine Ebenenmaske mit einem weichen schwarzen Pinsel, um den linken Teil der Ebene auszublenden, sodass beide gut miteinander verbunden sind.

Platzieren Sie Paradise an meinen Fingtertips auf Ihrer Leinwand, skalieren Sie es auf 61% herunter und dehnen Sie es auf 200%. Verwenden Sie eine Ebenenmaske, um den unteren Bereich mit dem Hintergrund zu vermischen, und fügen Sie eine Anpassungsebene für Farbbalance und Kurven hinzu. In diesem Beispiel habe ich auch die Seiten der Ebene mit einem weichen blauen Pinsel mit einer auf Multiplizieren gesetzten Ebene dunkler gemacht. Wenn Sie fertig sind, gruppieren Sie alles zusammen (Cmd/Ctrl + G) und benennen Sie die Gruppe "Sea".

Schritt 2

Öffnen Sie Kuba, Cayo Largo 1 und Kuba, Cayo Largo 2 und platzieren Sie sie auf deiner Leinwand, so dass der Horizont zu deinem Hintergrund passt. Verwenden Sie die gleiche Technik wie in Schritt 5, um die Ebenen zusammenzufügen, gruppieren Sie sie und maskieren Sie den unteren Rand.

Platzieren Sie in der Gruppe die folgenden Einstellungsebenen, um den Himmel aufzuhellen und ihm ein angenehmes Karibikgefühl zu verleihen.

Schritt 3

Verstecken Sie beide Gruppen und eröffnen Sie den Strand Mangsnag in Korea. Legen Sie es auf Ihrer Leinwand nach links und duplizieren Sie es und drehen Sie es nach rechts. Reinigen Sie den Sand auf einer neuen Ebene mit dem Kopierstempel-Werkzeug (S) (stellen Sie sicher, dass Sie das Muster auf Aktuell und Unten setzen).

Fügen Sie oben eine Anpassungsebene für die Verlaufskarte hinzu, und weisen Sie ihr den folgenden Verlauf zu. Gruppiere alles und benenne die Gruppe "Sand".

Alles einblenden. Geben Sie "Sea" eine Maske, um den Schaum aus dem Sand zu schneiden, und geben Sie der Gruppe einen Schlagschatten, um einen schönen Kontrast zu schaffen.

Beschneiden Sie die folgenden Einstellungsebenen auf "Sea".

Schritt 4

Lassen Sie uns dem Himmel eine Sonne hinzufügen. Malen Sie mit einem weichen runden Pinsel drei überlagerte Punkte auf einer neuen Ebene, beginnend mit einer größeren blauen, einer mittleren Cyan- und schließlich einer kleinen weißen. Legen Sie die Ebene auf Bildschirm fest.

Wiederholen Sie den gleichen Vorgang, aber machen Sie es diesmal größer und außerhalb der "Sky"-Gruppe. Gruppieren Sie die Ebenen und benennen Sie die Gruppe "Licht".

Um die Sonne besser zu integrieren, fügen wir dem Meer ein helles Spiegelbild hinzu. Platzieren Sie den Sonnenuntergang. Isolieren Sie die Reflexion, entsättigen Sie sie (Cmd/Ctrl + Shift + U) und verdunkeln Sie sie mit einer Kurvenanpassung. Verkleinern Sie die Ebene und stellen Sie sie auf Bildschirm ein.

3. Integration

Schritt 5

Jetzt, da wir sowohl unseren 3D-Text als auch unseren Strand vorbereitet haben, können wir die beiden zusammenbringen. Erstellen Sie erneut ein neues Dokument, machen Sie dieses Mal jedoch 1920x1080 und nennen Sie es "Hallo Sommer". Konvertieren Sie in Ihrem "Beach"-Dokument alles in ein Smart-Objekt (wählen Sie alle Ebenen aus, klicken Sie dann mit der rechten Maustaste auf > In Smart-Objekt konvertieren (Convert to Smart Object)) und kopieren Sie es in "Hallo Sommer". Duplizieren Sie auch die 3D-Textebenen in Ihrem Dokument.

Skalieren Sie mit Free Transform (Cmd/Ctrl + T) alles auf 50%.

Jetzt können wir die Integration starten, indem Sie die Ebene "Strand" auf "Rot + Blau" ausschneiden. Stellen Sie sicher, dass "Strand" als Smart-Objekt verwendet wird, damit Sie es später bei Bedarf ändern können.

Schritt 6

Legen Sie "Blau" auf 15% Füllung fest und geben Sie die folgenden Ebenenstile an. Duplizieren Sie "Beach" und befestigen Sie es an der Ebene.

Fügen Sie "Grün" und die abgeschnittene Ebene zusammen. Drücken Sie die Tastenkombination Cmd/Ctrl + Shift + U, um sie zu deaktivieren, und stellen Sie sie auf Multiplizieren. Duplikat "Strand" noch einmal, platzieren Sie es unten, rufen Sie die Auswahl von "Grün" (Alt + Klick auf die Miniaturansicht) ab und erstellen Sie eine Schnittmaske.

Schneiden Sie eine Kurvenanpassung und eine Volltonfarbe auf "Grün", um sie aufzuhellen.

Dann fügen Sie die folgende Kurve zu "Beach" hinzu und geben Sie eine 25px Gaußsche Unschärfe.

Jetzt werden wir die Fase etwas dunkler machen. Duplizieren Sie die "grüne" Ebene, platzieren Sie sie auf alles, setzen Sie sie auf Multiplizieren und löschen Sie die äußere Extrusion. Geben Sie der Ebene eine 5px Gaußsche Unschärfe, und befestigen Sie eine weitere "Strand"-Ebene.

Schritt 7

Nun, da wir unseren 3D-Text erstellt haben, geben wir ihm ein wenig Kontext. Duplizieren Sie "Beach" noch einmal und rastern Sie es (Ebene> Rasterisieren> Smart Objekt ((Layer > Rasterize > Smart Object)). Geben Sie eine 50px-Gaußsche Unschärfe und die folgende Einstellung für Farbton/Sättigung. Gruppieren Sie alle Textebenen und benennen Sie die Gruppe "Sommer". Machen Sie dasselbe für die Hintergrundebenen und benennen Sie die Gruppe "BG".

Jetzt geben wir unserem Text einen Schatten, sodass er aussieht, als ob er auf dem Boden sitzt. Sommer duplizieren und Gruppe zusammenfassen (Ebene > Gruppe zusammenfassen (Layer > Merge Group)). Klicken Sie auf die Schaltfläche Transparente Pixel sperren und füllen Sie die Ebene mit #8A725F (Bearbeiten > Füllen > Farbe verwenden (Edit > Fill > Use Color)). Bewegen Sie die Ebene nach unten.

Schalten Sie die Transparenz frei und geben Sie der Ebene eine 15px Gaußsche Unschärfe. Skalieren Sie es vertikal nach unten und maskieren Sie das Oberteil aus. Legen Sie die Ebene unter die Gruppe "Sommer".

Wiederholen Sie den Vorgang noch einmal, diesmal jedoch mit einer 3px Gaußschen Unschärfe. Gruppieren Sie beide Ebenen und benennen Sie die Gruppe "Schatten".

4. Das Extra Zeug

Schritt 8

In den folgenden Schritten fügen wir der Komposition verschiedene Bilder hinzu, um sie interessanter zu gestalten. Wir beginnen mit einem Palm Tree, den Sie hier herunterladen können. Wir müssen den Baum aus dem Hintergrund extrahieren. Öffnen Sie dazu das Bild in Photoshop, wählen Sie das Zauberstab-Werkzeug (Magic Wand Tool) (W) und wählen Sie den Hintergrund grob aus. Ignorieren Sie im Moment die Wolken und Inseln und erstellen Sie eine Schnittmaske. Dann mit einem harten schwarzen Pinsel den Rest wie unten gezeigt ausmalen.

Wenn die Ebenenmaske ausgewählt ist, öffnen Sie das Eigenschaftenfenster, klicken Sie auf Maskenrand und bemalen Sie den Himmel um die Blätter. Stellen Sie den Radius auf 0,6px und Smooth auf 1 ein und aktivieren Sie das Kontrollkästchen Farben dekontaminieren.

Sie können die Ebene dann in ein Smart Object konvertieren, in Ihr Hauptdokument kopieren und auf 64x44% verkleinern. Benennen Sie die Ebene in "Palm Tree" um und maskieren Sie die rechte untere Ecke. Da der Baum ein intelligentes Objekt ist, können Sie es beliebig verändern, ohne an Qualität zu verlieren.

Da die Hauptlichtquelle unserer Komposition von der Sonne in der Mitte des Textes kommt, werden wir einen inneren Schatten auf unsere Palme legen. Erstellen Sie dazu eine Kurvenanpassungsebene und schneiden Sie sie in "Palm Tree" ab. Geben Sie der Ebene eine Maske, kehren Sie sie um und malen Sie im rechten Teil des Baums. Weisen Sie der Ebene einen Smart-Scharfzeichner zu und platzieren Sie sie in einer Gruppe mit demselben Namen. In diesem Beispiel habe ich auch den Schärfefilter um die Blätter des Baums herumgemalt, da er etwas zu stark war.

Schritt 9

Um die Komposition auszugleichen, fügen wir links einen Wasserball hinzu. Laden Sie den Ball herunter und öffnen Sie ihn. Sie können mit dem Ellipse-Werkzeug (U) eine kreisförmige Form erstellen und diese als Maske verwenden, um den Ball aus dem Hintergrund zu extrahieren. Konvertieren Sie es wie zuvor in ein Smart-Objekt, fügen Sie es in Ihr Dokument ein, drehen Sie es diesmal horizontal und geben Sie ihm einen Inneren Schatten. Sie können dem Ball einen kleinen Schatten zuweisen, indem Sie dieselbe Technik wie in Schritt 11 verwenden.

Wir werden auch einen roten Regenschirm im "U" hinzufügen. Laden Sie den Regenschirm herunter und öffnen Sie ihn. Lassen Sie beim Herausziehen des Hintergrunds den Griff weg. Legen Sie es wie immer als Smart Object in Ihr Dokument ein. Wählen Sie mit einem kleinen harten Pinsel eine graue Farbe und zeichnen Sie eine gerade Stange in den Sand (klicken Sie an einem Ende, halten Sie die Umschalttaste gedrückt und klicken Sie am anderen Ende auf eine gerade Linie). Geben Sie der Stange einen Abschrägungs- und Emboss-Ebene-Stil

Laden Sie die Möwe herunter und machen Sie dasselbe wie zuvor. In diesem Fall ist es eine gute Idee, an dem Highlight und dem Schatten zu arbeiten, indem Sie mit an der Möwe befestigten Ebenen spielen, damit das Licht mehr von oben kommt. Das muss nicht perfekt sein, da die Möwe im Hauptdokument drastisch geschrumpft wird.

Schließlich können Sie den Text "Hallo" hinzufügen. Die in diesem Fall verwendete Schriftart ist Shelby, die Sie dort finden können. Sie können wie gewohnt jede beliebige Schriftart verwenden.

Schritt 10

In diesem Schritt fügen wir etwas verschüttetes Wasser auf den Boden. Dafür verwenden wir einige Splatter-Formen. Im folgenden Beispiel verwende ich eine in Illustrator erstellte benutzerdefinierte Form, Sie können jedoch jede beliebige Form verwenden. Es gibt viele davon im Internet. Platzieren Sie die Form in Ihrem Dokument und platzieren Sie die Form mit Hilfe der Funktion Freie Transformation (Bearbeiten > Transformieren > Perspektive ((Edit > Transform > Perspective)) in Perspektive, und weisen Sie ihr die folgenden Ebenenstile zu. Vergessen Sie nicht, die Füllung der Ebene auf 0% zu setzen.

Laden Sie den Wellenstock herunter und platzieren Sie ihn über Ihrer "Spill"-Ebene. Sie können die Auswahl dann unter "Spill" abrufen und Ihre Ripple-Ebene ausblenden. Entsättigen Sie es dann (Cmd/Ctrl + Shift + U) und verdunkeln Sie es mit einer Kurvenanpassung. Stellen Sie die Ebene auf Weiches Licht und 20% Opazität ein.

Wiederholen Sie den Vorgang, bis Sie zufrieden sind. In diesem Fall habe ich die verschiedenen Ebenen "Spill" und "Ripples" in Gruppen zusammengefasst und stattdessen die Ebenenstile in die Gruppen eingefügt, um die Bearbeitung zu erleichtern.

Schritt 11

Um unsere Buchstaben besser zu integrieren, fügen wir ein wenig verschütteten Sand auf den Boden. Laden Sie dazu Dirt Piles PNG herunter und öffnen Sie es. Verkleinern Sie es und nehmen Sie die folgenden Einstellungen vor.

Wir können diesen Sandhaufen noch besser integrieren, indem wir Sandkörner auf den Boden ziehen. Wählen Sie dazu einen kleinen harten Pinsel, öffnen Sie das Pinselfenster (F5) und setzen Sie den Pinsel so, dass kleine Punkte zufällig verteilt werden. Wählen Sie mit dem Pipetten-Werkzeug (Eyedropper Tool) (I) die Farbe Ihres Sandes aus und zeichnen Sie kleine Sandkörner auf eine neue Ebene. Sobald Sie fertig sind, können Sie einen Schlagschatten hinzufügen, um ihnen ein wenig mehr Kontrast zu verleihen.

Wiederholen Sie den Vorgang so oft Sie möchten.

Schritt 12

Fügen Sie auf dieselbe Weise wie zuvor einige Flip-Flops in der Nähe des Buchstabens "U" ein. Nennen Sie die Gruppe "Sandals".

5. Endgültige Anpassungen

Schritt 13

An diesem Punkt sollte Ihr Bild so aussehen.

Es sieht gut aus, aber wir können es immer noch verbessern. In diesem Schritt fügen wir einige Anpassungsebenen hinzu, um die verschiedenen Elemente miteinander zu verbinden. Fügen Sie außerdem die folgenden Anpassungsebenen hinzu. Stellen Sie den Mischmodus der Verlaufskarte auf Overlay 50% überlagern und verwenden Sie eine Schnittmaske mit einem weichen schwarzen Pinsel für die Farbbalance, damit die Blätter der Palme grün bleiben. Gruppieren Sie alles und nennen Sie die Gruppe "Anpassungen".

Eine weitere Möglichkeit, das endgültige Bild zu verbessern, besteht darin, einen weichen Vignetteneffekt in der Nähe der Ränder hinzuzufügen. Füllen Sie dazu Ihre Leinwand mit Schwarz auf einer neuen Ebene (Shift+ F5). Wählen Sie mit dem Rechteck-Auswahlwerkzeug (Rectangular Marquee Tool) (M) die Mitte der Leinwand aus und löschen Sie sie. Geben Sie Ihrer Ebene dann eine 40 px Gaußsche Unschärfe und stellen Sie sie auf Multiplizieren. Um den Schatten besser zu integrieren, schnitt ich zwei Ebenen über die Vignette und malte Farben aus dem Text.

Zu diesem Zeitpunkt fand ich das Meer für meinen Geschmack etwas zu groß. Also habe ich alle "Beach"-Ebene ausgewählt und auf 66% reduziert. Wenn Sie das tun, vergessen Sie nicht, die Verknüpfung der Ebenen zu ihrer Maske aufzuheben (indem Sie auf das kleine Verknüpfungssymbol zwischen den Miniaturansichten klicken), damit die Transformation die Maske nicht beeinflusst.

Schritt 14

Wir sind fast fertig. Eine andere Technik, mit der wir alles miteinander vermischen können, besteht darin, ein wenig Rauschen hinzuzufügen. Erstellen Sie dazu eine neue Ebene und füllen Sie sie mit 50% Grau (Bearbeiten > Füllen (Edit > Fill)). Gehen Sie zu Filter > Rauschen > Rauschen hinzufügen (Filter > Noise > Add Noise) und setzen Sie die Menge auf 2%. Benennen Sie Ihre Ebene schließlich mit "Noise" und setzen Sie sie auf Soft Light.

Schließlich schärfen wir unser Bild ein wenig, um es endgültig aussehen zu lassen. Wählen Sie alle Ebenen aus, klicken Sie mit der rechten Maustaste, und wählen Sie Ebenen zusammenführen, während Sie die Alt-Taste gedrückt halten. Gehen Sie zu Filter > Scharfzeichnen > Smart Scharfzeichner (Filter > Sharpen > Smart Sharpen), geben Sie die gewünschten Werte ein und drücken Sie OK. Stellen Sie sicher, dass Sie Ihr Dokument speichern. Wenn Sie möchten, können Sie Ihr Bild jetzt verkleinern (Ebene > Bild reduzieren (Layer > Flatten Image)) und die Größe auf 50% herabsetzen, um die Unvollkommenheit zu beseitigen.

So sollte Ihr Ebenenfenster aussehen.

Schlussfolgerung

Herzliche Glückwünsche! Sie haben diesen Texteffekt nun abgeschlossen. Sie haben dabei gelernt, 3D-Text in Photoshop zu erstellen und 3D-Text mit Fotografie zu kombinieren, um eine sommerlich inspirierte Illustration zu erstellen, die für viele Zwecke verwendet werden kann.