Wie verwenden Sie Scribble-Effekte in Illustrator

Es gibt einige Illustrator-Tools, die viele von uns noch nie verwendet haben, was verständlich ist. Wir haben oft einen Workflow, den wir für effizient befunden haben, und bleiben dabei. Gelegentlich ist es jedoch eine gute Idee, Illustrator aufzubrechen und einige seiner nicht ausreichend genutzten Funktionen zu betrachten. Kritzeleffekte sind einen Blick wert, da sie eine schnelle Möglichkeit sind, Ihren Designs Textur und ein bisschen Persönlichkeit zu verleihen.

Die hinzugefügte Textur ähnelt dem Namen des Effekts (Kritzeleien), es gibt jedoch eine große Varianz, die Sie steuern können, und Sie können auch ein zufälliges Gefühl hinzufügen. Schauen wir uns einmal genauer an, wie Sie diesen Effekt nutzen und wie Sie damit kreativ werden können!

Endgültige Bildvorschau

Im Folgenden finden Sie eines der Designs aus dem letzten Satz von Photoshop-Pinseln, auf das wir in diesem Lernprogramm hinarbeiten werden, nachdem erläutert wurde, wie der Scribble-Effekt in Illustrator funktioniert. Möchten Sie Zugriff auf die vollständigen Vektorquelldateien (und die ABR-Pinseldatei) sowie auf herunterladbare Kopien aller Lernprogramme, einschließlich dieses? Treten Sie Vector Plus für nur 9 $ pro Monat bei.

Tutorial Details

• Programm: Adobe Illustrator CS4
• Programm: Adobe Photoshop CS4
• Schwierigkeit: Anfänger - Mittelstufe
• Geschätzte Fertigstellungszeit: 1 Stunde

Einführung

In diesem Tutorial werden wir uns alle Optionen im Scribble-Effekt-Menü genauer ansehen. Dann zeige ich Ihnen, wie Sie es auf ein rechteckiges Design und ein einfaches Blumenmuster anwenden können. Ich werde Ihnen sogar zeigen, wie Sie eine Reihe von Photoshop-Pinseln erstellen, die diesen Effekt verwenden.

Da der Scribble-Effekt interessante Texturen erzeugen kann, die handgemacht erscheinen können, dient er als hervorragendes Werkzeug zum Erstellen eines interessanten Stempelpinsels für Photoshop. Ich habe kürzlich für Psd Plus eine Reihe von Scribble-Pinseln mit dieser Methode erstellt, und Sie können die Ergebnisse in dieser Version sehen. Floral Scribble Photoshop Brushes - Psd Plus Pack.

Denken Sie daran, dass Sie mit diesem Effekt möglicherweise noch viel mehr erstellen können. Mit dem Scribble-Effekt können Sie schraffurähnliche Muster erstellen, um Ihre Charakterdesigns, kindlichen Kritzeleien und mehr zu schattieren. Das Video-Tutorial Schauen Sie sich den Scribble-Effekt in Illustrator im Creative Suite-Podcast an. Es zeigt dieses Tool und gibt einige Tipps zu möglichen Verwendungszwecken wie Flash-Animationen, wodurch der Umfang der kreativen Möglichkeiten erheblich erweitert wird. Dies ist eines dieser Tools, mit denen Sie nach dem Öffnen spielen möchten. Die Ergebnisse fühlen sich sogar spielerisch an, also experimentieren Sie!

Illustrator CS4 enthält eine Reihe von Scribble-Effekten, die Sie öffnen und verwenden oder einfach analysieren können. Beachten Sie, dass auf viele von ihnen mehr als ein Scribble-Effekt angewendet wird (siehe Abbildung unten). Sie können sehen, dass hier zwei Füllungen mit Scribble-Effekten angewendet werden. Sie können diese öffnen, indem Sie zu Windows > Grafikstilbibliotheken > Scribble-Effekte gehen.

Hintergrund

Bevor Sie sich Scribble-Effekte ansehen, sollten Sie sich mit den Effekten in Illustrator und den Vorteilen, die sie gegenüber der Verwendung von Filtern bieten, vertraut machen. Sie sollten auch ein grundlegendes Verständnis dafür haben, was Erscheinungsbilder sind und welche Optionen die Erscheinungspalette bietet.

Auf der Website des Layers Magazine gibt es einen Artikel mit dem Titel Am effektivsten mit Effekten arbeiten. Es verwendet sogar den Scribble-Effekt für viele Beispiele und ist ein großartiger Artikel zum Lesen, um die Effekte zu verstehen, bevor Sie mit diesem Tutorial fortfahren. Auch wenn dies begrenzt ist, ist es eine gute Idee, zu lesen, was die Illustrator-Hilfe zum Erstellen einer Skizze mit dem Scribble-Effekt zu sagen hat. Jetzt fangen wir an!

