So erstellen Sie einen fetten, cartoonartigen Texteffekt in Adobe Illustrator

Was Sie erstellen werden

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator einen fetten, cartoonartigen Texteffekt erstellen. 

Zunächst lernen Sie, wie Sie ein einfaches Raster einrichten und einen recht einfachen Hintergrund für Ihren Texteffekt erstellen. Mit dem Type Tool und einer schönen, kostenlosen Schriftart erfahren Sie, wie Sie den Starttext erstellen. Sie können das Erscheinungsbild-Bedienfeld voll ausnutzen und lernen, wie Sie den tatsächlichen Texteffekt erstellen. Schließlich erfahren Sie, wie Sie mit einem Satz einfacher Kreise den letzten Schliff für Ihren Texteffekt hinzufügen.

Weitere Informationen zur Anpassung oder Verbesserung Ihres endgültigen Texteffekts finden Sie bei GraphicRiver mit zahlreichen Ressourcen.

1. So erstellen Sie ein neues Dokument und richten ein Raster ein

Schlagen Control-N ein neues Dokument erstellen. Wählen Pixel von dem Einheiten Dropdown-Menü eingeben 850 in den Feldern Breite und Höhe, und klicken Sie darauf Erweitert Taste. Wählen RGB für die Farbmodus, stellen Sie das ein Rastereffekte zu Bildschirm (72 ppi), und dann auf das klicken Dokument erstellen Taste.

Aktivieren Sie die Gitter (Ansicht> Raster anzeigen) und das Am Raster ausrichten (Ansicht> An Raster ausrichten). Sie werden jedes Mal ein Gitter benötigen 5 px, also geh einfach zu Bearbeiten> Voreinstellungen> Hilfslinien> Raster, und eintreten 5 in dem Rasterlinie alle Box und 1 in dem Unterteilung Box. Versuchen Sie, sich nicht von all dem Raster entmutigen zu lassen. Dies erleichtert Ihnen die Arbeit, und Sie können es einfach mit Hilfe von aktivieren oder deaktivieren Steuerung-" Tastaturkürzel.

In diesem kurzen Lernprogramm erfahren Sie mehr über das Rastersystem von Illustrator: Andrei Stefan: Grundlegendes zum Rastersystem von Adobe Illustrator.

Sie sollten auch die öffnen Info Panel (Fenster> Info) für eine Live-Vorschau mit der Größe und Position Ihrer Formen. Vergessen Sie nicht, die Maßeinheit auf Pixel von einzustellen Bearbeiten> Voreinstellungen> Einheiten> Allgemein. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.

2. So erstellen Sie den Hintergrund

Schritt 1

Wähle das aus Rechteckwerkzeug (M) und konzentrieren Sie sich auf Ihre Toolbar. Entfernen Sie die Farbe aus dem Strich und wählen Sie dann die Füllung aus und stellen Sie die Farbe auf R = 137 G = 147 B = 150.

Einfach ein erstellen 860 px Quadrat und stellen Sie sicher, dass es Ihre gesamte Zeichenfläche bedeckt. Das Gitter und das Am Raster ausrichten Feature sollte helfen.

Schritt 2

Stellen Sie sicher, dass Ihr Quadrat noch ausgewählt ist, und öffnen Sie das Aussehen Panel (Fenster> Aussehen) und fügen Sie eine zweite Füllung hinzu Neue Füllung hinzufügen Taste.

Wählen Sie die neue Füllung aus und verringern Sie sie Opazität zu 60%, und ersetzen Sie dann die vorhandene Farbe durch den unten gezeigten radialen Farbverlauf. Denken Sie daran, dass die gelbe Null von der Gradient Bild (Fenster> Farbverlauf) steht für Opazität Prozentsatz und verwenden Sie die Verlaufswerkzeug (G) strecken Sie Ihren Farbverlauf wie in der folgenden Abbildung gezeigt.

