So erstellen Sie einen Wrapped Ribbon-Texteffekt in Adobe Illustrator

Was Sie erstellen werden

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator einen umschlossenen Farbbandeffekt erstellen. Zunächst lernen Sie, wie Sie ein einfaches Raster einrichten und ein Textstück leicht hinzufügen und zentrieren. Als Nächstes lernen Sie mit grundlegenden Werkzeugen und Effekten sowie einigen grundlegenden Techniken zum Erstellen von Vektorformen, wie Sie ein Bündel Bandformen erstellen. 

Im weiteren Verlauf erfahren Sie, wie Sie Aktionen in Adobe Illustrator problemlos speichern und bearbeiten und wie Sie Ihre Arbeit damit vereinfachen. Schließlich lernen Sie, wie Sie mit einfachen Mischtechniken und einigen Effekten eine subtile Textur und einige Schattierungen hinzufügen.

1. Erstellen Sie ein neues Dokument und richten Sie ein Raster ein

Schlagen Control-N ein neues Dokument erstellen. Wählen Pixel von dem Einheiten Dropdown-Menü eingeben 800 in der breiten Box und 400 in der Höhe, und klicken Sie auf die Erweitert Taste. Wählen RGB, Bildschirm (72 ppi) und stellen Sie sicher, dass die Neue Objekte am Pixelraster ausrichten Das Kontrollkästchen ist deaktiviert, bevor Sie auf klicken OK.

Aktivieren Sie das Raster (Ansicht> Raster anzeigen) und der Snap to Grid (Ansicht> An Raster ausrichten). Sie werden jedes Mal ein Gitter benötigen 1 px, also geh einfach zu Bearbeiten> Voreinstellungen> Hilfslinien> Raster, und eintreten 1 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.

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. Erstellen Sie gestreiften Text

Schritt 1

Wähle das aus Schreibwerkzeug (T) und konzentrieren Sie sich auf Ihre Toolbar. Entfernen Sie die Farbe vom Strich, wählen Sie dann die Füllung aus und stellen Sie die Farbe auf R = 241 G = 90 B = 35. Gehen Sie zu Ihrer Zeichenfläche, klicken Sie darauf und fügen Sie das "BAND"Textstück. Verwenden Sie die Berlin Sans FB Demi Bold Schriftart mit der eingestellten Größe 140 px.

Wenn Sie fertig sind, müssen Sie diesen Text zentrieren, öffnen Sie also das Symbol Ausrichten Panel (Fenster> Ausrichten). Stellen Sie zunächst die Ausrichtung auf die Zeichenfläche ein (öffnen Sie das Flyout-Menü und gehen Sie zu) Optionen anzeigen wenn Sie das nicht sehen können Ausrichten auf wie in der folgenden Abbildung gezeigt) und klicken Sie dann einfach auf Horizontales Ausrichtungszentrum und Vertikales Zentrum ausrichten Tasten. Am Ende sollte Ihr Text wie in der folgenden Abbildung gezeigt in der Mitte der Zeichenfläche platziert werden.

Vergewissern Sie sich, dass es noch ausgewählt ist, gehen Sie zu Typ> Konturen erstellen (Shift-Control-O). Gruppierung aufheben die resultierende Gruppe mit der Shift-Control-G Tastaturkürzel, und verwandeln Sie dann Ihre Buchstabenformen mit Hilfe der Steuerung-8 Tastaturkürzel.

Schritt 2

Verwendung der Rechteckwerkzeug (M), ein ... kreieren 511 x 5 px Form, platzieren Sie es wie im ersten Bild gezeigt und wählen Sie ein zufälliges Blau für die Füllfarbe. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, und wechseln Sie zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Vertikal verschieben Schieberegler auf 8 px, eingeben 11 in dem Kopien Box und dann die OK Taste.

Schritt 3

Stellen Sie sicher, dass Ihre blaue Form noch ausgewählt ist, und wechseln Sie zu Objekt> Darstellung erweitern und verwandeln Sie dann die resultierende Gruppe von Formen in einen einfachen zusammengesetzten Pfad Steuerung-8 Tastaturkürzel.

