So erstellen Sie einen mehrschichtigen Kunsttext-Effekt in Adobe Illustrator

Was Sie erstellen werden

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator einen Texteffekt mit Ebenen aus Kunstpapier erstellen. Zunächst lernen Sie, wie Sie ein einfaches Raster einrichten und einen ziemlich einfachen Hintergrund erstellen. Anhand von kostenlosen Techniken zum Erstellen von Fonts und Vektorformen lernen Sie, wie Sie einen Satz zusammengesetzter Pfade erstellen. 

Im weiteren Verlauf erfahren Sie, wie Sie einen inneren Schatteneffekt mithilfe mehrerer Schatteneffekte und einiger Deckkraftmasken erstellen. Zum Schluss stilisieren Sie Ihre zusammengesetzten Pfade und lernen, wie Sie Ihrem endgültigen Design eine subtile Textur hinzufügen.

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

1. Erstellen eines neuen Dokuments und Einrichten eines Rasters

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 Mehr Einstellungen Taste. Wählen RGB für die Farbmodus, stellen Sie das ein Rastereffekte zu Bildschirm (72 ppi), und klicken Sie dann auf Dokument erstellen.

Aktivieren Sie das Raster (Ansicht> Raster anzeigen) und der Snap to Grid (Ansicht> An Raster ausrichten). Sie werden jedes Mal ein Gitter benötigen 5 px, also geh einfach zu Bearbeiten> Voreinstellungen> Hilfslinien> Raster, eingeben 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. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.

2. So erstellen Sie den Hintergrund und fügen Sie Text hinzu

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 = 140 G = 198 B = 63. Gehen Sie zu Ihrer Zeichenfläche, erstellen Sie eine 860 px Stellen Sie sicher, dass es Ihre gesamte Zeichenfläche bedeckt.

Schritt 2

Wähle das aus Schreibwerkzeug (T) und öffnen Sie die Charakter Panel (Fenster> Typ> Zeichen). Wählen Sie die Comical Cartoon-Schriftart aus, und legen Sie die Größe auf fest 130 px und das führt dazu 220 px. Klicken Sie einfach auf Ihre Zeichenfläche, fügen Sie Ihren Text hinzu und stellen Sie die Farbe auf R = 0 G = 113 B = 188.

3. So erstellen Sie die Hauptverbindungspfade

Schritt 1

Stellen Sie sicher, dass Ihr Text noch ausgewählt ist, und wechseln Sie zu Typ> Konturen erstellen (Shift-Control-O). Gruppierung aufheben (Shift-Control-G) die resultierende Gruppe von Formen und dann zu Objekt> Zusammengesetzter Pfad> Make (Steuerung-8), um aus deinen blauen Formen einen zusammengesetzten Pfad zu machen.

Stellen Sie sicher, dass Ihr zusammengesetzter Pfad ausgewählt ist, und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie ein -10 px Versatz und dann auf das klicken OK Taste. Wählen Sie den resultierenden zusammengesetzten Pfad aus und ersetzen Sie einfach die vorhandene Füllfarbe mit R = 255 G = 200 B = 0.

Schritt 2

Wählen Sie Ihren gelben zusammengesetzten Pfad und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie ein -10 px Versatz und klicken Sie dann auf OK. Wählen Sie den resultierenden zusammengesetzten Pfad aus und ersetzen Sie einfach die vorhandene Füllfarbe mit R = 240 G = 30 B = 40.

Schritt 3

Wählen Sie alle drei zusammengesetzten Pfade aus und gehen Sie zu Effekt> Verzerren und transformieren> Aufrauhen. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie auf OK und dann zu Objekt> Darstellung erweitern.

Schritt 4

Wählen Sie Ihren roten zusammengesetzten Pfad und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie ein -10 px Versatz und klicken Sie auf OK. Wählen Sie den neu erstellten zusammengesetzten Pfad und ersetzen Sie einfach die vorhandene Füllfarbe mit R = 255 G = 123 B = 155.