3. So erstellen Sie die Haupttextstücke

Schritt 1

Wähle das aus Schreibwerkzeug (T) und öffnen Sie die Charakter Panel (Fenster> Typ> Zeichen). Wählen Sie die Schriftart Comical Cartoon aus und stellen Sie die Größe auf 40 px und das führt dazu 150 px. Klicken Sie einfach auf Ihre Zeichenfläche, fügen Sie Ihre Textsäule hinzu und machen Sie sie weiß.

Schritt 2

Fügen Sie mit denselben Werkzeug- und Schriftattributen die erste Zeile erneut in Ihren Text ein. Mache es rot und platziere es direkt über dem weißen. Gehen Sie genauso für die anderen drei Textzeilen vor, wie in den folgenden Bildern gezeigt. Wenn Sie fertig sind, können Sie den weißen Text aus Ihrem Dokument entfernen.

4. So erstellen Sie die Vorderseite Ihres Texteffekts

Schritt 1

Wählen Sie eines Ihrer Textstücke aus und konzentrieren Sie sich auf das Aussehen und fügen Sie eine neue Füllung hinzu Neue Füllung hinzufügen Taste. Stellen Sie die Farbe auf R = 247 G = 139 B = 30 und stellen Sie sicher, dass es darüber liegt "Zeichen"Textstück. Platzieren über dem"Zeichenmsgstr "" "Text wird einfach das Rot bedecken.

Schritt 2

Vergewissern Sie sich, dass Ihr orangefarbener Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Fügen Sie eine zweite Füllung hinzu und ziehen Sie sie unter die vorhandene Füllung.

Stellen Sie sicher, dass Ihre neue Füllung ausgewählt ist, ersetzen Sie die vorhandene Farbe durch den unten gezeigten linearen Farbverlauf, und wechseln Sie zu Effekt> Pfad> Versatzpfad. Geben Sie ein 2 px Versatz, stellen Sie das ein Schließt sich an zu Runden, und dann auf das klicken OK Taste.

Schritt 3

Vergewissern Sie sich, dass Ihr orangefarbener Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Wählen Sie diese untere Füllung erneut aus und gehen Sie zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 4

Vergewissern Sie sich, dass Ihr orangefarbener Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Wählen Sie diese untere Füllung erneut aus und gehen Sie zu Effekt> Stilisieren> Inner Glow. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 5

Vergewissern Sie sich, dass Ihr orangefarbener Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Wählen Sie diese obere Füllung aus und gehen Sie zu Effekt> Pfad> Versatzpfad. Geben Sie ein 2 px Versatz, stellen Sie das ein Schließt sich an zu Runden, und dann auf das klicken OK Taste.

Schritt 6

Vergewissern Sie sich, dass Ihr orangefarbener Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Fügen Sie eine dritte Füllung hinzu und platzieren Sie sie über den vorhandenen.

Wählen Sie diese neue Füllung aus und setzen Sie die Farbe auf R = 254 G = 183 B = 21, und gehe zu Effekt> Pfad> Versatzpfad. Geben Sie ein -4 px Versatz, stellen Sie das ein Schließt sich an zu Runden, Klicken Sie das an OK und dann zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 7

Für diesen Schritt benötigen Sie die integrierten Muster von Illustrator. Öffnen Sie das Flyout-Menü von der Farbfelder Panel (Fenster> Farbfelder) und gehe zu Öffnen Sie Swatch Library> Patterns> Basic Graphics> Basic Graphics_Lines. Lassen Sie dieses Fenster geöffnet, stellen Sie sicher, dass Ihr orangefarbener Text ausgewählt ist, und kehren Sie zum Textfeld zurück Aussehen Panel.

Wählen Sie die obere Füllung aus und duplizieren Sie sie mit Ausgewähltes Element duplizieren Taste. Wählen Sie die neu hinzugefügte Füllung aus und ersetzen Sie einfach die vorhandene Farbe durch "10% 50%"Muster aus diesem Satz.