Abschnitt 1 - Erkunden der Scribble-Effektoptionen

In diesem Abschnitt des Tutorials werden wir jede Option untersuchen, die der Scribble-Effekt bietet, und visuelle Beispiele geben, die zeigen, wie diese verwendet werden, und alle Einstellungen klarstellen. Nachdem Sie dies schnell durchgearbeitet haben, werden Sie verstehen, wie Sie dieses Tool vollständig nutzen können - die Einstellungen sind kein Rätsel mehr.

Schritt 1 - Global installierte Einstellungen

Zunächst gibt es auf der Registerkarte Einstellungen unter Scribble-Optionen einige Optionen. Hierbei handelt es sich um globale Einstellungen, bei denen es sich im Wesentlichen um vorgefertigte Scribble-Einstellungen handelt. Der Einstieg in diese Einstellungen ist hervorragend. Es zeigt eine gute Vielfalt an verfügbaren Optionen und interessante Scribble-Ergebnisse. Schauen Sie sich alle an, notieren Sie sich die Änderungen der einzelnen Optionen und die verschiedenen Merkmale der einzelnen Scribbles und aktivieren Sie die Vorschau, damit Sie sie anzeigen können, ohne sie anwenden zu müssen. Nachfolgend einige Beispiele.

Schritt 2 - Winkel

Die Winkeloption ist einfach zu verstehen. Es steuert den Winkel der Kritzellinien. Beachten Sie außerdem, dass bei jeder Änderung dieser oder der folgenden Optionen die Dropdown-Liste "Einstellungen" von "Standard" in "Benutzerdefiniert" geändert wird, was darauf hinweist, dass Sie zu diesem Zeitpunkt einen eindeutigen Scribble-Effekt erstellen. Beachten Sie die Änderung des Winkels, wie in den folgenden Beispielen gezeigt.

Schritt 3 - Pfadüberlappung und Variation

Wenn Sie den Schieberegler "Pfadüberlappung" nach innen bewegen, wird der Bereich, auf den der Kritzeleffekt angewendet wird, weiter innerhalb der Form verschoben (siehe erstes Bild unten). Wenn Sie den Schieberegler nach außen bewegen, werden die Kritzellinien über die äußeren Abmessungen der Formen hinaus angewendet (siehe zweites Bild unten). Pfadüberlappung steuert den Betrag, um den die Kritzellinien innerhalb der Pfadgrenzen bleiben oder sich über diese hinaus erstrecken.

Wenn Sie den Effekt auf die Mitte anwenden, bleibt der Effekt auf den äußeren Rand der Form angewendet. Wenn Sie jedoch die Variation erhöhen, ändert sich der Pfad je nach dem Betrag, um den Sie ihn aufdrehen. Die Variation steuert die Längen der Differenz der Kritzellinienlängen relativ zueinander. Im letzten Beispiel unten wird die Variation so stark erhöht, dass sie sowohl innerhalb als auch außerhalb der Formkante verläuft.

Schritt 4 - Linienoptionen: Strichbreite

Die Strichbreite funktioniert wie erwartet. Es funktioniert genauso wie das Strichfeld. Dadurch wird die Breite der Scribble-Linie geändert. Durch Erhöhen oder Verringern der Strichgröße wird die Änderung auf die einzelne lange Linie angewendet, aus der der Scribble-Effekt besteht. Einige Beispiele sind unten gezeigt.

Schritt 5 - Kurvigkeit und Variation

Die Krümmung manipuliert den Betrag, um den sich die Kritzellinien krümmen, bevor sie die Richtung umkehren. Das erste Beispiel unten zeigt die Standardkurvigkeit, die relativ niedrig eingestellt ist, und das zweite zeigt die vollständig aufgedrehte Krümmung.

Die Curviness Variation steuert, wie unterschiedlich die Scribble-Linienkurven relativ zueinander sind. Beachten Sie im ersten Bild unten, wie die Linien relativ gleich aussehen, da dort die Variation auf 1 gesetzt ist. es sieht sauber aus. Im letzten Beispiel unten ist die Variation vollständig aufgedreht, und beachten Sie, wie unterschiedlich alle Linien im Vergleich zueinander aussehen. es sieht ein bisschen chaotisch aus.

Schritt 6 - Abstand und Variation