4. So fügen Sie die inneren Schatten hinzu

Schritt 1

Wählen Sie zusammen mit dem grünen Rechteck Ihren blauen zusammengesetzten Pfad aus und fügen Sie Kopien vor (Control-C> Control-F). Bringen Sie diese beiden Kopien vor (Shift-Control-]) und dann auf die Minus Front Taste aus der Pfadfinder Panel (Fenster> Pfadfinder).

Verwandeln Sie Ihre resultierende Gruppe von Formen in einen zusammengesetzten Pfad (Steuerung-8), stellen Sie die Füllfarbe auf R = 140 G = 198 B = 63, und dann zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im linken Fenster angezeigten Attribute (im folgenden Bild) ein und klicken Sie auf OK und dann erneut zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im rechten Fenster angezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 2

Erstellen Sie eine neue Kopie Ihres blauen zusammengesetzten Pfads (Control-C> Control-F), bring es nach vorne (Shift-Control-]), und ersetzen Sie die vorhandene Füllfarbe durch Weiß (R = 255 G = 255 B = 255).

Wählen Sie Ihren weißen zusammengesetzten Pfad zusammen mit dem Pfad aus dem vorherigen Schritt (den Pfad mit den Schatteneffekten) aus, und öffnen Sie das Transparenz Panel (Fenster> Transparenz) und klicken Sie darauf Maske machen Taste.

Schritt 3

Wählen Sie zusammen mit dem grünen Rechteck Ihren gelben zusammengesetzten Pfad aus und fügen Sie Kopien vor (Control-C> Control-F). Bringen Sie diese beiden Exemplare nach vorne (Shift-Control-]) und dann auf die Minus Front Taste aus der Pfadfinder Panel.

Verwandeln Sie Ihre resultierende Gruppe von Formen in einen zusammengesetzten Pfad (Steuerung-8), stellen Sie die Füllfarbe auf R = 57 G = 181 B = 74, und dann zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im linken Fenster angezeigten Attribute ein und klicken Sie auf OK und dann erneut zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im rechten Fenster angezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 4

Erstellen Sie eine neue Kopie Ihres gelben zusammengesetzten Pfads (Control-C> Control-F), bring es nach vorne (Shift-Control-]), und ersetzen Sie die vorhandene Füllfarbe durch Weiß.

Wählen Sie Ihren weißen zusammengesetzten Pfad zusammen mit dem Pfad aus dem vorherigen Schritt aus Transparenz Panel und klicken Sie darauf Maske machen Taste.

Schritt 5

Wählen Sie Ihren roten zusammengesetzten Pfad zusammen mit dem grünen Rechteck aus und fügen Sie Kopien vor (Control-C> Control-F). Bringen Sie diese beiden Exemplare nach vorne (Shift-Control-]) und dann auf die Minus Front Taste aus der Pfadfinder Panel.

Verwandeln Sie Ihre resultierende Gruppe von Formen in einen zusammengesetzten Pfad (Steuerung-8), stellen Sie die Füllfarbe auf R = 0 G = 146 B = 69, und dann zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im linken Fenster angezeigten Attribute ein und klicken Sie auf OK und dann erneut zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im rechten Fenster angezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 6

Erstellen Sie eine neue Kopie Ihres roten zusammengesetzten Pfads (Control-C> Control-F), bring es nach vorne (Shift-Control-]), und ersetzen Sie die vorhandene Füllfarbe durch Weiß.

Wählen Sie Ihren weißen zusammengesetzten Pfad zusammen mit dem Pfad aus dem vorherigen Schritt aus Transparenz Panel und klicken Sie darauf Maske machen Taste.

Schritt 7

Wählen Sie zusammen mit dem grünen Rechteck Ihren rosa zusammengesetzten Pfad aus und fügen Sie Kopien vor (Control-C> Control-F). Bringen Sie diese beiden Exemplare nach vorne (Shift-Control-]) und dann auf die Minus Front Taste aus der Pfadfinder Panel.

