Erstellen Sie eine Farbroller-Illustration mit einem grungigen Paint-Text-Effekt

German (Deutsch) translation by Władysław Łucyszyn (you can also view the original English article)

Im folgenden Tutorial erfahren Sie, wie Sie eine Farbroller-Illustration mit einem schmuddeligen Maltexteffekt erstellen. Wir werden bewährte pixelgenaue Vektorerstellungsmethoden verwenden, Beleuchtungs- und Deckkrafteffekte hinzufügen und Raster-Grunge-Effekte in Vektorpfaden verfolgen. Erfahren Sie in jedem Schritt, wie Sie diesen Farbrollentext-Effekt erstellen.

Schritt 1

Drücken Sie Befehlstaste + N, um ein neues Dokument zu erstellen. Geben Sie 1350 in das Feld Breite und 1000 in das Feld Höhe ein und klicken Sie auf die Schaltfläche Erweitert. Wählen Sie RGB, Bildschirm (72ppi) und stellen Sie sicher, dass das Kontrollkästchen Neue Objekte an Pixelraster ausrichten deaktiviert ist, bevor Sie auf OK klicken. Aktivieren Sie nun das Raster (Ansicht > Raster) und das Raster am Raster (Ansicht > Am Raster ausrichten).

Als nächstes benötigen Sie alle 1 Pixel ein Raster. Gehen Sie zu Bearbeiten > Einstellungen > Hilfslinien und Raster, geben Sie 1 in das Feld Rasterlinie und 1 in das Feld Unterteilungen ein. Sie können auch das Infofenster (Fenster > Info) für eine Live-Vorschau mit der Größe und Position Ihrer Formen öffnen. Vergessen Sie nicht, die Maßeinheit unter Bearbeiten > Einstellungen > Einheit > Allgemein auf Pixel einzustellen. All diese Optionen erhöhen Ihre Arbeitsgeschwindigkeit erheblich.

Schritt 2

Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie fünf 25 x 1 Pixel große Formen, platzieren Sie sie untereinander und füllen Sie sie mit den unten gezeigten Farben. Wählen Sie alle diese Pfade aus und wechseln Sie zum Pinselbedienfeld (Fenster > Pinsel). Öffnen Sie das Flyout-Menü, klicken Sie auf Neuer Pinsel, aktivieren Sie die Schaltfläche Musterpinsel und klicken Sie auf OK.

Das Fenster Musterpinseloptionen sollte sich öffnen. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK und Sie finden Ihren neuen Musterpinsel im Pinselbedienfeld. Wählen Sie diese sieben grauen Rechtecke erneut aus und löschen Sie sie aus dem Layerbedienfeld. Die werden Sie nicht mehr brauchen.

Schritt 3

Für den folgenden Schritt benötigen Sie alle 5 Pixel ein Raster. Gehen Sie also zu Bearbeiten > Einstellungen > Hilfslinien und Raster und geben Sie in jedes Feld 5 in die Rasterlinie ein. Greifen Sie mit dem Stiftwerkzeug (P) und zeichnen Sie einen einfachen Pfad wie den im folgenden Bild gezeigten schwarzen.

Keine Sorge, der Snap to Grid erleichtert Ihnen die Arbeit. Wechseln Sie zum Rechteck-Werkzeug (M), erstellen Sie eine 110 x 30 Pixel große Form und füllen Sie sie mit R=240, G=240, B=240. Erstellen Sie nun eine 20 x 60 Pixel große Form und füllen Sie sie mit R=62 G=143 B=209. Platzieren Sie diese beiden Rechtecke wie unten gezeigt. Auch hier erleichtert das Einrasten am Raster Ihre Arbeit.

Schritt 4

Wählen Sie den im vorherigen Schritt erstellten schwarzen Pfad erneut aus und wechseln Sie zum Darstellung-Bedienfeld. Stellen Sie sicher, dass für die Füllung keine Farbe festgelegt ist, und wählen Sie dann den Strich aus. Gehen Sie zum Pinselbedienfeld, klicken Sie auf Ihren Musterpinsel und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 2 Pixel ein und klicken Sie auf OK.

Schritt 5