Schritt 8

Stellen Sie sicher, dass Ihre gemusterte Füllung noch ausgewählt ist, und senken Sie sie Opazität zu 75%, ändere das Mischmodus zu Sanftes Licht, und dann zu Effekte> Verzerren und transformieren> Transformieren. Geben Sie die unten angezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 9

Vergewissern Sie sich, dass Ihr orangefarbener Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Wählen Sie diesen Strich und setzen Sie die Farbe auf R = 255 G = 200 B = 28 und die Größe zu 4 px, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein -2 px Versatz, stellen Sie das ein Schließt sich an zu Runden, und dann auf das klicken OK Taste.

5. So erstellen Sie die Rückseite Ihres Texteffekts

Schritt 1

Vergewissern Sie sich, dass Ihr orangefarbener Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Fügen Sie eine fünfte Füllung hinzu und platzieren Sie sie unter den vorhandenen.

Wählen Sie diese neue Füllung aus und setzen Sie die Farbe auf Schwarz (R = 0 G = 0 B = 0). Senken Sie es Opazität zu 50% und ändern Sie die Mischmodus zu Sanftes Licht, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein 2 px Versatz, stellen Sie das ein Schließt sich an zu Runden, Klicken Sie das an OK und dann zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die im linken Fenster (im folgenden Bild) angezeigten Attribute ein und klicken Sie darauf OK und dann erneut zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie diesmal die im rechten Fenster angezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 2

Vergewissern Sie sich, dass Ihr orangefarbener Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel.

Wählen Sie die untere schwarze Füllung aus und duplizieren Sie sie mit derselben Ausgewähltes Element duplizieren Taste. Konzentriere dich auf deine untere schwarze Füllung und öffne die zweite Verwandeln bewirken. Einfach erhöhen Kopien von 20 zu 50 und dann auf das klicken OK Taste.

Schritt 3

Vergewissern Sie sich, dass Ihr orangefarbener Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Fügen Sie eine neue Füllung hinzu und platzieren Sie diese unter den vorhandenen.

Wählen Sie diese neue Füllung aus und setzen Sie die Farbe auf R = 190 G = 31 B = 46, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein 20 px Versatz, stellen Sie das ein Schließt sich an zu Runden, Klicken Sie das an OK und dann zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 4

Vergewissern Sie sich, dass Ihr orangefarbener Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Fügen Sie eine neue Füllung hinzu und platzieren Sie sie direkt über der unteren.

Wählen Sie diese neue Füllung aus und setzen Sie die Farbe auf R = 160 G = 1 B = 16, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein 5 px Versatz, stellen Sie das ein Schließt sich an zu Runden, Klicken Sie das an OK und dann zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 5

Vergewissern Sie sich, dass Ihr orangefarbener Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Fügen Sie eine neue Füllung hinzu und platzieren Sie diese unter den vorhandenen.

Wählen Sie diese neue Füllung aus und setzen Sie die Farbe auf R = 160 G = 1 B = 16, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein 20 px Versatz, stellen Sie das ein Schließt sich an zu Runden, Klicken Sie das an OK und dann zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die im linken Fenster angezeigten Attribute ein und klicken Sie darauf OK und dann erneut zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie diesmal die im rechten Fenster angezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 6

Vergewissern Sie sich, dass Ihr orangefarbener Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Wählen Sie diese untere Füllung erneut aus und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten angezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 7

Vergewissern Sie sich, dass Ihr orangefarbener Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Verwendung der Neuen Strich hinzufügen Klicken Sie auf die Schaltfläche, fügen Sie einen zweiten Strich für Ihren Text hinzu und platzieren Sie ihn unter allen Füllungen.

