Erstellen eines von Skates inspirierten Gorillas

German (Deutsch) translation by Katharina Grigorovich-Nevolina (you can also view the original English article)

Die Verwendung der Druckempfindlichkeit hat viele meiner Projekte viel einfacher gemacht und ich kann sie sehr schnell erledigen. In diesem Tutorial werde ich Ihnen zeigen, wie ich die Druckempfindlichkeit verwende, sowie andere Dinge wie die Verwendung von Symmetrie in einem Bild und eine grobe Vorstellung davon, wie ich Farben trenne.

Sie finden die Quelldateien im Verzeichnis "source", das in den heruntergeladenen Dateien enthalten ist. Vielleicht möchten Sie sie kurz durchsehen, bevor wir beginnen.

Werkzeuge

Das sind all die Dinge, die ich benutze, wenn ich an einem Design arbeite.

Macbook mit OSX Snow Leopard
Adobe Illustrator CS4
Wacom Intuos3 Zeichentablett <
Itunes (Ich kann nicht arbeiten, ohne Musik zu hören)

Schritt 1

Dieser Teil ist wirklich einfach. Öffnen Sie einfach Illustrator und klicken Sie auf "Dokument drucken".

Wählen Sie nun einen Namen für Ihre Dateien und legen Sie Ihre Abmessungen fest. Normalerweise arbeite ich für alle meine Designs auf einer 15 x 22 Zoll großen Leinwand.

Schritt 2

Ich habe diesem Tutorial ein Pinselpaket beigefügt. Um das Pinselpaket zu installieren, suchen Sie, wo Illustrator auf Ihrem Computer gespeichert ist, klicken Sie darauf und dann auf den Ordner Voreinstellungen. Suchen Sie dann den Pinselordner und ziehen oder speichern Sie die Pinsel in diesem Ordner. Normalerweise benutze ich nur die letzten 2 Pinsel, habe aber andere hinzugefügt, wenn Sie sie ausprobieren möchten.

Wenn Sie in Illustrator die Druckempfindlichkeit nicht aktiviert haben, doppelklicken Sie auf die Pinselschaltfläche und lassen Sie Ihr Fenster wie meins aussehen.

Schritt 3

Jetzt kommen wir zu den lustigen Sachen. Normalerweise beginne ich mit dem allerletzten Pinsel im Pinselpaket und beginne dann mit dem Zeichnen. Zeichnen Sie, was immer Sie wollen, für dieses Tutorial zeichne ich eine Art Bild mit einem Gorilla darin. Normalerweise beginne ich mit Grundformen, um eine ungefähre Vorstellung vom Layout zu bekommen und zu erfahren, wohin alles gehen soll. Das sollte sehr einfach sein, dies wird als Skizze für dieses Design dienen.

Schritt 4

Sobald Sie alles angelegt haben, wählen Sie alles aus und machen Sie eine andere Farbe als Schwarz. Normalerweise mache ich das unter Skizze blau. Sperren Sie nun das Layer und erstellen Sie darüber ein neues Layer. Das ist das Layer, in der wir einige Details hinzufügen werden. In diesem Layer habe ich einige Kleidungsstücke hinzugefügt.

Schritt 5

Wenn Sie mit dem Hinzufügen einiger grundlegender Details fertig sind, wählen Sie alle diese Linien aus und ändern Sie sie in einer anderen Farbe. Für diese Schicht habe ich alle Linien rosa gemacht. Sperren Sie nun dieses Layer und erstellen Sie ein weiteres neues Layer. Das Hauptbild sieht etwas zu menschlich aus, daher werde ich mit diesem Layer dem Bild einige grobe Gorilla-Merkmale hinzufügen, wie z. B. ein Gorilla-Gesicht und Haare.

Wenn Sie mit dem Hinzufügen der Merkmale fertig sind, wählen Sie alle diese Linien aus und machen Sie sie zu einer anderen Farbe. Für dieses Layer habe ich sie lila gemacht.

Schritt 6

Diese 3 Layers, die wir gerade erstellt haben, dienen nun als grundlegende Skizze für das gesamte Design. Das erleichtert das Zeichnen des Entwurfs, da so gut wie alle schwierigen Entscheidungen bereits getroffen wurden und Sie sich als Nächstes nur noch um das Zeichnen kümmern müssen.