Kehren Sie zu "Gitterlinie alle 1 Pixel" zurück. Gehen Sie also zu Bearbeiten > Einstellungen > Hilfslinien und Raster und geben Sie in jedes Feld 1 in die Rasterlinie ein. Konzentrieren Sie sich auf die blaue Form und wählen Sie das Direktauswahl-Werkzeug (A). Wählen Sie den oberen linken Ankerpunkt aus und verschieben Sie ihn um 2 Pixel nach rechts. Wählen Sie dann den oberen rechten Ankerpunkt aus und verschieben Sie ihn um 2 Pixel nach links. Die resultierende Form sollte wie im zweiten Bild aussehen.

Schritt 6

Wählen Sie die blaue Form erneut aus und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 3 Pixel ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Bogen niedriger. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern.

Schritt 7

Deaktivieren Sie die Option Am Raster ausrichten (Ansicht > Am Raster ausrichten), gehen Sie zu Bearbeiten > Einstellungen > Allgemein und stellen Sie sicher, dass das Tastaturinkrement auf 1 Pixel eingestellt ist. Wählen Sie die blaue Form erneut aus und gehen Sie zu Effekt > Pfad > Versatzpfad. Geben Sie einen Versatz von -1,5 Pixel ein und klicken Sie auf OK.

Füllen Sie die resultierende Form mit Weiß und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F). Wählen Sie diese Kopie aus und klicken Sie zweimal auf den Rechtspfeil. Wählen Sie beide weißen Formen erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Wählen Sie die resultierende Form aus und verringern Sie die Deckkraft auf 30%.

Schritt 8

Wählen Sie die blaue Form erneut aus und gehen Sie zu Effekt > Pfad > Versatzpfad. Geben Sie einen Versatz von -1,5 Pixel ein und klicken Sie auf OK. Füllen Sie die resultierende Form erneut mit Weiß und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F). Wählen Sie diese Kopie aus und klicken Sie zweimal auf den Pfeil nach links. Wählen Sie beide weißen Formen erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Wählen Sie die resultierende Form aus und verringern Sie die Deckkraft auf 30%.

Schritt 9

Aktivieren Sie das Raster am Raster erneut (Ansicht > Am Raster ausrichten). Wählen Sie das Ellipsen-Werkzeug (L), erstellen Sie einen 4-Pixel-Kreis und platzieren Sie ihn wie im ersten Bild gezeigt. Wählen Sie es zusammen mit der blauen Form aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front.

Schritt 10

Wählen Sie die blaue Form erneut aus, konzentrieren Sie sich auf das Darstellung-Bedienfeld und klicken Sie einfach auf die Schaltfläche Neue Füllung hinzufügen. Es ist das kleine weiße Quadrat am unteren Rand des Darstellung-Bedienfelds. Dies fügt natürlich eine neue Füllung für Ihre Form hinzu.

Wählen Sie es im Bedienfeld „Darstellung“ aus, verringern Sie die Deckkraft auf 30% und verwenden Sie den im folgenden Bild gezeigten linearen Farbverlauf. Die gelbe Null aus dem Verlaufsbild steht für den Deckkraftprozentsatz. Stellen Sie sicher, dass diese neue Füllung noch ausgewählt ist, und gehen Sie zu Effekt > Pfad > Versatzpfad. Geben Sie einen Versatz von -1,5 Pixel ein und klicken Sie auf OK.

Schritt 11

Wählen Sie die blaue Form und einen ersten Strich erneut aus. Machen Sie es 1,5pt breit, richten Sie es nach innen aus und stellen Sie seine Farbe auf R=153, G=200, B=220 ein. Stellen Sie sicher, dass diese Form noch ausgewählt ist, und klicken Sie unten im Darstellung-Bedienfeld auf die Schaltfläche Neuen Strich hinzufügen. Wählen Sie diesen neuen Schornstein aus, machen Sie ihn 0,75pt breit, richten Sie ihn nach innen aus und stellen Sie seine Farbe auf R=32, G=93, B=153 ein.

Schritt 12

Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie eine 5 x 6 Pixel große Form und eine 6 x 3 Pixel große Form und platzieren Sie sie wie unten gezeigt. Wählen Sie die obere Form aus und gehen Sie zu Effekt > Verziehen > Bogen niedriger. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern. Wählen Sie die untere Form aus und gehen Sie zu Effekt > Verziehen > Bogen oben. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern.