Wählen Sie beide zusammengesetzten Pfade aus, öffnen Sie das Pfadfinder Panel (Fenster> Pfadfinder) und klicken Sie auf Sich schneiden Taste. Gruppierung aufheben (Shift-Control-G) die resultierende Gruppe und verwandeln dann alle diese blauen Formen in einen neuen zusammengesetzten Pfad (Steuerung-8).

Schritt 4

Nun müssen Sie einige der blauen Formen anpassen, aus denen Ihr Text besteht. Verwendung der Rechteckwerkzeug (M), Fügen Sie einige einfache Rechtecke in den Bereichen hinzu, die im folgenden Bild hervorgehoben sind. Wenn Sie fertig sind, wählen Sie alle neuen Formen aus und verwandeln Sie sie in einen zusammengesetzten Pfad Steuerung-8 Tastaturkürzel.

Schritt 5

Deaktivieren Sie das Raster (Steuerung-') und der Snap to Grid (Shift-Control- '). Wählen Sie beide zusammengesetzten Pfade erneut aus und klicken Sie auf Vereinen Taste aus der Pfadfinder Panel. Am Ende sollten Ihre blauen Formen wie das zweite Bild aussehen.

3. Passen Sie Ihren gestreiften Text an

Schritt 1

Für diesen Schritt müssen Sie Ihre blauen Formen genauer betrachten und die unnötigen Ankerpunkte entfernen.

Wähle das aus Ankerpunktwerkzeug löschen (-) Klicken Sie einfach auf die Ankerpunkte, die Sie entfernen möchten. Sehen Sie sich jede Form genau an und stellen Sie nach Möglichkeit sicher, dass Ihre Form nicht mehr als vier Ankerpunkte hat.

Schritt 2

Werfen Sie einen Blick in Ihre Schichten Panel (Fenster> Ebenen) und stellen Sie sicher, dass Ihre blauen Formen gruppiert sind. Wählen Sie diese Gruppe 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 Taste.

Schritt 3

Stellen Sie sicher, dass Ihre Gruppe von blauen Formen noch ausgewählt ist, und wechseln Sie zu Objekt> Darstellung erweitern. Wählen Sie die resultierende Gruppe und Gruppierung aufheben es mit der Shift-Control-G Tastaturkürzel. Sie müssen diesen Befehl zweimal drücken, um alle diese Gruppen und Untergruppen loszuwerden.

Wenn Sie fertig sind, wählen Sie alle Ihre blauen Formen aus und gehen Sie zu Effekt> Warp> Arch. Geben Sie die unten gezeigten Eigenschaften ein und klicken Sie auf OK Taste und dann los Effekt> Warp> Flag. Geben Sie die Attribute ein, die im folgenden Bild gezeigt werden, und drücken Sie die OK Taste und dann zu Objekt> Darstellung erweitern.

Schritt 4

Duplizieren Sie einige Ihrer blauen Formen und verteilen Sie die Kopien grob wie in den folgenden Bildern dargestellt.

4. Speichern Sie die erste Aktion

Schritt 1

Öffne das Aktionen (Fenster> Aktionen) und klick einfach auf die Neues Set erstellen Schaltfläche, um einen neuen Satz von Aktionen zu erstellen. Nennen Sie es "Menübandaktionen".

Schritt 2

Nun lassen Sie uns die ersten Aktionen erstellen. Sie müssen in diesen Schritten etwas vorsichtiger sein und die Anweisungen genau befolgen, um sicherzustellen, dass Sie die richtigen Befehle aufzeichnen. 

Konzentrieren Sie sich auf eine Ihrer blauen Formen, wählen Sie sie aus, konzentrieren Sie sich auf die Aktionen Panel und drücken Sie die Neue Aktion erstellen Taste. Nennen Sie es "Schwarz 1", wählen F2 Wählen Sie für die Tastenkombination Rot für die Farbe und drücken Sie dann die Aufzeichnung Taste. 

