Illustrator CS5-Werkzeug mit variabler Breite Gestische Skizzen und digitale Farbgebung!

Hey Vectortuts + treu! Willkommen zurück zu Teil zwei meiner Tutorialserie über die Vorteile der Verwendung des Werkzeugs für das variable Breitenmaß. Wenn Sie das erste Tutorial noch nicht gelesen haben, schlagen Sie vor, dass Sie zurückgehen und Folgendes lesen: Illustrator CS5 - Werkzeug zum Ändern der Breite der Breite: Perfekt für die Erstellung von Tribal-Designs!. Hier wird beschrieben, wie das Tool verwendet wird, und es wird gezeigt, wie Tribal-Designs damit erstellt werden . Sie müssen diese Grundlagen kennen, bevor Sie mit diesem zweiten Teil der Serie fortfahren, in dem wir Gestik-Skizzen und digitales Inking erstellen.


Gestische Skizzen

Eine unglaublich nützliche Funktion des Werkzeugs für das Ändern der Breite der Breite ist, Ihren Linien einen Charakter zu geben. Durch Variieren der Linienbreite fügen Sie Flair, Bewegung, Kraft, Persönlichkeit und viele andere Adjektive hinzu, die eine Linie nicht visuell beschreiben. Grundsätzlich nimmst du etwas Flaches und Langweiliges und gibst Leben! Schauen wir uns einige Beispiele an, wie das Strichwerkzeug mit variabler Breite einen gestischen Charakter zu einer sonst langweiligen Linie hinzufügt:

Schritt 1

OK, jetzt, da ich Sie überzeugt habe, wie großartig das Tool ist, schauen wir uns ein Beispiel aus der Praxis an, wie ich dieses Tool verwende. Ich hatte kürzlich einen Kunden (nennen wir sie Brenda - der Name wurde geändert, um die Unschuldigen zu schützen), der ein Logo für ihren Blog benötigte. "Lebende Brenda." Die Projektbeschreibung, die ich bekam, hatte eine Art Martha Stewart-Atmosphäre. Ihr Blog war ein natürlicher Ratschlag, wie man das Leben leben kann. Der Kunde beschrieb das Logo als Frauenkopf, aus dem eine Vielzahl von Objekten hervorgegangen sind - wie Rezepte, Liebe und Ratschläge für ein gesundes Leben.

Ich wusste sofort, dass ich einen Frauenkopf mit Sachen zeichnen konnte, die explodierten - das ist kein Problem, aber ich wusste auch, dass der Stil der Zeichnung kritisch war. Es musste sich locker und gestisch fühlen. Das Variable Width Stroke Tool war der perfekte Weg, um meinen Look zu erreichen. OK, schauen wir uns an, wie ich dieses Logo erstellt habe.

Das Ganze beginnt mit meiner Bleistiftskizze. Leider kann ich hier leider keine ganze Lektion zum Zeichnen geben, aber ich zeige Ihnen die Schritte, die ich zur Erstellung dieser Bleistiftskizze unternommen habe.

Schritt 2

Wann immer ich einen Kopf zeichne, fängt er immer als Oval an. Dann versuche ich mir das Oval in 3D vorzustellen - wie ein Ei. Auf diesem Oval (Ei) skizziere ich eine vertikale und horizontale Linie. Sie sollten sich vorstellen können, wie sich diese Linien um die Form des Objekts bewegen.

Die vertikale Linie wird als Mittellinie verwendet - als würden Sie eine Linie entlang der Gesichtsmitte ziehen. Natürlich würde die Nase direkt auf dieser Mittellinie landen. Die horizontale Linie zeigt, wohin die Augen gehen werden. Selbst in diesem rudimentären Zustand kann ich das Gesicht schon sehen. Je mehr Sie dies üben, desto leichter sehen Sie es.

Schritt 3

Der naheliegendste nächste Schritt ist, auf Augen und Nase zu zeichnen. Es ist wichtig, mental in diesem 3D-Raum zu bleiben. Ich griff auch an, wo ihr Kopf abspringen würde. Ich weiß nicht, ob ich dies im endgültigen Logo so deutlich zeigen werde, aber es ist eine gute Referenz.

Schritt 4

Als Nächstes griff ich an, wo ich sah, wie sich die Haare um ihren Kopf wickelten. Ich dachte, Brendas Frisur würde sich für ein lockeres Gestik-Zeichen eignen. Ihre Haare hatten eine lockere Fließfähigkeit.

Schritt 5

Schließlich habe ich noch ein paar Objekte hinzugefügt, um die Dinge darzustellen, über die Brenda in ihrem Blog schreiben wird. Der Kunde gab uns eine Liste, an der er arbeiten konnte. Und los geht's, das ist die Skizze, mit der ich mein gestisches Logo erstellen kann.