Schritt 13

Wählen Sie den Pfad mit dem Musterpinsel erneut aus und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F). Wählen Sie diese Kopie aus und gehen Sie zu Objekt > Darstellung erweitern. Wählen Sie die resultierende Gruppe von Formen aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vereinigen. Duplizieren Sie den resultierenden Pfad (Befehl + C > Befehl + F).

Schritt 14

Wählen Sie die im zwölften Schritt erstellte obere Form zusammen mit einer der im vorherigen Schritt erstellten Formen aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Überschneiden. Füllen Sie die resultierende Form mit Schwarz und senken Sie die Deckkraft auf 15%. Wählen Sie die im zwölften Schritt erstellte untere Form zusammen mit der im vorherigen Schritt erstellten verbleibenden Form aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Überschneiden. Füllen Sie die resultierende Form mit Schwarz und senken Sie die Deckkraft auf 20%.

Schritt 15

Gehen Sie zum grauen Rechteck. Wählen Sie es aus und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 2 Pixel ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Ausbuchtung. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern.

Schritt 16

Wählen Sie die im vorherigen Schritt bearbeitete Form erneut aus und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die Füllung aus und ersetzen Sie die flache Farbe durch den unten gezeigten linearen Farbverlauf. Stellen Sie sicher, dass diese Füllung noch ausgewählt ist, und gehen Sie zu Effekt > Stilisieren > Inneres Leuchten. Geben Sie die unten gezeigten Daten ein und klicken Sie auf OK.

Schritt 17

Wählen Sie die im vorherigen Schritt bearbeitete Form erneut aus, fügen Sie eine neue Füllung hinzu und wählen Sie sie im Darstellung-Bedienfeld aus. Stellen Sie die Farbe auf R=240, G=240, B=240 ein. Verringern Sie nun die Deckkraft auf 10%, ändern Sie den Mischmodus auf Multiplizieren und gehen Sie zu Effekt > Künstlerisch > Schwamm. Geben Sie die unten gezeigten Daten ein und klicken Sie auf OK.

Schritt 18

Wählen Sie die im vorherigen Schritt bearbeitete Form erneut aus und fügen Sie den ersten Strich hinzu. Machen Sie es 1,5pt breit, richten Sie es nach innen aus und stellen Sie seine Farbe auf R=240, G=240, B=240 ein. Wählen Sie es im Bedienfeld „Darstellung“ aus und gehen Sie zu Effekt > Verzerren und Transformieren > Aufrauen. Geben Sie die unten gezeigten Daten ein und klicken Sie auf OK.

Stellen Sie sicher, dass dieser Strich noch ausgewählt ist, und klicken Sie auf die Schaltfläche Ausgewähltes Element duplizieren. Es ist das kleine Dateisymbol am unteren Rand des Darstellung-Bedienfelds. Dies fügt natürlich eine Kopie des ausgewählten Stokes hinzu. Wählen Sie es aus, verringern Sie die Größe auf 0,75pt und stellen Sie die Farbe auf R=209, G=211, B=212 ein.

Schritt 19

Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie zwei 3 x 8 Pixel große Formen und platzieren Sie sie wie in der folgenden Abbildung gezeigt. Wählen Sie beide Formen aus und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 1 Pixel ein und klicken Sie auf OK.

Wählen Sie nur die linke Form aus und gehen Sie zu Effekt > Verziehen > Bogen oben. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern. Wählen Sie das rechte Rechteck aus und gehen Sie zu Effekt > Veziehen > Bogen niedrieger. Geben Sie erneut die unten gezeigten Daten ein, klicken Sie auf OK und wenden Sie Objekt > Darstellung erweitern an.

Schritt 20

Wählen Sie die beiden im vorherigen Schritt erstellten Formen erneut aus, füllen Sie sie mit R=230, G=231, B=232 und fügen Sie einen 0,75-Punkt-Stoke hinzu. Richten Sie es nach innen aus und stellen Sie seine Farbe auf R=147, G=149, B=152 ein. Gehen Sie zum Layerbedienfeld und ziehen Sie diese beiden Formen unter die große, abgerundete Form. Am Ende sollte es wie das zweite Bild aussehen.