Der Abstand steuert den Abstand zwischen den Faltlinien. Beachten Sie, wie extrem die Abstandsänderungen sind, indem Sie im folgenden Beispiel den Schieberegler für den Abstand von 5 auf 24 Pixel erhöhen.

Die Abstandsvariation steuert, wie unterschiedlich der Abstand zwischen den Faltlinien ist. Beachten Sie, wie unterschiedlich das erste und das letzte Bild im folgenden Beispiel sind. Durch Erhöhen der Variation werden Bereiche mit unterschiedlichem Abstand zwischen den einzelnen Zeilen erstellt - der Abstand ist nicht mehr gleichmäßig.

Jetzt alles zusammenfügen

Alles zusammen dreht sich alles um Experimente. Abhängig vom Projekt können Sie nun eine Vielzahl von Ergebnissen erzielen, die Sie erstellen möchten. Im Folgenden finden Sie einige Beispiele für die kombinierte Verwendung mehrerer Einstellungen, die auch zeigen, wie Einstellungen zusammenarbeiten und sich gegenseitig beeinflussen können. Im ersten Beispiel unten wird der Abstand dramatisch verringert, was auch eine Verringerung der Strichbreite erforderlich macht, da er sonst als feste Masse enden würde. Das zweite Beispiel ist nur ein zufälliges Experiment.

Möglicherweise möchten Sie auch einige dieser Experimente als Grafikstile speichern, damit Sie sie später erneut verwenden können. Wenn Sie einen gewünschten Scribble-Effekt erstellt haben, ziehen Sie ihn in die Grafikstil-Palette, klicken Sie auf die Pfeilschaltfläche in der oberen rechten Ecke der Palette und wählen Sie Grafikstil-Bibliothek speichern, um diesen als neue Sammlung hinzuzufügen.

Abschnitt 2 - Anwenden von Scribble-Effekten und Erstellen von Photoshop-Pinseln

In diesem Abschnitt erfahren Sie, wie Sie die Scribble-Effekte auf ein einfaches diagonales Muster anwenden, das aus mehreren Rechtecken unterschiedlicher Größe besteht. Dann erstellen wir einen kleinen Beispielsatz von Photoshop-Pinseln.

Schritt 1 - Erstellen Sie ein neues Dokument

Erstellen wir ein neues Illustrator-Dokument (ich verwende Illustrator CS4) mit der Größe, die Ihre maximale Pinselgröße haben soll. In diesem Fall beträgt sie 2500px x 2500px. Erstellen Sie nun ein einfaches Rechteck, das mit Schwarz und ohne Strich in einer von Ihnen bevorzugten Größe gefüllt ist, und erstellen Sie dann auch eine Handvoll anderer Rechtecke mit zufälliger Größe.

Schritt 2 - Drehen, Kopieren und Anordnen

Drehen Sie diese Formen, indem Sie das Drehwerkzeug (R) auswählen, und halten Sie dann die Umschalttaste gedrückt, um sie wie gezeigt um 45 Grad zu beschränken und zu drehen. Kopieren Sie nun die Formen und fügen Sie sie in eine Ebene mit dem Namen "Rectangle_1" ein. Kopieren Sie die Formen weiter, fügen Sie sie ein und ordnen Sie sie an, bis Sie eine Komposition erstellen, die Ihnen gefällt. Sie können auch die Größe der Rechtecke ändern oder nach Bedarf weitere hinzufügen. Denken Sie daran, dass Sie dies später jederzeit ändern können.

Schritt 3 - Experimentieren mit Scribble-Effekten

Experimentieren Sie nun mit verschiedenen Scribble-Effekten, bis Sie einen erstellen, von dem Sie glauben, dass er ein guter Photoshop-Pinsel ist. In diesem Tutorial arbeiten wir mit Schwarz, aber Photoshop-Pinsel können eine vollständige Graustufe interpretieren. Denken Sie also bei Ihren eigenen Designs daran.

Unten sehen Sie einen Scribble-Effekt, mit dem ich gerne einen Satz Pinsel verwende. Beachten Sie, wie die Muster miteinander interagieren, wenn sie sich überlappen. Das ist cool und Sie können damit experimentieren - sogar indem Sie die Richtungsabhängigkeit von Linien ineinander spielen. Auf diese Weise können Sie beispielsweise Moiré-Effekte erzeugen. Hier halten wir jedoch alles in einem Winkel von 45 Grad gerade, wie im Screenshot der Scribble-Einstellungen angegeben.