Schalten Sie alle Layers frei, die gerade erstellt wurden, wähle alle aus und ändere dann die Opazität. Ich ändere meine Opazität auf ungefähr 50, wodurch die tatsächlichen Linien, die Sie als nächstes zeichnen, viel einfacher zu sehen sind und Sie dies trotzdem unter Skizze sehen können.

Jetzt erstellen Sie ein neues Layer. Dieses Layer fungiert als Linienlayer. Ich würde es in "Linien" umbenennen, um später Verwirrung zu vermeiden, da Sie schließlich eine Menge Layers haben und es hilft zu wissen, welches Layer was ist.

Klicken Sie nun auf das Pinselwerkzeug, stellen Sie sicher, dass die Opazität auf 100% eingestellt ist, wählen Sie eine Farbe für den Strich (ich habe Schwarz gewählt) und beginnen Sie mit dem Zeichnen auf Layer 4 über der unteren Skizze.

Schritt 7

Ich kann gar nicht genug betonen, wie wichtig die Strichstärke beim Zeichnen ist. Der größte Teil meiner Kunst hängt von der Strichstärke ab, es macht die Dinge viel interessanter. Es hilft auch beim Zeichnen von Haaren. Mit den Haaren fange ich einfach an, ein paar fließende Linien zu zeichnen, um die Idee von Haaren zu vermitteln

Und dann verbinde ich sie. Es ist sehr wichtig, dass Sie keine offenen Wege haben, bevor wir mit dem Färben beginnen!

Schritt 8

Für geometrischere Formen können die Stift- und Ankerwerkzeuge Ihr bester Freund sein. Ich möchte einen Hut auf den Gorilla zeichnen, und ich möchte, dass die Rechnung glatt und rund aussieht. Wenn Sie keine ruhige Hand haben, werden die Dinge etwas holprig aussehen, aber wir können das beheben!

Sie sehen diese Punkte am Rand, es gibt zu viele davon. Wir können sie entfernen, indem wir das Stiftwerkzeug verwenden und auf jeden Punkt klicken, der nicht erforderlich ist, und sie werden gelöscht.

Wenn Sie das Direktauswahl-Werkzeug verwenden, auf die Ankerpunkte klicken und die Winkel ändern, erhalten Sie schließlich eine glatte Form...

...so was!

Schritt 9

OK, jetzt, nur mit diesen Grundlinien, können die Dinge sehr langweilig aussehen, wir können dies ändern. Was Sie zuerst tun möchten, ist, Ihrr Linienlayer zu sperren, dann ein neues Layer zu erstellen und sie "Details" zu nennen. Hier können Sie Ihrem Bild viel mehr Textur und Tiefe verleihen.

Auf dieses Layer verwende ich eine Mischung aus dem Pinselwerkzeug und dem Blobpinselwerkzeug. Das Blob-Pinsel-Werkzeug eignet sich hervorragend zum Färben in großen schwarzen Bereichen.

Hier können Sie im Grunde genommen verrückt werden und dem Design alles hinzufügen, was Sie wollen, um es interessant zu machen!

Dieses Layer eignet sich auch hervorragend zum Hinzufügen von Linien im Haar. Es gibt keine wirkliche Methode, um Haare wie Haare aussehen zu lassen. Ich füge nur Linien hinzu, wo immer ich das Gefühl habe, dass sie gebraucht werden.

Wie ich bereits sagte, ist der Blob-Pinsel zum Ausfüllen von Schwarztönen großartig. Schauen Sie sich unter dem Hemd am Arm an, ich möchte eine Art Schatten hinzufügen, um ihm etwas Tiefe zu verleihen.

Ich beginne mit dem Kleckspinsel eine Grundform zu zeichnen, in die der schwarze Bereich gehen soll...

... und dann fülle ich es aus!

Das habe ich bisher

So sieht das Linienlayer aus, wenn sie isoliert ist.

Und so sieht das Detaillayer aus, wenn sie isoliert ist.

Schritt 10

Jetzt werden wir am Hintergrund arbeiten. Zu diesem Zweck erstellen wir ein separates Linien- und Detaillayer für den Hintergrund.

Zeichnen Sie einfach eine Seite des Hintergrunds. Ich möchte, dass die rechte Seite des Designs genau wie die linke aussieht, um dem Design eine gewisse Symmetrie zu verleihen. Denken Sie daran, die "Linien" auf dem Linienlayer und die "Details" im Detailbereich zu zeichnen.

Schritt 11