Verwandeln Sie Ihre resultierende Gruppe von Formen in einen zusammengesetzten Pfad (Steuerung-8), stellen Sie die Füllfarbe auf R = 0 G = 104 B = 55, und dann zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im linken Fenster angezeigten Attribute ein und klicken Sie auf OK und dann erneut zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im rechten Fenster angezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 8

Erstellen Sie eine neue Kopie Ihres rosa Verbindungspfads (Control-C> Control-F), bring es nach vorne (Shift-Control-]), und ersetzen Sie die vorhandene Füllfarbe durch Weiß.

Wählen Sie diesen weißen zusammengesetzten Pfad zusammen mit dem Pfad aus dem vorherigen Schritt aus Transparenz Panel und klicken Sie darauf Maske machen Taste.

5. So gestalten Sie Ihre zusammengesetzten Pfade

Schritt 1

Wählen Sie Ihren blauen zusammengesetzten Pfad und konzentrieren Sie sich auf den Aussehen Panel (Fenster> Aussehen). Wählen Sie die Füllung aus, ersetzen Sie die vorhandene Farbe mit R = 117 G = 181 B = 32, und dann zu Effekt> Stilisieren> Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie auf OK und dann zu Effekt> Stilisieren> Äußeres Glühen. Geben Sie die unten angezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 2

Wählen Sie Ihren gelben zusammengesetzten Pfad und konzentrieren Sie sich auf Aussehen Panel. Wählen Sie die Füllung aus, ersetzen Sie die vorhandene Farbe mit R = 57 G = 181 B = 74, und dann zu Effekt> Stilisieren> Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 3

Wählen Sie Ihren roten zusammengesetzten Pfad und konzentrieren Sie sich auf den Aussehen Panel. Wählen Sie die Füllung aus, ersetzen Sie die vorhandene Farbe mit R = 0 G = 146 B = 69, und dann zu Effekt> Stilisieren> Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf OK.

Schritt 4

Wählen Sie Ihren rosa zusammengesetzten Pfad und konzentrieren Sie sich auf Aussehen Panel. Wählen Sie die Füllung aus, ersetzen Sie die vorhandene Farbe mit R = 0 G = 104 B = 5, und dann zu Effekt> Stilisieren> Schlagschatten. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie darauf OK Taste.

Schritt 5

Stellen Sie sicher, dass Ihr dunkler zusammengesetzter Pfad weiterhin ausgewählt ist, und konzentrieren Sie sich weiterhin auf den Pfad Aussehen Panel. Fügen Sie mit der Taste eine zweite Füllung hinzu Neue Füllung hinzufügen und wählen Sie es aus. Stellen Sie die Farbe auf R = 0 G = 84 B = 35, und dann zu Effekt> Pfad> Versatzpfad. Geben Sie ein -7 px Versatz und dann auf das klicken OK Taste.

6. So fügen Sie eine Schattierung und eine subtile Textur hinzu

Schritt 1

Wähle dein grünes Quadrat aus und mache eine Kopie vor (Control-C> Control-F) und bringen sie nach vorne (Shift-Control-]).

Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, und konzentrieren Sie sich auf die Aussehen Panel. Wählen Sie die Füllung aus, ändern Sie ihre Füllung Mischmodus zu Sanftes Licht, und ersetzen Sie dann die vorhandene Farbe durch den in der folgenden Abbildung dargestellten radialen Farbverlauf. Denken Sie daran, dass die gelbe Null von der Gradient Panel (Fenster> Farbverlauf) steht für Opazität Prozentsatz.

Schritt 2

Stellen Sie sicher, dass das im vorherigen Schritt hinzugefügte Quadrat noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen und fügen Sie eine zweite Füllung hinzu Neue Füllung hinzufügen Taste.

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 10%, ändere das Mischmodus zu Sanftes Licht, und dann zu Effekt> Künstlerisch> Filmkorn. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie darauf OK Taste.

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.