Comic-Texteffekt (Tutorial für Adobe Illustrator)

Tutorial für Comic-Texteffekte

Stellen Sie zunächst klar, dass dies der Fall ist Lernprogramm Es wurde mit Adobe Illustrator CS5 (auf Englisch) erstellt, sodass die schrittweisen Bilder die Benutzeroberfläche dieser Version zeigen. Trotzdem können Sie es in jeder Version ausprobieren, wobei Sie berücksichtigen, dass es wahrscheinlich etwas mehr kostet, dem Tutorial zu folgen.

Dieser Effekt kann nützlich sein, wenn Sie a ausführen informelles Design in dem der Comic-Stil begleitet, was Sie kommunizieren möchten. Als Nächstes erhalten Sie eine schrittweise Anleitung, mit der Sie mit Adobe Illustrator einen Comic-Texteffekt erzielen können.

Comic-Texteffekt

Wir öffnen Adobe Illustrator und gehen zu Erstellen Sie ein neues Dokument (Mac: Cmd + N Windows: Strg + N). Wir können es beliebig benennen und die Dateigröße wählen. In meinem Fall habe ich 570 x 300 Pixel gewählt, das Format, das wir verwenden Creativos Online um die Bilder hochzuladen.

Es ist sehr wichtig, dass Sie am unteren Rand des Dialogfelds (Erweitert) sicherstellen, dass Sie das als Farbmodus markiert haben RGB, Rastereffekte auf Bildschirm (72 ppi) y Vorschaumodus Standard. Wenn Sie die ausgewählten Optionen ausgewählt haben, klicken Sie auf OK.

Schritt-für-Schritt-Anleitung für Illustrator

HINTERGRUND

Wir werden den farbigen Hintergrund erstellen, den unser Text tragen wird. Wir wählen das Rechteck-Werkzeug (Rechteck-Werkzeug, M-Taste) und klicken auf eine beliebige Stelle in unserem Dokument. Dann öffnet sich ein kleines Fenster, in das wir die Maße des Rechtecks ​​eingeben können: Sie müssen die Maße Ihres Dokuments eingeben. In meinem Fall 570 x 300px. Klicken Sie auf OK und das soeben erstellte Rechteck wird auf dem Bildschirm angezeigt.

Schritt-für-Schritt-Anleitung für Illustrator

Jetzt müssen wir es gut platzieren. Dazu wählen wir den schwarzen Pfeil in der Symbolleiste aus (Auswahlwerkzeug, V-Taste). Damit klicken wir auf den Rand des Rechtecks ​​und ziehen den Rand ohne Freigabe, bis er mit den Rändern des Dokuments übereinstimmt. Schritt-für-Schritt-Anleitung für Illustrator

Schritt-für-Schritt-Anleitung für Illustrator

FARBHINTERGRUND

Der Hintergrund ist bereits fertig, aber standardmäßig wird er weiß mit einem schwarzen Rand angezeigt. Zeit, dies zu ändern! Mit dem als Werkzeug ausgewählten schwarzen Pfeil (Auswahlwerkzeug, Taste V) klicken wir auf das Rechteck. Wir gehen zu den zwei farbigen Feldern am unteren Rand der Symbolleiste: Das vordere entspricht dem Füllfarbe von unserer Figur und, die dahinter, bezieht sich auf die TRAZO. Standardmäßig haben wir die weiße Farbfüllung und die Randfarbe Schwarz. Wir klicken auf das Füllfeld und das Farbwähler (Farbwähler). Jetzt können Sie die gewünschte Farbe für Ihren Hintergrund auswählen. In meinem Fall war es blau. Sobald Sie ausgewählt haben, klicken Sie auf OK und Sie erhalten Ihr farbiges Rechteck.  Schritt-für-Schritt-Anleitung für Illustrator

Jetzt werden wir die Schärfe nehmen. Klicken Sie auf das Feld am Rand unserer Symbolleiste. Jetzt, direkt unter diesem Quadrat, befindet sich ein winziges weißes Quadrat mit einer roten Diagonale. Wir klicken darauf ... Und das war's! Dieses Quadrat sagt Illustrator, dass wir den Strich ohne Farbe wollen. Wenn die Füllung des Rechtecks ​​auch ohne Farbe sein soll, müssen wir das entsprechende Feld auswählen und erneut auf das leere Feld klicken.  Schritt-für-Schritt-Anleitung für Illustrator

DEGRADED

Der nächste Schritt besteht darin, einen kreisförmigen Verlauf auf unserem Hintergrund zu erstellen. Dazu müssen wir zum Fenster "Darstellung" gehen (wenn Sie es nicht auf der rechten Seite Ihres Bildschirms sehen, wie ich im Bild zeige, gehen Sie zum oberen Menü Ihres Illustrator-Fensters und gehen Sie zu Fenster> Erscheinung). Hier sehen wir standardmäßig die Option Füllen mit der Farbe, die wir in das Rechteck eingefügt haben, und die Option Strich (Strich oder Kontur), die mit der Option Leeren angezeigt wird. Eine letzte Option ist Deckkraft (Deckkraft). Am unteren Rand dieses Fensters befinden sich zwei kleine Quadrate. Einer mit einem sehr breiten schwarzen Rand und der andere mit einem dünnen Rand. Wir wählen die feine aus, um neue Füllung erstellen (Füllen). Jetzt klicken wir im Farbquadrat der neuen Füllung, die wir erstellt haben, auf. Auf der rechten Seite wird ein Pfeil angezeigt, und wir wählen aus allen angezeigten Farbmustern dasjenige aus, das dem kreisförmigen schwarzen Farbverlauf entspricht.