OK, jetzt duplizieren wir die linke Seite des Hintergrunds und verschieben sie auf die rechte Seite. Sie möchten Kopien beider Hintergrundlayers erstellen.

Sperren Sie die ursprünglichen Hintergrundlayers. Wählen Sie dann alle Linien auf den Hintergrundkopielayers aus und reflektieren Sie sie...

Wenn Sie auf "Reflektieren" klicken, wird dieses Fenster geöffnet.

Und dann alles nach rechts bewegen.

Aber jetzt haben wir ein Problem, es gibt einige leere Bereiche im Design.

Was Sie tun möchten, ist, diese mit Linien und Schwarz zu füllen, wobei Sie immer noch daran denken, dass Sie die "Linien" auf das Linienlayer und die "Details" auf das Detaillayer platzieren. Es sollte am Ende so aussehen.

Und jetzt möchten Sie Ihre Layers verdichten, nur um die Dinge ein wenig aufzuräumen. Führen Sie das Layer "Hintergrundlinien" mit dem Layer "Ursprüngliche Linien" zusammen und machen Sie dasselbe mit den Details.

Um noch mehr aufzuräumen, führen Sie Ihre Hintergrundlinien mit dem Layer "Normale Linien" zusammen und machen Sie dasselbe für die Details.

Schritt 12

Jetzt habe ich bereits in meinem letzten Tutorial "Die Erschaffung eines geflügelten Vektormonsters" beschrieben, wie ich färbe, aber ich werde hier noch einmal ein wenig darauf eingehen. Wählen Sie den Live Paint Bucket aus dem Werkzeugbereich.

Sperren Sie alle Ihre Layers außer Ihres Linienlayers und erstellen Sie ein Duplikat davon. Nennen Sie dieses Duplikat "Basis" und sperren Sie dann Ihr Layer "Linien".

Wählen Sie auf Ihrem entsperrten "Basis"-Layer alle aus und klicken Sie dann bei ausgewähltem Live-Farbeimer auf Ihr Bild. Dieses Fenster wird möglicherweise geöffnet. Wenn dies der Fall ist, klicken Sie einfach auf OK.

Wenn alles noch ausgewählt ist, greifen Sie zu Ihrem Auswahlwerkzeug und gehen Sie dann zur oberen Menüleiste, um Ihre Farben von dieser...

... dazu.

Dieses Layer dient als Vorlage für alle Ihre Farblayers. Für jede Farbe, die Sie möchten, möchten Sie Ihr "Basis"-Layer duplizieren und sie dann entweder in eine Farbe, ein Körperteil oder wirklich umbenennen, wie Sie es nennen möchten.

Schritt 13

Okay, jetzt kommen wir endlich zur Färbung! Während ich auf dem duplizierten Layer meine "Haare" benannt habe, wählen Sie erneut den Live Paint Bucket.

Wählen Sie nun Ihre Farbe aus einem Farbfeld...

... oder machen Sie Ihre eigenen

Ich habe mich erst einmal für Lila entschieden, aber am Ende ändere ich es in Kürze.

Hier sind meine flachen Grundfarben.

Ich mag es nicht wirklich, wie es auf Weiß aussieht, also werde ich ein neues Layer unter dem "Basislayer" erstellen und ein schwarzes Quadrat als Hintergrundfarbe für das Bild zeichnen.

So sieht mein Layerfenster aus, wenn ich alle meine flachen Grundfarben ausgewählt habe.

Wenn Sie dem Bild zusätzliche Tiefe mit Schatten oder Lichtern hinzufügen möchten, fügen Sie einfach ein neues Layer hinzu (nicht mit dem "Basis"-Layer) und legen Sie sie auf das Layer, auf der Sie zeichnen.

Wählen Sie dann das Stiftwerkzeug...

... eine Form zeichnen und mit Farbe füllen.

Ich bin mir nicht sicher, wie ich mich dabei fühle, aber ich kann es später immer noch herausnehmen.

Schritt 14

Ich möchte ein bisschen mehr mit den Farben herumspielen. Es gibt einen einfachen Weg, dies zu tun. Entsperren Sie zuerst alle Farblayers und wählen Sie dann alle aus.

Klicken Sie auf die Schaltfläche Kunstwerk neu einfärben. Es ist dieser seltsam aussehende Kreisknopf!

Dieses Fenster wird geöffnet. Es werden alle Farben angezeigt, die sich derzeit in Ihrem Bild befinden. Um die Farben zu ändern, klicken Sie auf die Registerkarte Bearbeiten.