Schritt 6

Der nächste Schritt besteht darin, die Bleistiftskizze in den Computer einzulesen und in Illustrator zu speichern. Einmal in Illustrator möchte ich meine Logodatei nun durch das Erstellen von drei Ebenen einrichten. Die Bleistiftskizze geht auf die unterste Ebene. Ich sperre diese Ebene, damit sich meine Kunst nicht bewegt, und ich greife sie nicht aus Versehen, während ich an dem Design arbeite.

Auf der zweiten Schicht werde ich schließlich meine festen Farbblöcke einfügen. Ich möchte das zuletzt tun, also lasse ich jetzt meine zweite Schicht leer.

Die oberste Ebene ist, wo ich meine gestischen Linien setzen werde. Jetzt weiß ich, dass ich mit meinem Strichwerkzeug mit variabler Breite diesen Linien ihren Charakter geben werde. Ich muss also nur Mittellinien und keine Formen erstellen. Hier sind die Linien, die ich im Illustrator über meiner Bleistiftskizze gemacht habe.

Schritt 7

Sobald ich diese Linien gezeichnet habe, greife ich zu meinem Strichwerkzeug mit variabler Breite und gebrauchen es gut. Wieder werden die Grundlagen zu diesem Tool in Teil 1 dieser Tutorialserie vermittelt. Achten Sie beim Hinzufügen von Zeichen zu Ihren Linien darauf, die wichtigeren Linien hervorzuheben. Zum Beispiel ist die Linie, die ihren Kieferknochen bildet, viel dicker. Es stellt die Unterseite ihres Kopfes dar, also gibt ihre Dicke ihrem Kopf Stabilität. Außerdem befindet es sich dort, wo sich natürlich ein Schatten befinden würde. Die Stärke der Linie hilft dabei, diesen Schatten zu erzeugen.

Schritt 8

Hier ist eine kleine Detailaufnahme für Sie. Was für ein RIESIGER Unterschied das Variable Width Stroke Tool macht.

Schritt 9

Als Nächstes müssen wir eine Ebene wieder herabsetzen und unsere festen Farbblöcke hinzufügen. Dieser Schritt ist nicht besonders. Ich habe gerade mein normales Stiftwerkzeug benutzt, um diese Formen zu zeichnen. Ich habe die Farben natürlich und hell gehalten, damit sie meine gestischen Linien, die ich platzen möchte, nicht überwältigen. Sie können sehen, wie sehr diese Grundformen das Gesicht und die Haare bestimmen.

Schritt 10

Jetzt muss ich die verschiedenen Themen hinzufügen, über die Brenda in ihrem Blog schreibt. In diesem Fall habe ich meine Bleistiftskizze etwas ignoriert.

Schritt 11

Zu guter Letzt muss ich noch die Formen hinter den einzelnen Objektobjekten hinzufügen. Dies war eine gute Gelegenheit, in etwas Farbe zu arbeiten. Aber selbst mit diesen bunteren Gegenständen blieb die Farbsättigung gedämpft. Ich wollte, dass sich dieses Mal etwas natürlicher anfühlt.

Schritt 12

Und als letzten Schritt habe ich ein Logo hinzugefügt, um dieses Zeichen zu ergänzen. Ich habe darauf geachtet, Farben von der Marke zu ziehen, damit sie im Logo verwendet werden können, sodass das Ganze zusammenhing. Für eine Schriftart habe ich Century Gothic ausgewählt. Ich dachte, sein scharfer geometrischer Stil sei eine gute Folie für die Lockerheit der Marke. Ich dachte, diese gegensätzlichen Stile würden in einem Website-Design gut zusammenpassen.

Schritt 13

Nun, ich weiß, was Sie denken: "Aber BILL! Ich bin kein erstaunlicher und talentierter Illustrator wie Sie. Was ist, wenn ich nicht zeichnen kann?" Kein Problem! Diese Art von Gestenmarken kann sehr einfach mit Fotos erstellt werden, anstatt zu zeichnen. Die Verwendung von Fotos schränkt Sie ein wenig ein, aber es ist eine großartige Alternative, wenn Sie nicht über Zeichentechniken verfügen. Lassen Sie mich diesen Prozess schnell und ohne Kommentar durchgehen.


Digitale Farbgebung

Okay, jetzt zu unserem letzten Teil in diesem Tutorial - digitales Inking. Wenn Sie ein Illustrator sind, sei es ein Comic-Illustrator, ein Zeichner der Zeichentrickfiguren, ein Tätowierer oder ein Graffitikünstler, ist das Variable Width Stroke Tool ein großer Vorteil für das Einfärben Ihrer Bleistiftskizzen.

Schritt 1