Wählen Sie diesen neuen Strich aus und setzen Sie die Farbe auf R = 190 G = 31 B = 46 und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein 20 px Versatz, stellen Sie das ein Schließt sich an zu Runden, Klicken Sie das an OK und dann zu Effekt> Pfadfinder> Hinzufügen. Gehe zurück zum Aussehen Panel und klicken Sie auf das "Schlaganfall"Textstück zum Öffnen des Schlaganfall Fly-Out-Panel. Stellen Sie das ein Gewicht zu 8 px, Überprüf den Runde Kappe und Runde beitreten und dann das überprüfen Gestrichelte Linie Box. Eingeben 0 px in der ersten Strich Box und 8 px in der ersten Spalt und der Schlaganfall sollte wie in der folgenden Abbildung dargestellt aussehen.

Schritt 8

Vergewissern Sie sich, dass Ihr orangefarbener Text noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Wählen Sie diese untere Füllung erneut aus und gehen Sie zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie darauf OK Taste.

6. Kopieren und Anpassen von Erscheinungsattributen

Schritt 1

Nun müssen Sie das kopieren Aussehen Attribute von einem Textstück zu einem anderen. Konzentriere dich auf den Schichten Panel (Fenster> Ebenen) und Sie werden feststellen, dass alle Objekte auf der rechten Seite einen kleinen Kreis haben, ein Zielsymbol.

Halte das Alt Klicken Sie auf der Tastatur auf die Schaltfläche, und klicken Sie auf das Zielsymbol, das für Ihren orangefarbenen Text steht. Ziehen Sie es über das Zielsymbol, das für einen dieser roten Textteile steht.

Schritt 2

Wiederholen Sie die im vorherigen Schritt erwähnte Technik, um das zu kopieren Aussehen Attribute. Wenn Sie fertig sind, wählen Sie einen oder mehrere dieser Textteile aus und konzentrieren Sie sich auf die Aussehen und ersetzen Sie die vorhandenen Farben durch die in der folgenden Abbildung angegebenen.

7. Mehrere Kreise / Sterne hinzufügen und im Text verbreiten

Schritt 1

Verwendung der Ellipsenwerkzeug (L), ein ... kreieren 20 px Kreis. Stellen Sie sicher, dass für diese Form keine Füllfarbe festgelegt ist, und legen Sie die Strichfarbe auf fest R = 190 G = 31 B = 46. Öffne das Schlaganfall Fly-Out-Panel, erhöhen Sie die Gewicht zu 6 px, und überprüfe das Nach innen ausrichten Taste.

Erstellen Sie mit dem gleichen Werkzeug eine 15 px Kreis. Fügen Sie den gleichen roten Strich hinzu, richten Sie ihn nach innen aus, verringern Sie jedoch den Wert Gewicht zu 4 px. Erstellen Sie einen dritten Kreis, machen Sie es 10 px Fügen Sie den gleichen roten Strich hinzu, vergessen Sie nicht, ihn nach innen auszurichten, und setzen Sie den Gewicht zu 3 px.

Duplizieren Sie diese drei Kreise (Control-C> Control-V), wählen Sie die Kopien aus und ersetzen Sie einfach die rote mit R = 159 G = 31 B = 99.

Schritt 2

Multiplizieren Sie einfach Ihre roten und violetten Kreise (Control-C> Control-V) und verteilen Sie die Kopien wie in der folgenden Abbildung dargestellt.

Alternativ können Sie diese Kreise durch einfache Sternformen ersetzen, die mit Hilfe von einfach erstellt werden können Sternwerkzeug.

Herzliche Glückwünsche! Sie sind fertig!

So sollte es aussehen. Ich hoffe, Ihnen hat dieses Tutorial gefallen und Sie können diese Techniken in Ihren zukünftigen Projekten anwenden.

Fühlen Sie sich frei, um das endgültige Design anzupassen und machen Sie es zu Ihrem eigenen. Bei GraphicRiver finden Sie einige großartige Inspirationsquellen mit interessanten Lösungen zur Verbesserung Ihres Designs.