Beachten Sie, dass dies ein Live-Effekt ist, sodass wir den Scribble-Effekt jederzeit bearbeiten können. Um diesen Effekt zu manipulieren, tun Sie dies über die Darstellungspalette, wie unten gezeigt. Gehen Sie nicht zu Effekt > Stilisieren > Kritzeln, da dadurch eine zweite Instanz eines Kritzeleffekts auf Ihre Formen angewendet wird.

Schritt 4 - Erstellen Sie weitere Designs

Erstellen Sie jetzt einige weitere Designs mit unterschiedlichen Rechteckformen. Ein guter Satz von Photoshop-Pinseln sollte 15 oder mehr Designs enthalten, die als Set-Visual zusammenarbeiten, aber jeweils auch unterschiedlich sind. Für die Zwecke dieses Tutorials werde ich jedoch noch ein paar hinzufügen, die unten gezeigt werden. Wir werden also mit einem Dreier-Set für dieses Tutorial arbeiten. Ich habe diese Designs auf neuen Ebenen mit den Namen "rectangles_2" und "rectangle_3" platziert, um die Organisation zu gewährleisten.

Schritt 4 - Verwandeln Sie diese Designs in Photoshop-Pinsel

Kopieren Sie nun das Design "Rectangles_1", auf das der Live-Scribble-Effekt angewendet wird. Starten Sie Photoshop (ich verwende Photoshop CS4). Öffnen Sie eine neue Photoshop-Datei (Befehl + N). Photoshop sollte automatisch die Größe des kopierten Designs erkennen, die für dieses Design etwas kleiner als 2500px x 2500px sein sollte, da die Rechtecke nicht bis zu den Kanten des Layouts reichen. Stellen Sie sicher, dass Sie die Datei entsprechend benennen. In diesem Fall heißt sie "rectangle_1".

Wenn Sie dieses neue Photoshop-Dokument öffnen, fügen Sie das Scribble-Design "Rectangles_1" ein. Ein Popup-Dialog wird angezeigt. In diesem Fall ist es in Ordnung, Pixel auszuwählen und dann die Eingabetaste zu drücken, um die Paste anzuwenden.

Wählen Sie nun das Pinselwerkzeug (B). Gehen Sie zu den Einstellungen für die Pinselwerkzeuge oben links in der Photoshop-Benutzeroberfläche. Klicken Sie auf den Dropdown-Pfeil, um die Pinselvoreinstellungsauswahl zu öffnen. In der Auswahl befindet sich oben rechts ein kleiner Pfeil. Klicken Sie darauf und wählen Sie Preset Manager.

Drücken Sie im Pinselbereich des Preset-Managers Befehlstaste + A, um alle Pinsel auszuwählen, und klicken Sie dann auf Löschen. Dadurch werden die Pinsel aus der Pinselvoreinstellungsauswahl entfernt, wie im letzten Bild unten gezeigt, aber die ABR-Dateien dieser Pinsel werden nicht gelöscht, solange Sie diese Dateien gespeichert haben.

Gehen Sie nun zu Bearbeiten > Pinselvoreinstellung definieren und speichern Sie den Pinsel als "Rectangle_1". Jetzt haben wir unseren ersten Pinsel erstellt.

Befolgen Sie den gleichen Workflow zum Kopieren, Einfügen und Definieren von Pinselvorgaben, um den Rest Ihrer Pinsel zu erstellen. In diesem Fall erstellen wir Pinsel: "Rectangle_2" und "Rectangle_3" wie gezeigt.

Schritt 5 - Exportieren Sie Ihr endgültiges Photoshop-Pinselset

Klicken Sie nun auf die Pinselvoreinstellungsauswahl und öffnen Sie sie. Klicken Sie dann auf den Pfeil in der oberen rechten Ecke und klicken Sie wie gezeigt auf Pinsel speichern. Speichern Sie die Pinsel unter dem Namen "rechteckige_gebundene_Bürsten", wodurch die ABR-Datei erstellt wird. Diese Datei kann gespeichert, an Freunde weitergegeben oder verkauft und in jedes andere Photoshop derselben Version (in diesem Fall CS4) geladen werden.

Informationen zur Skalierbarkeit des Designs

Beachten Sie, dass diese Pinselarten beim Erstellen nicht gut skaliert werden können, obwohl sie auf Vektordesigns basieren. Sie werden eher wie Briefmarken in Photoshop verwendet. Wenn Sie also riesige Pinsel mit einer Größe von 2500px x 2500px entwerfen, eignen sie sich hervorragend für großformatige Arbeiten oder zum Anwenden großer Texturen oder großer Hintergründe.