Das ist, was angezeigt wird, und dann bewegen Sie einfach die kleinen Kreise herum und es ändert die Farben auf dem Bild direkt vor Ihren Augen.

Das sind die Farben, auf die ich mich endgültig festgelegt habe. Ich wollte weniger Farben verwenden, damit es ein bisschen retro aussieht. Wie Sie sehen können, habe ich die Schatten und Lichter herausgenommen, aber das ist nur eine persönliche Präferenz und hängt wirklich davon ab, welche Art von Design Sie versuchen.

Sobald alles herausgefunden ist, können Sie, wenn Sie möchten, einige Hintergrundelemente hinzufügen. Ich habe diesen Splatter hinten hinzugefügt, um das Bild etwas interessanter zu machen.

Wenn Sie fertig sind, speichern Sie es. Hoffentlich haben Sie es während des gesamten Designprozesses gespeichert... Ich selbst bin sehr schlecht darin!

Schritt 15

In diesem Abschnitt zeige ich Ihnen ein wenig darüber, wie ich Farbe trenne. Was Sie zuerst tun möchten, ist Speichern unter und benennen Sie es anders als Ihr Original. Ich benenne alle meine getrennten Dateien mit einem "_ex" am Ende, wobei "ex" für erweitert steht.

Was Sie nun für jedes Layer einzeln tun möchten (stellen Sie sicher, dass alle Layers außer der zu ändernden Layers gesperrt sind), ist Jedes Layer erweitern. Das ist sehr wichtig, insbesondere wenn Sie Dateien an einen Client senden. Der Client, an den Sie Ihre Dateien senden, verfügt möglicherweise nicht über dieselben Pinsel wie auf Ihrem Computer. Durch Erweitern wird jede Zeile zu einem eigenen Objekt.

Wählen Sie nun alle Layers aus (außer dem schwarzen Hintergrund).

Klicken Sie auf diese Schaltfläche in der rechten Ecke des Layersfensters und wählen Sie Ausgewählte zusammenführen.

Jedes Layer wird zu einem Layer zusammengeführt. Um es noch mehr zusammenzuführen, öffnen Sie das Pathfinder-Fenster und wählen Sie Zusammenführen.

Duplizieren Sie nun das Layer für so viele Farben, wie Sie im Stück haben. Ich mag es, ein paar mehr zu duplizieren, nur für den Fall, dass ich eine Farbe verpasst oder es vermasselt habe.

Isolieren Sie nun jedes Layer, indem Sie sie verriegeln, aber eine offen lassen. Wählen Sie mit dem Direktauswahl-Werkzeug eine Farbe aus dem Design aus (normalerweise beginne ich mit Schwarz) und wählen Sie dann dieselbe Füllfarbe aus.

Wählen Sie dann die Umkehrung davon aus und klicken Sie dann auf Löschen.

Das löschte alles, was in dem Stück nicht schwarz war. Fahren Sie nun mit dem nächsten Layer fort, wählen Sie eine andere Farbe aus und wiederholen Sie die vorherigen Schritte. Schließlich haben Sie auf jedem Layer eine eigene Farbe (löschen Sie alle doppelten Layers, die Sie nicht benötigen). Speichern Sie die Datei und Sie sind fertig!

So sieht das endgültige Bild wieder aus. Klicken Sie auf das Bild, um es zu vergrößern.

Schlussfolgerung

Sobald alles erledigt ist, können Sie die Datei abschicken. Wenn der Kunde sehen möchte, dass es auf einem Hemd verspottet wird, öffnen Sie es in Photoshop und werfen Sie es auf ein Hemd.

Jetzt sind Sie fertig, es sei denn, Sie möchten dem Design eine funky Schriftart oder etwas hinzufügen. Da jede Farbe auf einem eigenen Layer liegt, ist es außerdem viel einfacher, die Farbe des Designs zu ändern, wenn Sie oder der Kunde das wünschen. Ich hoffe, Sie haben mit diesem Tutorial ein bisschen mehr gelernt. Ich habe versucht, ein paar verschiedene Dinge zu behandeln, die ich in meinem letzten Tutorial nicht getan habe, und Ihnen zu zeigen, wie ich die Druckempfindlichkeit in Illustrator verwende. Ich hoffe es hat euch gefallen, jetzt macht ein paar verrückte Designs!