Lassen Sie mich schnell zeigen, wie Sie dieses Werkzeug für Ihre digitale Farbgebung verwenden können. Nun beginnt dieser Prozess wieder mit einer Bleistiftzeichnung. Leider kann ich Ihnen in diesem Tutorial leider keine Zeichenstunde geben. Das ist für einen anderen Tag. Werfen wir also einen Blick auf die Bleistiftskizze, die ich mit Tinte zeichnen werde:

Schritt 2

Dies ist eine Zeichnung, die ich in meiner Freizeit zum Spaß gemacht habe. Das Konzept war eine Art Superheld mit einem Samurai-Motiv. Nun, dies ist sicherlich zu groß, um in diesem Tutorial vollständig eingefärbt zu werden. Lassen Sie mich sein Gesicht vergrößern, und dann können wir einen Teil davon einfärben.

Schritt 3

Da gehen wir viel besser. Der erste Schritt beim Einfärben besteht nun darin, die Mittellinien mit unserem Stiftwerkzeug zu erstellen. Jetzt werden es wieder unsere dünnen, langweiligen, flachen Linien sein. Hier ist der erste Satz von Linien, den ich erstellt habe:

Schritt 4

Ich werde dies in einer Reihe kleiner Teile tun, damit Sie den Fortschritt sehen können. Nachdem wir diese einfachen Linien erstellt haben, ist es an der Zeit, den Charakter hinzuzufügen (natürlich mit unserem Strichwerkzeug für variable Breite)..

Schritt 5

Beeindruckend! Was für ein Unterschied. Jetzt ist das Einfärben ein wenig intensiver als mit einem Pinsel oder Krähenfeder, aber die Kontrolle und Schärfe, die Sie damit erzielen, sind erstaunlich. Ich weiß nicht, ob dieser Farbstil die Comicbranche übernehmen wird, weil er etwas langsamer ist, aber für einmalige Splash-Seiten und Designprojekte ist es auf jeden Fall einen Versuch wert.

Jetzt werden Sie feststellen, dass einige der dicken Enden der Linien irgendwie komisch enden. In Fällen, in denen eine Zeile nicht gut mit einer anderen Zeile übereinstimmt, müssen wir eine kleine manuelle Korrektur vornehmen. Zuerst müssen Sie die betreffende Zeile auswählen, dann Objekt> Darstellung erweitern. Dadurch wird es in eine Form umgewandelt. Dann können wir das Pathfinder-Tool verwenden, um die benötigten Formteile zu subtrahieren und hinzuzufügen. Hier ist der nächste Schritt. Ich werde meine Änderungen und Ergänzungen in grün vornehmen, damit Sie sehen können, was ich behoben habe und was ich hinzugefügt habe.

Schritt 6

Sie werden auch bemerken, dass ich in Grün einige Standard-Vektorformen hinzugefügt habe (wie die Augenbrauen). Ich habe nicht gesagt, dass das variable Breitenstrich-Werkzeug das EINZIGE Werkzeug ist, mit dem Sie diese Bleistiftskizze digital einfärben.

Schritt 7

Dies ist eher das Gleiche. Ich habe meine Standardlinien genommen und ihnen mit dem Variable Width Stroke Tool diesen schönen Charakter gegeben. Dann habe ich in grün noch ein paar Zeilen hinzugefügt.

Schritt 8

Das ist ungefähr so ​​weit, wie ich die digitale Farbgebung dieses Tutorials nehme. Sie können hoffentlich den Prozess sehen, dem ich folge. Ich bin mir sicher, dass Sie es kaum erwarten können, die endgültige Kunst zu sehen. Ob Sie es glauben oder nicht, ich habe dieses gesamte Kunstwerk tatsächlich in Illustrator eingefärbt! Glaube es! Wenn Sie wissen möchten, wie ich das gemacht habe, habe ich in Kürze ein Video-Tutorial für das Arsenal von Go Media.


Fazit

Nun, das ist es Leute. Hoffentlich noch ein nützliches Tutorial. Ich habe sicherlich eine Menge Anwendungen für das neue variable Strichwerkzeug von Illustrator gefunden, und hoffentlich können Sie jetzt auch seine vielfältigen Einsatzmöglichkeiten sehen.


Wo finde ich GoMedia?

Dieses Tutorial wurde von William A. Beachy, Partner bei Go Media Inc., geschrieben. Go Media ist eine Kreativagentur mit Sitz in Cleveland, Ohio. Neben dem Schreiben von Tutorials für die GoMediaZine und Vectortuts + arbeiten wir auch für Kunden und verkaufen Bildmaterial und Designdateien für das Arsenal.

  • Portfolio-Site: Gomedia.us
  • Blog: GoMediaZine
  • Ressourcen: Gomedia Arsenal