Wenn Sie diese Pinsel für Arbeiten im kleineren Maßstab oder für den kleineren Maßstab erstellen möchten, sollten Sie sie in Illustrator in dem Maßstab erstellen, in dem Sie sie verwenden möchten. Wenn Sie sie beispielsweise in einer Größe von 600px x 600px verwenden müssen, ist es am besten, sie zuerst in Illustrator in dieser Größe zu entwerfen.

Sie könnten denken, Sie könnten sie groß erstellen, die EPS-Dateien exportieren und dann auf eine beliebige Größe skalieren, aber das funktioniert nicht so. Dies liegt daran, dass die Pinsel aus Linien bestehen. Wenn diese Linien kleiner werden, verschmelzen sie miteinander und ändern den Charakter des Designs drastisch, selbst im Vektorformat, geschweige denn als Pixelpinsel. Die beste Lösung besteht darin, das Design in der Größe zu planen, in die Sie die Pinsel exportieren möchten.

Abschnitt 3 - Schnelle Erstellung von Blumenkritzelpinseln

In diesem Abschnitt werfen wir einen kurzen Blick auf den Prozess, mit dem ich Floral Scribble Photoshop Brushes - Psd Plus Pack erstellt habe. Die eigentliche Pinselerstellung ist der gleiche Vorgang, daher werden nur die angewendeten Vektortechniken und Kritzeleffekte überprüft.

Schritt 1 - Erstellen Sie ein Oval und drehen Sie es

Erstellen Sie zunächst ein Oval, das etwa halb so groß ist wie Ihr Dokument. Verwenden Sie das Direktauswahl-Werkzeug, um die Form des Ovals so zu ändern, dass sie eher wie ein Blütenblatt aussieht.

Nehmen Sie nun bei ausgewählter Form das Drehwerkzeug (R), halten Sie die Alt-Taste gedrückt und klicken Sie unter die Blütenblattform, um das Dialogfeld Einstellungen drehen zu öffnen.

Fügen Sie einen Grad ein, um das Blütenblatt zu drehen. Es ist gut, etwas zu wählen, das durch 360 teilbar ist, was einen vollen Kreis darstellt. Verwenden Sie 45 Grad, was nach dem Wettkampf insgesamt 8 Blütenblätter ergibt. Klicken Sie nun auf OK. Drücken Sie noch sechs Mal Befehlstaste + D, um die Erstellung der Blumenform abzuschließen. Wählen Sie Alle (Befehl + A) und kopieren Sie sie und fügen Sie sie ein. Dadurch wird die Form auf der Leinwand zentriert, solange Sie die Leinwand zentriert haben. Halten Sie die Umschalttaste gedrückt (um die Skalierung einzuschränken), während Sie diese Form ausgewählt haben, und skalieren Sie die Größe nach Ihren Wünschen.

Schritt 2 - Geben Sie der Blume ein organisches Gefühl

Verwenden Sie das Direktauswahl-Werkzeug, um die Punkte und Griffe jeder Blume zu bearbeiten. Sie können sie auch mit dem Auswahlwerkzeug skalieren und ein wenig verschieben. Das Ziel hier ist es, jedem Blütenblatt ein organischeres Gefühl zu verleihen und die florale Form zu finalisieren. Sie sehen, ich habe einige Änderungen am endgültigen Blumenmuster vorgenommen.

Schritt 3 - Wenden Sie den Scribble-Effekt an

Wenden Sie den Kritzeleffekt mit den unten gezeigten Einstellungen auf das Blumenmuster an oder wählen Sie Ihre eigenen Einstellungen. Die letzte Scribble-Blume ist unten abgebildet.

Jetzt können Sie denselben Prozess anwenden, um mehr Blumenmuster zu erstellen, oder andere Blumenmuster als Basis verwenden, um den Scribble-Effekt anzuwenden. Wenn Sie eine Sammlung mit guter Größe haben, führen Sie die gleichen Schritte wie in Abschnitt 2 aus, um einen Satz Pinsel zu erstellen.

Abschluss

Mit dem Wissen, wie Scribble-Effekte in Illustrator funktionieren, können Sie Ihre eigenen Effekte erstellen. Viel Spaß beim Anwenden dieser Effekte auf Ihre Vektorkreationen. Es ist ein interessantes Werkzeug zum Spielen und eine schnelle Möglichkeit, Textur hinzuzufügen. Scheuen Sie sich für Ihre Photoshop-Arbeit auch nicht, eigene Pinsel zu erstellen. Wie gezeigt, ist der Prozess wirklich einfach.

Abonnieren Sie den Vectortuts+ RSS-Feed, um über die neuesten Vektor-Tutorials und Artikel auf dem Laufenden zu bleiben.