Schritt 21

Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie eine 12 x 3 Pixel große Form und platzieren Sie sie wie in der folgenden Abbildung gezeigt. Füllen Sie es mit R=230, G=231, B=232 und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 1 Pixel ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Bogen oben. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK und wenden Sie Objekt > Darstellung erweitern an.

Schritt 22

Wählen Sie die im vorherigen Schritt erstellte Form erneut aus und fügen Sie einen Strich von 0,75pt hinzu. Stellen Sie die Farbe auf R=147, G=149, B=152 ein und richten Sie sie nach innen aus.

Schritt 23

Wählen Sie alle bisher erstellten Formen aus und gruppieren Sie sie (Befehl + G). Wählen Sie diese neue Gruppe aus und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die unten gezeigten Daten ein und klicken Sie auf OK.

Schritt 24

Wählen Sie die im vorherigen Schritt erstellte Gruppe erneut aus und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F). Konzentrieren Sie sich auf diese neue Gruppe und ändern Sie die Farbe des Griffs. Ersetzen Sie die vorhandenen Eigenschaften durch die in der folgenden Abbildung gezeigten.

Schritt 25

Fahren wir mit dem Hintergrund fort. Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie eine Form in der Größe Ihrer Zeichenfläche und füllen Sie sie mit dem unten gezeigten radialen Farbverlauf. Die weiße Zahl aus dem Verlaufsbild steht für den prozentualen Standort. Dies bedeutet, dass Sie das kleine Diamantsymbol auswählen und auf Position: 65% ziehen müssen.

Schritt 26

Wählen Sie das im vorherigen Schritt erstellte Rechteck erneut aus, fügen Sie eine neue Füllung hinzu und machen Sie es schwarz. Wählen Sie es im Darstellung-Bedienfeld aus, verringern Sie die Deckkraft auf 20%, ändern Sie den Mischmodus auf Multiplizieren und gehen Sie zu Effekt > Skizze > Notizpapier. Geben Sie die unten gezeigten Daten ein und klicken Sie auf OK.

Schritt 27

Wählen Sie erneut die im vorherigen Schritt erstellte Form aus und fügen Sie eine dritte Füllung hinzu. Wählen Sie im Darstellung-Bedienfeld aus, ob die Deckkraft auf 10% gesenkt, der Mischmodus auf Multiplizieren geändert und der unten gezeigte radiale Farbverlauf verwendet werden soll.

Schritt 28

Wähle das Stiftwerkzeug (P) und zeichne einige einfache Linien, aus denen dein Text besteht. Wählen Sie diese Pfade aus, entfernen Sie die Farbe aus der Füllung, fügen Sie einen weißen Strich mit 110 Pixel hinzu und gehen Sie dann zu Objekt > Pfad > Konturstrich. Dadurch wird der Strich erweitert. Wechseln Sie zum Layerbedienfeld, konzentrieren Sie sich auf diese neuen Formen und geben Sie ihnen einen Namen. In den späteren Schritten können Sie sie leichter finden.

Schritt 29

Drehen Sie die Farbrollergruppen und platzieren Sie sie wie in der folgenden Abbildung gezeigt.

Schritt 30

Konzentrieren wir uns auf eine der weißen Formen. Ich werde mit dem "T2" beginnen. Wählen Sie es aus, wechseln Sie zum Darstellung-Bedienfeld und entfernen Sie die Farbe aus der Füllung. Erstellen Sie eine Kopie dieses Pfads, wählen Sie ihn aus und füllen Sie ihn mit Schwarz.

Schritt 31

Wählen Sie die im vorherigen Schritt erstellte schwarze Form erneut aus und gehen Sie zu Effekt > Pinselstrich > Sprühstrich. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern.

Schritt 32

Wählen Sie den im vorherigen Schritt erstellten Pfad erneut aus. Gehen Sie zuerst zu Objekt > Live > Trace > Erstellen und dann zu Objekt > Live-Trace > Verfolgungsoptionen. Geben Sie die unten gezeigten Zahlen ein, stellen Sie sicher, dass das Kontrollkästchen Weiß ignorieren aktiviert ist, und klicken Sie auf Verfolgen.

Schritt 33

Wählen Sie die im vorherigen Schritt bearbeitete Form erneut aus und gehen Sie zu Objekt > Live Trace > Erweitern. Wählen Sie die resultierende Gruppe von Formen aus und gehen Sie zu Objekt > Zusammengesetzter Pfad > Erstellen.

Schritt 34

Wählen Sie erneut "T2" und erstellen Sie eine neue Kopie (Befehl + C > Befehl + F). Füllen Sie diese Kopie mit Weiß, wählen Sie dann den im vorherigen Schritt erstellten zusammengesetzten Pfad aus und füllen Sie ihn mit R=35, G=31, B=32.

Schritt 35

Wählen Sie die beiden im vorherigen Schritt bearbeiteten Pfade erneut aus und wechseln Sie zum Transparenzbedienfeld (Fenster > Transparenz). Öffnen Sie das Flyout-Menü, klicken Sie auf Deckkraftmaske erstellen und deaktivieren Sie das Kontrollkästchen Clip. Wählen Sie diese maskierte Form erneut aus und gehen Sie zu Effekt > Unschärfe > Gaußsche Unschärfe. Geben Sie einen Radius von 1 Pixel ein und klicken Sie auf OK.

Schritt 36

Wählen Sie "T2" erneut aus, erstellen Sie eine neue Kopie vor (Befehl + C > Befehl + F) und bringen Sie sie nach vorne (Umschalt + Befehl +]). Füllen Sie es mit Schwarz und gehen Sie zu Effekt > Skizze > Notizpapier. Geben Sie die unten gezeigten Daten ein und klicken Sie auf OK.

Schritt 37

Schritt 38

Wählen Sie die im vorherigen Schritt bearbeitete Form erneut aus und gehen Sie zu Objekt > Live Trace > Erweitern. Wählen Sie die resultierende Gruppe von Formen aus und wenden Sie Objekt > Zusammengesetzter Pfad > Erstellen an.

Schritt 39

Schritt 40

Schritt 41

Wählen Sie "T2" erneut aus, bringen Sie es nach vorne (Umschalt + Befehl + rechte Klammer) und füllen Sie es mit dem unten gezeigten linearen Farbverlauf. Verringern Sie die Deckkraft auf 30% und gehen Sie zu Effekt > Unschärfe > Gaußsche Unschärfe. Geben Sie einen Radius von 1 Pixel ein und klicken Sie auf OK.

Schritt 42

Wählen Sie die beiden maskierten Formen erneut aus, verringern Sie ihre Deckkraft auf 60%, wählen Sie sie aus (zusammen mit der im vorherigen Schritt bearbeiteten Form) und gruppieren Sie sie (Befehl + G).

Schritt 43

Konzentrieren Sie sich auf die "V2"-Form und wiederholen Sie die in den letzten dreizehn Schritten verwendeten Techniken.

Schritt 44

Verwenden Sie die gleichen Techniken für die "T1"-Form. Der einzige Unterschied besteht darin, dass Sie die letzte Gruppe maskieren müssen. Erstellen Sie eine Kopie von "T1" und ziehen Sie sie über die Gruppe (im Layerbedienfeld). Füllen Sie es mit dem unten gezeigten linearen Farbverlauf und gehen Sie zu Effekt > Unschärfe > Gaußsche Unschärfe. Geben Sie einen Radius von 1 Pixel ein und klicken Sie auf OK.

Schritt 45

Wählen Sie die im vorherigen Schritt erstellte Form zusammen mit der Gruppe "T1" aus und wechseln Sie zum Bedienfeld Transparenz. Öffnen Sie das Flyout-Menü und klicken Sie auf Deckkraftmaske erstellen. Am Ende sollte Ihre Gruppe wie das zweite gezeigte Bild aussehen.

Schritt 46

Wechseln Sie zur Form "V1", wiederholen Sie die in den vorherigen Schritten genannten Techniken, und fertig.

Abschluss

Jetzt ist Ihre Arbeit erledigt. So sollte es aussehen.