Schritt-für-Schritt-Anleitung für Illustrator

Erscheinungsfenster

Schritt-für-Schritt-Anleitung für Illustrator

Wir erstellen eine neue Füllung (Fill)

Schritt-für-Schritt-Anleitung für Illustrator

Auswahl des kreisförmigen Farbverlaufsfelds

Jetzt öffnen wir einen neuen Abschnitt, indem wir auf den Pfeil links neben Füllen klicken und auf das Wort klicken Opaktie, um die Art und Weise zu ändern, in der unsere Füllschicht angewendet wird. Dort wählen wir die Option Auflage (Überlappung). Schritt-für-Schritt-Anleitung für Illustrator

KREIS

Wir werden einen weißen Kreis in der Mitte unseres Dokuments erstellen. Dazu wählen wir das Werkzeug aus Ellipsen-WerkzeugUm es auswählen zu können, müssen wir einen langen Klick ausführen, ohne loszulassen, und warten, bis die Optionen angezeigt werden. Sobald sie angezeigt werden, bewegen wir den Cursor OHNE FREIGABE über das Ellipsen-Werkzeug und lassen es los. Schritt-für-Schritt-Anleitung für Illustrator

Wir erstellen einen perfekten Umfang (dazu klicken und ziehen wir, während Sie die Umschalttaste auf unserer Tastatur gedrückt halten). Das Normale ist, dass der Umfang mit den gleichen Parametern des vorherigen Verlaufs wie wir ausgegeben wird, sodass wir den Wert der Füllung ändern müssen. Schritt-für-Schritt-Anleitung für Illustrator

Jetzt werden wir es zentrieren. Gehe zu Fenster> Ausrichten und klicken Sie bei ausgewähltem Kreis auf die in den Bildern gezeigten Optionen.  Schritt-für-Schritt-Anleitung für Illustrator

TEXT

Wir wählen das Textwerkzeug (Geben Sie Tool ein, Taste T) und wir geben den gewünschten Text ein. In unserem Fall haben wir die Schriftart gewählt BadaBoom BB, das Sie von DaFont herunterladen können Schritt-für-Schritt-Anleitung für Illustrator

Jetzt drehen wir es ein bisschen um. Klicken Sie mit der rechten Maustaste auf den Text> Transformieren> Scheren. Wir geben den Wert -8º in Vertikal ein und klicken auf OK.

Schritt-für-Schritt-Anleitung für Illustrator

Wir zentrieren den Text auf die gleiche Weise, wie wir zuvor den weißen Kreis zentriert haben.

STIL HINZUFÜGEN

Schritt-für-Schritt-Anleitung für Illustrator

Objekt> Erweitern

Mit dem ausgewählten Text gehen wir zur Option Betreff im oberen Menü und wählen Sie Erweitern Sie die Funktionalität der und im angezeigten Fenster OK. Dann mach Rechtsklick über den Text und wählen Sie Gruppierung aufheben (Ungroup).

Schritt-für-Schritt-Anleitung für Illustrator

Gehen wir zurück zu Aussehensfeld. Wählen Sie die schwarze Füllung und klicken Sie auf das Symbol 'fx' wählen Pfad> Versetzter Pfad. Geben Sie im Versatz 8px ein. In Joins, Runde. Und in Mitre Limit, 4.

Schritt-für-Schritt-Anleitung für Illustrator

Klicken Sie nun erneut auf das Symbol 'fx' und wählen Sie Distor & Transform> Transform und geben Sie ein:
Im Maßstab: horizontal> 100% vertikal> 100%
In Verschieben: horizontal> 7px vertikal> 12px

Schritt-für-Schritt-Anleitung für Illustrator

Schritt-für-Schritt-Anleitung für Illustrator

Jetzt werden wir eine weitere Füllung hinzufügen. Tippen Sie auf das quadratische Symbol am dünnen Rand und wählen Sie eine helle Farbe aus. Zum Beispiel weiß.

Schritt-für-Schritt-Anleitung für Illustrator

Wir fügen eine weitere Füllung hinzu. In unserem Fall von Orange. Wir werden einen Transformationseffekt hinzufügen. Klicken Sie erneut auf das Symbol 'fx' und wählen Sie Distor & Transform> Transform und geben Sie ein:
In Verschieben: horizontal> 2px vertikal> 2px

Wir werden den schwarzen Umriss darauf setzen. Wir wählen die schwarze Farbe im Strich und wir geben es 3px. Klug! Nun Datei speichern> Speichern. Um es in .jpg zu speichern, klicken Sie auf Datei> Exportieren (und wählen Sie dort das Format aus).

Schritt-für-Schritt-Anleitung für Illustrator


Hinterlasse einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert mit *

*

*

  1. Verantwortlich für die Daten: Miguel Ángel Gatón
  2. Zweck der Daten: Kontrolle von SPAM, Kommentarverwaltung.
  3. Legitimation: Ihre Zustimmung
  4. Übermittlung der Daten: Die Daten werden nur durch gesetzliche Verpflichtung an Dritte weitergegeben.
  5. Datenspeicherung: Von Occentus Networks (EU) gehostete Datenbank
  6. Rechte: Sie können Ihre Informationen jederzeit einschränken, wiederherstellen und löschen.