Konzentrieren Sie sich weiter auf Ihre ausgewählte Form und erstellen Sie eine Kopie vor (Control-C> Control-F). Stellen Sie sicher, dass nur die neu erstellte Kopie ausgewählt ist, und ersetzen Sie die vorhandene Füllfarbe mit R = 255 G = 123 B = 172.

Schritt 3

Stellen Sie sicher, dass Ihre rosa Form noch ausgewählt ist, und gehen Sie zu Objekt> Transformieren> Verschieben. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf Kopieren und stellen Sie sicher, dass die resultierende Form ausgewählt bleibt. Gehen Sie als Nächstes zu Wählen Sie> Gleich> Füllfarbe Wählen Sie beide Pick-Shapes aus und klicken Sie auf die Minus Front Taste aus der Pfadfinder Panel.

Schritt 4

Stellen Sie sicher, dass die im vorherigen Schritt erstellte dünne Form noch ausgewählt ist, und konzentrieren Sie sich auf die Aussehen Panel (Fenster> Aussehen). Ersetzen Sie die vorhandene Füllfarbe durch Schwarz Opazität zu 50% und ändern Sie die Mischmodus zu Sanftes Licht

Zum Schluss kehren Sie zum zurück Aktionen Panel, einfach das schlagen Höre auf, aufzunehmen Taste und Sie haben Ihre erste Aktion.

Schritt 5

Wählen Sie eine Ihrer anderen blauen Formen aus, drücken Sie einfach die F2 Taste von Ihrer Tastatur und Ihrem "Schwarz 1"action wird die Arbeit für Sie erledigen. Wählen Sie die restlichen Formen einzeln aus und wiederholen Sie diese Technik.

5. Speichern Sie vier weitere Aktionen

Schritt 1

Wählen Sie eine Ihrer blauen Formen erneut aus und kehren Sie zu der zurück Aktionen Panel und drück das nochmal Neue Aktion erstellen Schaltfläche, um eine zweite Aktion zu erstellen. Nennen Sie es "Schwarz 2", wählen F3 Wählen Sie für die Tastenkombination Rot für die Farbe und drücken Sie dann die Aufzeichnung Taste.

Konzentrieren Sie sich weiter auf Ihre ausgewählte Form und erstellen Sie eine Kopie vor (Control-C> Control-F). Wählen Sie die Kopie aus und ersetzen Sie die vorhandene Füllfarbe mit R = 255 G = 0 B = 255, und dann zu Objekt> Transformieren> Verschieben. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf Kopieren Taste.

Stellen Sie sicher, dass die neu erstellte Form ausgewählt ist, und wechseln Sie zu Wählen Sie> Gleich> Füllfarbe Wählen Sie beide Magenta-Formen aus und klicken Sie auf die Minus Front Taste aus der Pfadfinder Panel. Stellen Sie sicher, dass die resultierende Form ausgewählt bleibt, und konzentrieren Sie sich auf die Aussehen Panel. Ersetzen Sie die vorhandene Füllfarbe durch Schwarz Opazität zu 10% und ändern Sie die Mischmodus zu Sanftes Licht.

Zum Schluss kehren Sie zum zurück Aktionen Panel, einfach das schlagen Höre auf, aufzunehmen Taste und Sie haben Ihre zweite Aktion.

Schritt 2

Wählen Sie die restlichen blauen Formen nacheinander aus und verwenden Sie die F3 Tastenkombination zum einfachen Spielen der "Schwarz 2" Aktion.

Schritt 3

Wählen Sie eine Ihrer kurzen blauen Formen erneut aus, und kehren Sie zur Aktionen Panel und schlagen Sie das Neue Aktion erstellen Schaltfläche erneut, um eine dritte Aktion zu erstellen. Nennen Sie es "Weiß 1 S", wählen F4 Wählen Sie für die Tastenkombination grün für die Farbe und drücken Sie dann die Aufzeichnung Taste.

Konzentrieren Sie sich weiter auf Ihre ausgewählte Form und erstellen Sie eine Kopie vor (Control-C> Control-F). Wählen Sie die Kopie aus und ersetzen Sie die vorhandene Füllfarbe mit R = 34 G = 181 B = 115 und dann zu Objekt> Transformieren> Drehen. Stellen Sie das ein Winkel zu -25 Grad und klicken Sie dann auf Kopieren Taste.

Stellen Sie sicher, dass die neu erstellte Form ausgewählt ist, und wechseln Sie zu Wählen Sie> Gleich> Füllfarbe Wählen Sie beide grünen Formen aus und klicken Sie auf die Sich schneiden Taste aus der Pfadfinder Panel. Stellen Sie sicher, dass die resultierende Form ausgewählt bleibt, und konzentrieren Sie sich auf die Aussehen Panel. Ersetzen Sie die vorhandene Füllfarbe durch Weiß, senken Sie die Opazität zu 25% und ändern Sie die Mischmodus zu Sanftes Licht.

Zum Schluss kehren Sie zum zurück Aktionen Panel, einfach das schlagen Höre auf, aufzunehmen Taste und Sie haben Ihre dritte Aktion.

Schritt 4

Stellen Sie sicher, dass Ihr "Weiß 1 Smsgstr "" "Aktion ausgewählt ist, öffnen Sie das Flyout - Menü der Aktionen Panel und gehen Sie zu Duplikat. Umbenennen der neu hinzugefügten Aktion "Weiß 1 L"und erweitern Sie es so, dass Sie alle registrierten Befehle sehen können.

Stellen Sie sicher, dass eine Ihrer blauen Formen ausgewählt ist, und doppelklicken Sie darauf Drehen Befehl, der in Ihrem liegt "Weiß 1 L"Aktion, um es zu bearbeiten Winkel zu -15 Grad und klicken Sie dann auf Kopieren Taste. Kehre zu deiner Zeichenfläche zurück und entferne die neu gemachte Form.

Schritt 5

Konzentrieren Sie sich weiterhin auf das Aktionsfeld, doppelklicken Sie aufWeiß 1 L"Aktion und stellen Sie die Tastenkombination auf F5. Wählen Sie eine Ihrer langen blauen Formen aus und verwenden Sie diese Tastenkombination, um auf einfache Weise eine Markierung wie im zweiten Bild hinzuzufügen.

Schritt 6

Wählen Sie die restlichen blauen Formen nacheinander aus und verwenden Sie die "Weiß 1 S" Aktion (F4) für die kurzen und die "Weiß 1 L" Aktion (F5) für die langen.

Schritt 7

Wählen Sie eine Ihrer kurzen blauen Formen erneut aus, und kehren Sie zur Aktionen Panel und schlagen Sie das Neue Aktion erstellen Taste erneut, um eine weitere Aktion zu speichern. Nennen Sie es "Weiß 2", wählen F6 Wählen Sie für die Tastenkombination Blau für die Farbe und drücken Sie dann die Aufzeichnung Taste.

Konzentrieren Sie sich weiter auf Ihre ausgewählte Form und erstellen Sie eine Kopie vor (Control-C> Control-F). Wählen Sie die Kopie aus und ersetzen Sie die vorhandene Füllfarbe mit R = 140 G = 98 B = 57 und dann zu Objekt> Transformieren> Verschieben. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf Kopieren Taste.

Vergewissern Sie sich, dass Ihre neu erstellte Form ausgewählt ist, und fahren Sie mit fort Wählen Sie> Gleich> Füllfarbe Wählen Sie beide braunen Formen aus und klicken Sie auf die Minus Front Taste aus der Pfadfinder Panel. Stellen Sie sicher, dass die resultierende Form ausgewählt bleibt, und konzentrieren Sie sich auf die Aussehen Panel. Ersetzen Sie die vorhandene Füllfarbe durch Weiß, senken Sie die Opazität zu 40% und ändern Sie die Mischmodus zu Überlagerung.

Zum Schluss kehren Sie zum zurück Aktionen Panel, einfach das schlagen Höre auf, aufzunehmen Taste und Sie haben Ihre letzte Aktion.

Schritt 8

