1. Design & Illustration
  2. Text Effects

So erstellen Sie einen Cartoon-Texteffekt in Adobe Photoshop

Scroll to top
Read Time: 4 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

In diesem Tutorial zeige ich Ihnen, wie Sie einen einfachen Cartoon-Texteffekt mit einem Muster und einem Ebenenstil erzeugen.

Dieser Texteffekt, den wir kreieren werden, ist ein Teil von Comic- und Cartoon-Styles aus meiner Cartoon- und Comicbuch-Sammlung.

Cartoon and Comic Book StylesCartoon and Comic Book StylesCartoon and Comic Book Styles
Cartoon und Comic-Buch-Stile

Lernprogramm-Assets

Die folgenden Elemente wurden in diesem Lernprogramm verwendet:

Bevor Sie mit  dem Erstellen des Cartoon-Texteffekts beginnen, laden Sie die Schriftart und das Muster in Photoshop herunter und installieren Sie sie, und laden Sie auch den Hintergrund herunter.

1. So laden Sie einen Dokumenthintergrund

Wir werden den Stars aus den Tutorial-Assets als Hintergrund für unser Dokument verwenden. It is an 850 x 600 px JPG file. Gehe zu Datei > Öffnen und öffne star-background.jpg.

Star BackgroundStar BackgroundStar Background

2. Wie man Text erzeugt und verzieht

Dieser Texteffekt besteht aus einer Ebene, Sie können sie also als neuen Styles in Ihrer Formatpalette speichern, wenn Sie fertig sind.

Step 1

Wählen Sie das Type Tool und wählen Sie die Brady Bunch Remastered Schriftart. Stellen Sie die Schriftgröße um 212 pt ein. Schreibe "SMASH!" mit Großbuchstaben und mit jeder Farbe.

Type toolType toolType tool

Schritt 2

Jetzt müssen wir die Buchstabenräume ausdehnen. Wählen Sie die Textebene aus, wechseln Sie dann zum Zeichenbedienfeld und ändern Sie die Verfolgung auf -20. Wenn das Symbol für den Zeichenbereich nicht angezeigt wird, wechseln Sie zu Schrift > Felder > Zeichenbereich.

Font trackingFont trackingFont tracking

Schritt 3

Der letzte Schritt, bevor wir mit dem Ebenenlayout beginnen, besteht darin, unseren Text zu verzerren. Klicken Sie mit der rechten Maustaste auf die Textebene und wählen Sie im Menü die Option Warp-Text. Setzen Sie den  til auf Bogen, wählen Sie Horizontal, und stellen Sie die Biegung auf  0% und die horizontale Verzerrung auf -30% ein. Drücken Sie nun OK, um die Änderungen zu übernehmen.

Warp textWarp textWarp text

3. Erstellen eines Cartoon-Texteffekts

Schritt 1

Wähle die Ebene SMASH! und doppelklicken Sie auf die Ebene, um den folgenden Ebenenstil anzuwenden:

Fügen Sie einen Strich mit diesen Einstellungen hinzu:

  • Größe: 10 px
  • Position: Außerhalb
  • Mischmodus: Normal
  • Deckkraft: 100%
  • Füllart: Verlauf
  • Stil: Form Burst
  • Winkel: 0°
  • Überprüfen Sie die Dither-Box
  • Stellen Sie den Farbverlauf mit diesen zwei Farbanschlägen ein:
  • Erster Farbverlaufsstopp Farbe #f80000 und Position bei 45%
  • Zweiter Farbverlaufsstopp Farbe #000000 und Ort bei 59%
Add a StrokeAdd a StrokeAdd a Stroke

Schritt 2

Fügen Sie einen inneren Schatten mit diesen Einstellungen hinzu:

  • Mischmodus: Normal mit der Farbe #fff000
  • Opazität: 100
  • Deaktivieren Sie die Option Globales Licht verwenden, bevor Sie den Winkel: 180 ° einstellen
  • Entfernung: 3 px
  • Choke: 100%
  • Größe: 0 px
  • Aktivieren Sie das Kontrollkästchen Anti-Alias
Add an Inner ShadowAdd an Inner ShadowAdd an Inner Shadow

Schritt 3

Fügen Sie einen Satin-Effekt mit diesen Einstellungen hinzu:

  • Mischmodus: Normal mit der Farbe #fff000
  • Deckkraft: 100%
  • Winkel: 90°
  • Entfernung: 2 px
  • Größe: 0 px
  • Aktivieren Sie das Kontrollkästchen Anti-Alias
  • Deaktivieren Sie das Kontrollkästchen "Umkehren", falls aktiviert
Add a SatinAdd a SatinAdd a Satin

Schritt 4

Fügen Sie eine Farbüberlagerung mit diesen Einstellungen hinzu:

  • Mischmodus: Multiplizieren
  • Klicken Sie auf das Feld Farbe und wählen Sie die Farbe #fff000
  • Deckkraft: 100%
Add a Color OverlayAdd a Color OverlayAdd a Color Overlay

Schritt 5

Fügen Sie eine Musterüberlagerung mit diesen Einstellungen hinzu:

  • Klicken Sie auf das Feld Muster und wählen Sie das Muster Red Dots
  • Deckkraft: 100%
  • Maßstab: 100%

Jetzt können Sie die Musterposition ändern: Klicken Sie einfach mit der linken Maustaste und ziehen Sie mit der Maus über den Text im Dokument, um das Muster nach oben oder unten zu verschieben.

Add a Pattern OverlayAdd a Pattern OverlayAdd a Pattern Overlay

Schritt 6

Fügen Sie ein Outer Glow mit diesen Einstellungen hinzu:

  • Mischmodus: Normal
  • Deckkraft: 100%
  • Stelle die Farbe von glow #fff000 ein
  • Technik: weicher
  • Verbreitung: 94%
  • Größe: 11 px
  • Aktivieren Sie das Kontrollkästchen Anti-Alias
Add an Outer GlowAdd an Outer GlowAdd an Outer Glow

Schritt 7

Als letzten Schritt fügen Sie einen Schlagschatten mit diesen Einstellungen hinzu:

  • Mischmodus: Multiplizieren Sie und wählen Sie die Farbe #000000
  • Deckkraft: 100%
  • Uncheck the Use Global Light before setting Angle: 120°
  • Entfernung: 8 px
  • Verbreitung: 100%
  • Größe: 20 px
  • Aktivieren Sie das Kontrollkästchen Anti-Alias

Klicken Sie auf OK, um den Ebenenstil anzuwenden.

Add a Drop ShadowAdd a Drop ShadowAdd a Drop Shadow

Herzliche Glückwünsche! Sie sind fertig!

In diesem Tutorial haben Sie gelernt, wie Sie in Adobe Photoshop einen Cartoon-Texteffekt erzeugen.

Wir begannen damit, unseren Text zu erstellen und zu verzerren, und dann fügten wir mehrere verschiedene Effekte hinzu, um unseren endgültigen Texteffekt zu erzeugen.

Final ResultFinal ResultFinal Result

Ich hoffe, Ihnen hat dieses Tutorial gefallen, und wenn Sie den letzten Effekt mögen,  vergessen Sie nicht, diesen Stil für zukünftige Projekte in Ihrer Ebenenstilpalette zu speichern.

Dieser Text-Effekt, den wir gerade erstellt haben, ist Teil von Cartoon and Comic Book Styles.

Cartoon and Comic Book StylesCartoon and Comic Book StylesCartoon and Comic Book Styles
Cartoon and Comic Book Styles
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads