1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Wie man ein Scratchboard-Effekt-Bärenporträt erstellen kann

Das heutige Tutorial richtet sich an Anfänger mit Adobe Illustrator CS (und späteren Versionen), die auch Zugriff auf ein Grafiktablett haben. In diesem Basix-Tutorial zeige ich Ihnen, wie Sie Ihr eigenes Bärenporträt mit Scratchboard-Effekt erstellen, und gebe Ihnen hilfreiche Tipps, wie Sie den gesamten Vorgang vereinfachen können.
Scroll to top

German (Deutsch) translation by Tatsiana Bochkareva (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Das heutige Tutorial richtet sich an Anfänger mit Adobe Illustrator CS (und späteren Versionen), die auch Zugriff auf ein Grafiktablett haben. In diesem Basix-Tutorial zeige ich Ihnen, wie Sie Ihr eigenes Bärenporträt mit Scratchboard-Effekt erstellen, und gebe Ihnen hilfreiche Tipps, wie Sie den gesamten Vorgang vereinfachen können.

Einführung

Obwohl ich dies mit meinem Wacom Bamboo (einem alten Modell) erstellt habe, können Sie den gleichen Effekt mit nur einer Maus erzielen. Der Nachteil ist, dass die Erstellung länger dauert und die Linien möglicherweise nicht organisch aussehen.

Ich werde Aktien von Photodune als Basis verwenden, aber Sie können diese mit jedem gewünschten Pelztier nachbauen.

Ich verwende einen Pinsel, den ich in einem früheren Tutorial erstellt habe und der sich auch an Anfänger richtet. Es ist der Pinsel für das Width Profile 1 und lässt sich sehr einfach neu erstellen, ohne dass das Stiftwerkzeug (P) zum Erstellen von Kurven erforderlich ist.

Also, fangen wir an!

Schritt 1

Obwohl die folgenden Schritte nicht für alle Benutzer perfekt sind, können sie anderen beim Identifizieren von Farben und Kontrasten innerhalb eines Archivbilds helfen. Ich erinnere mich, als ich anfing, aus Archivbildern Vektoren zu erstellen, spielte ich mit dem Kontrast eines Bildes herum, damit die Lichter und Schatten besser wahrgenommen wurden.

Schauen wir uns also unser erstes Bild ohne Licht-/Farbverbesserungen an:

Es gibt zwei Möglichkeiten, wie Sie die Farben klarer identifizieren können. Diese Funktion ist in den meisten Fotomanipulationsprogrammen verfügbar und wird als "Kurven" bezeichnet. Ich verwende hier Photoshop CS5 für meine Änderungen. Gehen Sie zu Bild > Anpassungen > Kurven (Befehl + M) und wählen Sie im Dropdown-Menü Voreinstellung die Option Kontrast erhöhen (RGB). Klicken Sie dann auf OK.

Das Ergebnis wird sein, dass die Schattierungen viel lebendiger sind und die Glanzlichter und Schatten viel auffälliger sind. Daher sollten Sie die Farbflecken leichter erkennen können.

Schritt 2

Wenn Sie Schwierigkeiten haben, die Farbbereiche auszuwählen, gibt es eine andere Möglichkeit, Ihnen zu helfen. Dies funktioniert anhand eines Graustufenbilds.

In Photoshop würde dies zu Bild > Anpassungen > Schwarzweiß (Alt + Befehl + Umschalt + B) gehen. Spielen Sie mit dem Dropdown-Menü "Voreinstellung" (während die Vorschau aktiviert ist), um herauszufinden, welches für das von Ihnen verwendete Bild am besten geeignet ist. In diesem Fall habe ich einen kontrastreichen Rotfilter verwendet.

Und das Ergebnis, das Sie daraus erhalten, ist folgendes:

Ich arbeite mit dem unveränderten Bild des Bären, aber alle Schritte gelten genauso gut, wenn Sie die Farben geändert haben.

Schritt 3

Nun zum Vektorisieren! Ich werde meine Ebenenordner wie folgt einrichten:

Doppelklicken Sie auf "Layer 1" und benennen Sie sie in "Reference" um. Klicken Sie dann auf OK. Gehen Sie zu Datei > Platzieren und suchen Sie Ihr Archivbild, um es auf der Zeichenfläche zu platzieren. Wenn das Bild zu groß ist, können Sie das freie Transformationswerkzeug (E) verwenden, während Sie Alt + Umschalt gedrückt halten, und an einer der Ecken ziehen, um die Größe gleichmäßig zu ändern. Sperren Sie den Ebenen Ordner , indem Sie auf die zweite Spalte in der Ebenenpalette klicken.

Erstellen Sie eine neue Ebene (Schaltfläche am unteren Rand der Ebenen-Palette) und benennen Sie sie in "BG" um. Verwenden Sie innerhalb dieser Ebene das Rechteck-Werkzeug (M), um mit einer cremefarbenen Füllung über die Leinwand zu zeichnen (C=70, M=65, Y=70, K=80). Dieser Farbton ergibt einen realistischeren Farbton eines Scratchboards, anstatt eine tiefschwarze Füllung zu haben. Sperren Sie den Ebenenordner vorerst.

Erstelle eine neue Ebene und benenne sie in "Fur" um. Hier ziehen Sie Ihre Fellstränge ein.

Schritt 4

Verwenden Sie also Ihr Grafiktablett, um Pelz zu zeichnen. Der Grund, warum ich Pelz so gerne rendere, ist, dass es sich mit meiner Hand wie eine natürliche Aktion anfühlt und es ein entspannender Prozess ist, wenn Sie die Kontrolle mit einem Stift haben.

Wenn Sie zuvor noch nicht versucht haben, mit Ihrem Grafiktablett kleine Striche zu zeichnen, nehmen Sie sich etwas Zeit zum Üben, bevor Sie hineinspringen. Ich benutze das Pinselwerkzeug (B), um meine Striche zu zeichnen, und speziell für Pelz verwende ich den zuvor erwähnten Pinsel für das Width Profile 1. Ich habe am Ende meiner Striche Pfeilspitzen hinzugefügt, um Ihnen die Richtungen anzuzeigen, in die ich zeichne.

Wenn ich auf eine große Fellfläche schaue, in der alles in eine ähnliche Richtung geht, neige ich dazu, mit meinem Stift (der oberen und unteren Pfeilgruppe) eine enge Zick-Zack-Bewegung auszuführen. Bei kleineren, stärker kontrollierten Bereichen tendieren die Striche dazu, in dieselbe Richtung zu gehen (die zentralen Pfeilgruppen).

Schauen wir uns also diese Art von Strichen mit einer kurzen Vorschau auf unseren Bären an. Wie Sie sehen, brauchte ich mehr Kontrolle über die Striche entlang der Unterseite der Augen/Wangen und für die Stirn. Für buschigere Bereiche des Pelzes konnte ich die Zick-Zack-Bewegung ausführen. Auf diese Weise rendere ich Fell und es ist möglicherweise keine bequeme Methode für Sie. Es lohnt sich also, sich etwas Zeit zum Üben zu nehmen, bevor Sie mit dem Rendern des Pelzes beginnen. Übung macht in diesem Fall wirklich den Meister!

Schritt 5

Es gibt verschiedene Möglichkeiten, wie Sie die Farben aus dem Archivbild abrufen können. Das erste habe ich gemacht, als ich mich zum ersten Mal mit Vektorgrafiken befasst habe. Dabei wird das Bild mitder Pipette (I) in Bereichen mit großen Farben umgangen und der Leinwand eine Form hinzugefügt, um die Farbe für die zukünftige Verwendung beizubehalten.

Wenn Sie diese Methode verwenden, denken Sie daran, Ihren "BG" auszublenden, da er sonst nur die Farbe dieser Form aufnimmt!

Im Folgenden sind die Hauptbereiche aufgeführt, die ich aufgegriffen und dann mit dem Ellipsen-Werkzeug (L) einen Kreis in den Bereich gezeichnet habe. Ich habe es auf den Strich angewendet, da ich bei der späteren Auswahl der Form nur Striche auf der Leinwand verwende und keine Füllungen. Es macht die Dinge nur ein bisschen einfacher.

Nachdem Sie Ihre Farben ausgewählt haben, wählen Sie Alle aus (Befehl + A) und gehen Sie in der Farbfeldpalette in das Drilldown-Menü und klicken Sie auf Ausgewählte Farben hinzufügen. Wie Sie unten sehen können, wurden alle diese Farbtöne zur späteren Verwendung zum Farbfeld hinzugefügt.

Während Ihre Kreise ausgewählt sind, gruppieren Sie sie (Befehl + G) und blenden Sie sie nach Bedarf aus/aus.

Schritt 6

Eine andere Möglichkeit, dies zu tun, ist die Verwendung von Kuler, einem benutzerdefinierten Auswahlwerkzeug für Farbpaletten. Sie können die App herunterladen oder über die Website verwenden. Angenommen, Sie möchten die App nicht herunterladen, zeige ich Ihnen, wie Sie die Website verwenden.

Gehen Sie zuerst zur Kuler-Website und melden Sie sich dann oben rechts an. Gehen Sie dann zu Erstellen > Aus einem Bild. Anschließend können Sie das Archivbild hochladen, von dem aus Sie arbeiten.

Von dort aus können Sie "Eine Stimmung auswählen" und eine Vielzahl von Paletten durchsehen, die aus den Farben des Bildes generiert wurden. Ich habe mich an die Standardeinstellung "Bunt/Colorful" gehalten. Wenn Sie jedoch mit der Auswahl nicht zufrieden sind, können Sie sie jederzeit anpassen.

Sie können anderen erlauben, die Palette herunterzuladen oder sie für Ihr Konto privat zu halten, bevor Sie auf Speichern klicken. Anschließend können Sie die Palette herunterladen und im Ordner Ihres Swatch Preset in Ihrem Adobe-Ordner speichern.

Schritt 7

Bevor wir uns mit dem Vektorisieren unseres Bären befassen, sprechen wir über Felllänge und -stil. Hier kann Ihnen das Arbeiten mit einem Archivbild sehr helfen. Achten Sie genau auf den Stil und die Länge des Pelzes, achten Sie darauf, wie es fließt und wie einige Bereiche zufälliger sind als andere. Beachten Sie Bereiche, in denen es Übergänge von kurzem Fell zu längerem Fell gibt.

Üben Sie das Zeichnen des Pelzes, bevor Sie sich zum Einspringen entschließen. Dies ist besonders hilfreich, wenn Sie im Fell arbeiten, das von einer Richtung in die andere geht, wenn es vom kurzen zum langen Fell wechselt.

Schritt 8

Beginnen wir also mit dem Vektorisieren des Pelzes. Ich verwende den Pinsel "Width Profile 1" mit dem Pinselwerkzeug (B). Das Fell um die Nase/Schnauze ist kurz und fein, daher werde ich ein Strichgewicht von 0,25 pt verwenden, um dies zu betonen. Ich beginne damit, das Fell in der Gegend zu rendern, als wollte ich mir eine Richtlinie geben, um zu wissen, dass ich Pelz in der Gegend rendern muss. In diesem Sinne kann ich ein bisschen mehr Autopilot werden.

Denken Sie daran, die Richtung des Pelzes zu beachten, insbesondere für Ihre Richtlinien, da dies das Fell beeinflusst, nach dem Sie rendern.

Wenn sich beim Ausfüllen der Form die Richtung des Fells ändert - zum Beispiel auf der Oberseite der Schnauze befindet sich fast ein Scheitel im Fell, wenn es von einer Seite zur anderen geht -, ziehen Sie sich mehr Richtlinien und arbeiten Sie von innen nach innen Dort.

Berücksichtigen Sie auch die Richtung des Pelzes, das von diesem Bereich aus weiterführt.

Nachdem ich den Bereich ausgefüllt habe, zeichne ich weiter das Fell in der Umgebung. Beachten Sie den Übergang des Pelzes von kurz zu lang und fast um die Augen kräuseln. Ich habe die Striche über das Transparenzbedienfeld auf 50% Deckkraft eingestellt.

Schritt 9

Wie Sie vielleicht bemerkt haben, hat das Fell der Schnauze einen anderen Farbton als das Gesicht. Ich möchte auch, dass dieses Fell dicker wird, da es nicht so fein ist. Wählen Sie das Fell mit dem Lasso-Werkzeug (Q) aus und änderen Sie den Farbton und das Strichgewicht auf 0,5pt.

Ich habe dem Kinn mit dem neuen Farbton und dem dickeren Strich zusätzliche Striche hinzugefügt.

Schritt 10

Wählen Sie einen der Fellstränge aus der Schnauze aus und gehen Sie dann zu Auswählen > Gleich > Aussehen. Dadurch werden alle Schnauzenstränge ausgewählt. Machen Sie sie dann zu einer Gruppe (Befehl + G). Wiederholen Sie diesen Vorgang für die Gesichtshaare.

Es wird empfohlen, beim Rendern von Fell (oder sogar Haaren) alle Strähnen nach Farbe und/oder Aussehen zu gruppieren. Dies erleichtert das Einarbeiten und Ändern, wenn Sie die Farben ausbalancieren müssen.

Schritt 11

Setzen Sie den Vorgang des Renderns des Pelzes fort, indem Sie die Kreise durch Ausblenden sichtbar machen. Verwenden Sie die Pipette (I), um die Farbe zu testen, ändern Sie das Strichgewicht auf 0,5pt und die Deckkraft auf 50%.

Zeichnen Sie dann Ihre Striche an den entsprechenden Stellen ein.

Schritt 12

Da Sie mit begrenzten Farben arbeiten, müssen Sie Ihre Fellübergänge zwischen den Strangfarben bearbeiten. Ich zeichne zunächst die Stränge ein und gebe den Kanten der einzelnen Bereiche Lücken. Wenn Sie unten bemerken, gibt es mehrere Lücken im Gesichtsbereich, die es mir ermöglichen, die Striche zu verriegeln, damit die Bereiche besser zusammenpassen.

Sobald Sie dies getan haben, können Sie hier und da zusätzliche Striche in den Bereichen hinzufügen, um eine noch bessere Mischung zu erzielen. Sie können dies an den Strängen erkennen, die zwischen den Augen und der Stirn unten verlaufen.

Ich habe diesen Vorgang auch zwischen Schnauze und Augen wiederholt, um die Trennung des Pelzes und der Oberseite der Schnauze hervorzuheben. Machen Sie sich keine Sorgen, wenn sich die Stränge überlappen. Wenn Sie mit einer geringeren Deckkraft (50%) arbeiten und die Stränge überlappen, variieren die Farben, damit sie organischer aussehen.

Schritt 13

Ich verwende jetzt meine vierte Farbe. Diese Stränge auf dem Referenzbild sind viel zufälliger und neigen dazu, in eine Richtung als in eine andere zu fließen. Dann können Sie eine künstlerische Lizenz beantragen! Geben Sie Ihre Richtlinien ein, um die Bereiche zu definieren, die in die eine und dann in die andere Richtung verlaufen, und füllen Sie dann wie bei der Schnauze die dazwischen liegenden Bereiche aus.

Sobald eine Seite des Gesichts fertig ist, gehen Sie hinein, um die andere Seite auf die gleiche Weise zu vervollständigen.

Haben Sie keine Angst, schwarze Lücken zu hinterlassen, da dies dazu beitragen kann, Schatten vom Kinn und/oder Fell hervorzuheben.

Schritt 14

Ich ging dann mit dem hellsten Farbton hinein und fügte dem Fell leichte Glanzlichter hinzu, wobei die Deckkraft auf 30% eingestellt war. Das hilft und, die Farben mehr mischen und das Kinn, die Ohren und den Scheitel auf der Schnauze hervorheben.

Schritt 15

Jetzt benutze ich den dunkelsten Farbton und arbeite an zusätzlichen Schatten mit Definition unter dem Kinn, um die Schnauze, die Nase und die Augen.

Schritt 16

Ich möchte weitere Highlights hinzufügen und es kommt zu einem Punkt, an dem sich die Zeichenfläche so anfühlt, als gäbe es keinen Platz mehr, um eine große Menge Fell hinzuzufügen. Um dies zu umgehen, müssen Sie in den Bereichen, in denen die Hervorhebungen erforderlich sind, hellere Striche hinzufügen, die auf Mischmodus-Bildschirm und Deckkraft 40% eingestellt sind.

Da diese Striche an sich nicht so fett sind, können Sie das Strichgewicht auf 1 Punkt erhöhen, damit es so viele Striche wie möglich überlappt, ohne dass es übertrieben wird. Wenn Sie fertig sind, gruppieren Sie die Striche (Befehl + G).

Nachdem ich mir die Stränge angesehen hatte, fühlte ich, dass sie zu hell waren. Hier können Sie von der Gruppierung Ihrer Striche profitieren, da ich gerade die Deckkraft der Gruppe von Glanzlichtern auf 90% geändert habe.

Schritt 17

So wie Sie Glanzlichter hinzufügen, können Sie Schatten hinzufügen. Sie möchten dies jedoch tun, ohne den tatsächlichen schwarzen Scratchboard-Hintergrund dunkler zu machen als er ist. Dies würde bedeuten, dass keine Mischmodi verwendet werden! Dazu verwende ich einen etwas helleren Farbton als die ursprüngliche Farbe des Scratchboards (C=70, M=65, Y=70, K=80). Ich habe gerade den K-Wert auf K=75 reduziert.

Zeichnen Sie diese Striche dann mit einem Strichgewicht von 1 Punkt, das auf Deckkraft 40% eingestellt ist, um die Bereiche, in denen Sie Schatten benötigen. Sie werden auch feststellen, dass ich an den Fellrändern diesen dunklen Farbton hinzugefügt habe. Dies ist so, dass es einen schwachen Heiligenschein um das Fell gibt, der im Hintergrund leicht aufgenommen werden könnte. Es ist nur sehr schwach, hat aber dazu beigetragen, Ihrem Porträt Details hinzuzufügen.

Schritt 18

Arbeiten Sie für die Augen mit einer Vielzahl von Strichgewichten und -farben, um mit nur Strichen einen Scratchboard-Effekt zu erzielen. Zum Beispiel habe ich einen dünneren Strich entlang der Unterseite des Auges (0,25 pt) und dann einen dickeren für die tatsächlichen Augendetails (0,5 pt) verwendet. Versuchen Sie, die Striche in die gleiche Richtung zu halten.

Schritt 19

Ich habe dann den dunklen Schatten für Schatten verwendet (C=70, M=65, Y=70, K=75), um die Iris, die Pupillen und die umgebenden Augenbereiche genauer zu definieren und sie zu verfeinern.

Schritt 20

Die Nase habe ich nach einer ähnlichen Methode konstruiert, jedoch mit einem viel größeren Strichgewicht (2pt). Der Grund dafür ist, dass der Glanz und die Textur der Nase viel unschärfer sind als etwa um die Augen herum.

Schritt 21

Schließlich habe ich wieder den dunklen Schatten als Schatten verwendet, um den Mundbereich weiter zu definieren und das Kinn stärker zu betonen.

Abschluss

Ich hoffe, Sie haben einige grundlegende Fähigkeiten zum Herstellen von Pelz aus einem Archivbild gelernt. Mit diesen Fähigkeiten können Sie sie in zukünftigen Projekten verwenden.

Willst du mehr Inspiration? Schauen Sie sich das Wolfsporträt an, das ich auf deviantART für einen Freund gemacht habe, und verwenden Sie dabei genau die gleiche Methode!