Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

So erstellen Sie einen Cartoon-Texteffekt in Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

German (Deutsch) translation by Viktor Csaszar (you can also view the original English article)

Final 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 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 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 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 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 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 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 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 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 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 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 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 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 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 Styles
Cartoon and Comic Book Styles
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.