Wählen Sie die restlichen blauen Formen nacheinander aus und verwenden Sie die F6 Tastenkombination, um das einfach zu spielen "Weiß 2" Aktion.

Öffnen Sie das Flyout-Menü von Aktionen Panel und gehen Sie zu Tastenmodus wenn Sie die Verwendung der Farben verstehen möchten, die Sie für Ihre gespeicherten Aktionen ausgewählt haben.

6. Erstellen Sie die hinteren Teile

Schritt 1

Aktivieren Sie die Smart Guides (Control-U) und konzentrieren Sie sich dann auf die Schichten Panel (Fenster> Ebenen).

Doppelklicken Sie auf die vorhandene Ebene und benennen Sie sie "VORDERSEITE". Fügen Sie eine zweite Ebene mit der Neue Ebene hinzufügen Knopf und benennen Sie es "ZURÜCK". Stellen Sie sicher, dass es ausgewählt bleibt und ziehen Sie es unterVORDERSEITE"Schicht.

Konzentrieren Sie sich auf die blauen Formen oben rechts, die denN"Brief. Mit dem Stiftwerkzeug (P), Zeichnen Sie eine einfache, schräge Form, die die obere blaue Form mit der darunter liegenden verbindet. Das Smart Guides Feature wird die Sache für Sie viel einfacher machen. Sobald Sie diese Form haben, setzen Sie die Füllfarbe auf R = 7 G = 80 B = 120.

Schritt 2

Wiederholen Sie die im vorherigen Schritt erwähnte Technik, und fügen Sie eine Reihe neuer Formen hinzu, die Ihre blauen Formen in etwa verbinden, wie in den folgenden Bildern gezeigt.

Schritt 3

Fügen Sie mit demselben Werkzeug und derselben Farbe einen Satz wellenförmiger Formen hinzu, die die gestreuten blauen Formen mit den Hauptformen verbinden, wie in der folgenden Abbildung dargestellt.

7. Fügen Sie eine subtile Textur und einen einfachen Schatten hinzu

Schritt 1

Konzentriere dich auf den Schichten Panel, duplizieren Sie Ihre "ZURÜCK"Ebene, wählen Sie die Kopie aus, benennen Sie sie um"TEXTUR"und ziehen Sie es an den oberen Rand des Bedienfelds. Duplizieren Sie alle blauen Formen, die in Ihrem Bereich liegen."VORDERSEITE"Ebene, wählen Sie die Kopien aus und ziehen Sie sie in die"TEXTUR"Schicht.

Schritt 2

Wählen Sie erneut alle Formen aus, die in IhremTEXTUR"und klicken Sie auf die Vereinen Taste aus der Pfadfinder Panel. Verwandeln Sie die resultierende Gruppe von Formen in einen zusammengesetzten Pfad (Steuerung-8), stellen Sie sicher, dass es ausgewählt bleibt, konzentrieren Sie sich auf die Aussehen und ersetzen Sie die vorhandene Füllfarbe durch Schwarz.

Schritt 3

Stellen Sie sicher, dass Ihr schwarzer Compound-Pfad ausgewählt bleibt, und konzentrieren Sie sich auf den Pfad Aussehen Panel. Senken Sie die 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 auf OK Taste.

Schritt 4

Konzentriere dich auf den Schichten Panel, duplizieren Sie Ihre "TEXTUR"Ebene, wählen Sie die Kopie aus, benennen Sie sie um"SCHATTEN"und ziehen Sie es an den unteren Rand des Panels.

Wählen Sie den zusammengesetzten Pfad aus, der in Ihrem "SCHATTEN"Schicht und Fokus auf der Aussehen Panel.

Werd das Los Filmkorn Wirkung, stellen Sie das wieder her Mischmodus zu Normal und erhöhen die Opazität zurück zu 100%. Ersetzen Sie die vorhandene Füllfarbe mit R = 7 G = 80 B = 120 und dann zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im linken Fenster angezeigten Attribute (im folgenden Bild) ein und klicken Sie auf OK Taste und dann weiter zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im rechten Fenster angezeigten Eigenschaften ein und drücken Sie dann die 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.