Wie kann man eine detaillierte Fantasy-Szene erstellen? Teil 1

In diesem Tutorial werde ich zeigen, wie Sie in Adobe Illustrator mit dem Pinsel-Werkzeug (B) skizzieren und dann dieses Storyboard mit Strichzeichnungen mit dem Zeichenstift-Werkzeug (P), dem Buntstift-Werkzeug (N) und dem Liniensegment-Werkzeug (\) bereinigen ) und Schere-Werkzeug (C) und schließlich Hinzufügen der flachen Farben mit Interaktiv-malen (Umschalt + L). Der Zweck hier ist zu zeigen, dass Sie eine sehr detaillierte Illustration erstellen können, während Sie die genannten Werkzeuge auf einfachste Weise verwenden. Ich werde Ihnen später zeigen, wie Sie Ihre Vektorszene in Photoshop auf PSDtuts+ beenden können.

Schritt 1

Das Zeichnen einer groben Skizze ist einfach. Sie müssen sich noch nicht um Anatomie oder Perspektive kümmern. Sie müssen nur Ihre Idee auf Ihre leere Leinwand bringen. Persönlich mache ich das in Adobe Photoshop und meistens bereinige ich dort auch die Skizze, bevor ich sie in Adobe Illustrator importiere. Heute werden wir jedoch in Illustrator skizzieren.

Öffnen Sie zunächst ein neues Dokument. Datei > Neu > Wählen Sie CMYK mit Querformat aus und klicken Sie auf OK. Jetzt importieren wir das Rough; Datei > Importieren > Wählen Sie Ihre Rohdaten aus und klicken Sie auf Importieren. Wir möchten die Größe an die Leinwand anpassen. Wählen Sie also das Bild aus, halten Sie sich an einer Ecke fest und drücken Sie Umschalt + Alt, um das Skizzenverhältnis beizubehalten. Wählen Sie anschließend die Ebene aus, in der sich das Bild befindet, und verringern Sie die Deckkraft zwischen 30% und 50%. Benennen Sie sie in "Rau" um und sperren Sie sie dann.

Schritt 2

Erstellen Sie eine neue Ebene, nennen Sie sie "Skelett" und stellen Sie sicher, dass sie über Ihrer "rauen" Ebene liegt. Wir wollen uns hier auf die Perspektive konzentrieren und die Linien schaffen, die das Skelett dessen werden, was in ferner Zukunft ein Gewächshaus werden soll. Da sich dieser leicht über dem Winkel befindet, sollten Sie sicherstellen, dass die Oberseite des Geländers in der Mitte der Fenster ausgerichtet ist. Dazu möchten wir das Liniensegment-Werkzeug (\) auswählen, die Farbe (in meinem Fall blau) auf Strich umschalten (X) einstellen und mit dem Formen der Linien beginnen. Machen Sie sich keine Sorgen über überlappende Linien, die bei der Erstellung der Strichzeichnungen eine Rolle spielen.

Tipp: Wenn Sie bei Verwendung dieses Werkzeugs die Umschalttaste gedrückt halten, können Sie perfekt gerade Linien horizontal und vertikal zeichnen. Entschuldigung, mein Programm ist auf Französisch, also erscheint alles auf Französisch. Sie können die Sprache nicht ändern, ohne das Programm neu zu installieren!

Schritt 3

Hier beginnen wir mit dem Pinsel-Werkzeug (B), wobei die Standardeinstellung verwendet wird und die Breite auf 0,3pt eingestellt ist. Dies kann zu dünn sein, wenn Ihre Leinwand sehr groß ist, oder zu dick, wenn Ihre Leinwand wirklich klein ist. Sie möchten also ein Strichgewicht finden, das für Ihre eigenen Augen angenehm ist. Ich bleibe im Allgemeinen zwischen 0,3pt und 0,6pt.

Dies ist ein weiteres Problem, aber Sie möchten sich mehr Gedanken über die Größe des Charakters und den Rahmen machen, auf dem sie sitzt, als über den unteren Teil des Raums. Details sind noch nicht so wichtig. Ich persönlich benutze gerne Kreise und Quadrate, um Dinge zu formen. Ähnlich wie im Raum erstelle ich Skelette, die ich als Basis verwenden werde, um dann eine Skizze darüber zu zeichnen. Hier ändere ich auch die Dinge vom anfänglichen Rough. Ich löschte den zweiten Schreibtisch und wechselte stattdessen die Treppe mit einer hängenden Leiter und stellte fest, dass der Kamin, den ich in den Baum stellen wollte, diese Ecke der Zeichnung zu voll erscheinen ließ.

Schritt 4

Wenn Sie die Ebene sperren, die die zweite grobe Skizze und das Raumskelett enthält, erstellen Sie eine neue Ebene mit der Bezeichnung "Skizze". Zu diesem Zeitpunkt können Sie die erste grobe Skizze löschen und die Deckkraft auf der Ebene "Skelett" zwischen 30% und 40% verringern. Auf diese Weise wird es Ihre Basis sein, aber es wird Sie auch nicht daran hindern, die Abbildung zu skizzieren.

Weiter mit dem Pinsel-Werkzeug (B) beginnen wir, die Formen der Zeichen und Objekte zu formen, indem wir Details und zusätzliche Elemente hinzufügen. Sie sollten besonders auf Details achten, wenn es um den Rahmen geht, da die Strichzeichnungen dort mehr Arbeit erfordern als der untere Teil des Raums. Manchmal reicht mir die Skizze nicht aus, um meine Strichzeichnungen aufzubauen. Deshalb erstelle ich eine zweite Skizzebene und gehe detaillierter vor, um meine Referenz zu stärken. In diesem Fall brauchte ich sie jedoch nicht persönlich.

Schritt 5

Bevor wir die Strichzeichnungen einrichten und mit dem Zeichnen beginnen, erkläre ich, was, warum und wie ich die folgenden Werkzeuge zum Erstellen der Strichzeichnungen verwende. Im Laufe der Jahre habe ich versucht, Wege zu finden, um meinen Stil zu perfektionieren, und heute habe ich einige Regeln, die ich befolge und mit bestimmten Werkzeugen anwende. Dies kann für jede Person unterschiedlich sein und ich bin sicher, dass meine Methoden nicht für alle funktionieren, aber hoffentlich kann ein Teil davon hilfreich sein.

Mit dem Buntstift-Werkzeug (N) können Sie freihändig zeichnen und müssen nicht darüber nachdenken, wo Sie Ihre Ankerpunkte platzieren, um sie später zu bearbeiten. Ich benutze das Buntstift-Werkzeug (N) für alles, was mangels eines besseren Begriffs "atmet" (Bäume, Blumen, Wasser usw.). Ich verwende es aber auch für Objekte, die weich sind (Kissen, Stoff usw.). Und zu guter Letzt Holzstrukturierung oder -verzierung. All dies ist einzigartig in seiner Form; Es ist selten und/oder unmöglich, eine Blume zu finden, die mit einer anderen identisch ist, was bedeutet, dass das menschliche Auge die Unvollkommenheit in Ihren Linien nicht unbedingt bemerkt, da es Unvollkommenheiten geben soll. In dieser Abbildung sind die mit dem Buntstift-Werkzeug (N) erstellten Linien dargestellt:

Hier ist eine Nahaufnahme des Holzbereichs und ein handgezeichnetes Texturmuster in Strichzeichnungen.

Schritt 6

Das Zeichenstift-Werkzeug (P) eignet sich hervorragend für alles, was eine gewisse Präzision erfordert, oder für Objekte mit harten Kanten. Während Sie die Form der Natur "beflügeln" können, weil sie niemals identisch ist, sind harte Gegenstände eine andere Geschichte (Becher, Töpfe, Schränke, Schreibtische usw.). Wenn Sie das Objekt nicht in die Nähe dessen bringen, wie es aussehen soll, wird der Betrachter es sofort bemerken. Ich habe die mit dem Zeichenstift-Werkzeug (P) erstellten Linien über den Linien des Buntstift-Werkzeugs N hinzugefügt:

Schritt 7

Das Liniensegment-Werkzeug (\) eignet sich hervorragend zum Zeichnen von Rahmen, und in diesem Teil habe ich damit die Fenster des Gewächshauses erstellt (dies kann natürlich auch mit dem Zeichenstift-Werkzeug (\) erfolgen). Ich mische dieses Werkzeug oft mit dem Schere-Werkzeug (C). Ich werde mich auf einen bestimmten Teil der Zeichnung konzentrieren, um zu zeigen, wie Sie diese zusammen verwenden können.

Die quadratischen Öffnungen im Boden der Abbildung haben ein handgemachtes Muster. Dazu haben wir das Liniensegment-Werkzeug (\) und das Schere-Werkzeug (C) verwendet. Wir formen es zuerst mit dem Liniensegment-Werkzeug (\) aus, sodass sich die Linien überlappen können. Sobald wir fertig sind, wählen wir jede Linie einzeln aus und klicken mit dem Schere-Werkzeug (C) auf die gewünschte Stelle der Linie es zu schneiden. Sobald wir die neuen Zeilenauswahlen erstellt haben, wählen wir diejenigen aus, die wir entfernen möchten, und klicken auf unserer Tastatur auf Löschen.

Schritt 8

Wie Sie höchstwahrscheinlich bemerkt haben, habe ich die Strichzeichnungen des Charakters weggelassen. Der Grund dafür ist, dass ich sowohl das Buntstift-Werkzeug (N) als auch das Zeichenstift-Werkzeug (P) verwende. In diesem Fall liegt ihre Kleidung nahe am Körper, sodass Sie jede Kurve sehen können. Dies muss sehr genau sein (da der Betrachter es sofort bemerkt, wenn es eine offensichtliche Unvollkommenheit gibt), also habe ich das Zeichenstift-Werkzeug (P) verwendet, um ihre Körper- und Kopfform zu zeichnen. Aber dann habe ich das Buntstift-Werkzeug (N) für ihre Haare und ihre Gesichtszüge verwendet. Das Haar fließt und bewegt sich, sodass Sie vermeiden möchten, dass es steif aussieht, und das Buntstift-Werkzeug (N) ist dafür perfekt geeignet.

Für die Gesichtszüge verwende ich das Buntstift-Werkzeug (N), das auf Füllung umschalten (X) eingestellt ist, anstatt Strich umschalten (X). Gesichter sind das, was Menschen von Anfang an anziehen. Sie möchten, dass sich diese von allen anderen Zeilen abheben. Eine Möglichkeit, die Dicke und den Fluss der Linie von Hand mit einem Knebelhub zu formen, ist eine Möglichkeit, dies zu tun.

Randnotiz: Wenn ich Sommersprossen zeichne, reduziere ich die Deckkraft (zwischen 20% und 40%), da sie sonst zu hart wären und vom Rest der Gesichtszüge ablenken würden.

Schritt 9

Jetzt werden wir die Linien einrichten. Wir wollen die Strichzeichnungen in zwei Ebenen unterteilen. "Vordergrund" und "Hintergrund". Die Strichzeichnungen des Vordergrunds sind dicker als die des Hintergrunds, da sie der Abbildung eine gewisse Tiefe verleihen. In diesem Fall verwenden wir ein Strichgewicht von 0,5pt für den Vordergrund und 0,3pt für den Hintergrund. Ich habe ein dunkles Braun für meine Linien gewählt, da ich persönlich finde, dass Schwarz sehr hart für das Auge ist und mit den von mir verwendeten Farben nicht so gut funktioniert. Wenn Sie dann die verschiedenen Verwendungsmöglichkeiten des Zeichenstift-Werkzeug (P), des Buntstift-Werkzeugs (N) und des Liniensegmentwerkzeugs (\) berücksichtigen, können Sie die Strichzeichnungen über unserer Skizze des Pinsel-Werkzeugs (B) zeichnen!

Schritt 10

Wir könnten die Strichzeichnungen genau dort als abgeschlossen bezeichnen, aber bei näherer Betrachtung werden Sie feststellen, dass der Vordergrund (selbst bei einem dickeren Strichgewicht als der Hintergrund) nicht so stark herausspringt, wie er sollte/könnte. Es gibt eine einfache Möglichkeit, dies zu korrigieren. Wir werden einen Umriss erstellen. Dazu verwenden wir Interaktiv-malen (Umschalt + L) und das Pathfinder-Bedienfeld. Da wir den Vordergrund vom Hintergrund getrennt haben, werden wir die Ebene "Hintergrund" sperren und ausblenden. Sobald dies erledigt ist, duplizieren wir die Ebene "Vordergrund", benennen sie in "Gliederung" um und platzieren sie zwischen der Ebene "Vordergrund" und "Hintergrund". Sobald dies erledigt ist, sperren wir die Ebene "Vordergrund" und wählen die Ebene "Gliederung" aus und verwenden dann Interaktiv-malen (Umschalt + L oder Objekt > Interaktiv-malen > Erstellen).

Wenn Sie diese Option ausgewählt lassen, löschen wir die Strichzeichnungen aus dem Feld "Strich umschalten" (hier überprüfen Sie, ob die Ebene "Vordergrund" dupliziert wurde) und wählen dann ein Hellgrau (oder eine beliebige Farbe) aus und lassen es Ihre ausfüllen neu erstellte Interaktiv-malen-Auswahl. Sie möchten eine andere Farbe als Ihre Leinwandfarbe verwenden, damit Sie sehen können, was Sie tun.

Schritt 11

Nachdem wir das getan haben, möchten wir das Grau aus Bereichen entfernen, die aufgrund des Einschließens ausgefüllt wurden, aber Sie benötigen genau wie die anderen einen Umriss. Drücken Sie Umschalt + H, damit der Interaktiv-malen weiterhin ausgewählt ist, aber wir werden nicht mehr durch die Striche behindert. Wählen Sie den Interaktiv-malen-Werkzeug (K) und stellen Sie sicher, dass Ihre Toggle Fill und Toggle Stroke keine Farbe enthalten. Erkennen Sie nun alle Bereiche, die ohne Farbe sein müssen, und löschen Sie das Grau aus ihnen. Ein roter Umriss zeigt an, dass Sie an einem aktiven Bereich von Interaktiv-malen arbeiten.

Denken Sie daran, kleinere Bereiche zu erhalten, zum Beispiel, wo sich die hängenden Tassen in meiner Komposition befinden.

Es kann mühsam sein, aber es hilft, den unmittelbaren Vordergrund vom Hintergrund zu trennen.

Schritt 12

Nachdem Sie die Auswahl bereinigt haben, lassen Sie das Interaktiv-malen ausgewählt und gehen Sie zu Objekt > Erweitern (Auf Französisch zerlegen). Ein Fenster wird geöffnet und Sie möchten sicherstellen, dass alle drei Optionen aktiviert sind (wenn dies nicht der Fall ist, erweitern Sie das Interaktiv-malen zweimal. Dies reicht normalerweise aus). OK klicken.

Schritt 13

Nach dem erfolgreichen Erweitern des Interaktiv-malen wird der Pathfinder (Fenster > Pathfinder) angezeigt. Drücken Sie erneut Umschalt + H, damit Sie Ihre ausgewählten Linien sehen können, und gehen Sie dann zum Pathfinder. Wir verwenden die Option 'Zusammenführen' (im Screenshot hervorgehoben). Sie werden sehen, dass alles zu einer großen Form wird.

Schritt 14

Da dies ein Umriss sein wird, werden wir das Grau löschen und die gleiche Farbe, die für die Strichzeichnungen verwendet wurde (in meinem Fall Braun), in den Umschaltstrich (X) zurückgeben. Es wird automatisch auf 1pt gesetzt, auf der ursprünglichen Strichgrafik zentriert und mit quadratischen Kanten versehen (dies ist die Standardeinstellung). Wir werden das Strichgewicht auf 0,4pt ändern. Wenn Sie in Ihrem Strichbedienfeld die Option „Strich nach außen ausrichten“ anstatt „Mitte“ auswählen, wird Ihre ursprüngliche Strichgrafik süß gekuschelt. Um es etwas weniger hart zu machen, wählen wir auch die Option Abgerundete Ecke im Strichbedienfeld. Gliederung abgeschlossen! Wir können diese Ebene sperren und mit dem nächsten Schritt fortfahren.

Schritt 15

Der Vordergrund hebt sich jetzt dank des Umrisses vom Hintergrund ab, aber aufgrund der größeren Größe der Objekte, der Natur und des Charakters im Vergleich zum Rücken fühlt sich die Strichgrafik "flach" an. Dies gilt auch für den Baum im Hintergrund. Es hat überhaupt keine Textur, und obwohl Sie ein Muster darauf werfen könnten, besteht das Hauptproblem bei Mustern darin, dass es sich wiederholt. Muster sind sehr effektiv, wenn Sie einen ganzen Wald zeichnen und einige der Rinden im Hintergrund ausblenden. Da es hier jedoch nur drei davon gibt und sie im Vordergrund stehen, möchten wir sicherstellen, dass Sie nicht sehen können die Kopie einfügen in die Textur.

Erstellen Sie eine neue Ebene über der Ebene "Hintergrund" und nennen Sie sie "Baumstruktur". Da das allgemeine Strichgewicht der Hintergrundliniengrafik bei 0,3 pt lag, verwenden wir ein Strichgewicht von 0,18 pt, um die Textur zu zeichnen. Ich persönlich mag es, wenn die Textur weniger "in deinem Gesicht" ist als der Baumumriss, weshalb ich ein dünneres Strichgewicht vorschlage.

Mit dem Buntstift-Werkzeug (N) zeichnen wir kurze Linien, die der Form der Äste und der Rinde folgen. Es ist alles organisch, also müssen Sie es nicht überdenken, sondern nur in die Richtung ziehen, die sich natürlich anfühlt, und Sie können im Allgemeinen nichts falsch machen. Es mag albern erscheinen, aber manchmal ist es gut, aus dem Haus zu gehen und sich in die Nähe eines tatsächlichen Baumes zu stellen und nur zu starren. Deine Nachbarn werden dich für komisch halten, aber alles für künstlerische Sachen.

Schritt 16

Erstellen Sie eine neue Ebene über der Ebene "Vordergrund" und nennen Sie sie "FG-Detaillierung". Wir werden den gleichen Prozess auf die Bäume im Vordergrund anwenden. Da das Strichgewicht des Vordergrunds dicker war (0,5 pt), verwenden wir ein Strichgewicht von 0,2 pt für die Baumstruktur. Normalerweise wäre ich mit 0,3pt gegangen, aber da dies das Strichgewicht des Hintergrunds ist, habe ich eine dünnere Breite gewählt, um sie voneinander zu trennen.

In diesem Prozess füge ich dem Zeichen und den Objekten im Vordergrund innere Linien hinzu, damit ihre Strichzeichnungen im Hintergrund detaillierter (weniger flach) erscheinen. Es gibt keine wirkliche Logik für ihre Platzierung, sondern nur das, was ästhetisch ansprechend aussieht.

Schritt 17

Erstellen Sie eine weitere neue Ebene und platzieren Sie sie auf Ihrer "Hintergrundebene". Nennen Sie sie "Wasserringe". Hier fügen wir einige Wasserringe in die Töpfe und Becher ein, deren Deckkraft (50%) verringert wird, damit sie leicht transparent erscheinen. Sie können dies entweder mit dem Ellipsen-Werkzeug (L) tun, um die Kreise genauer zu machen, oder mit dem Buntstift-Werkzeug (N), um die Genauigkeit zu verringern.

Schritt 18

Jetzt haben wir die Strichzeichnungen fertiggestellt. Wählen Sie alle Vordergrundebenen ("Vordergrund", "FG-Detaillierung") aus und gruppieren Sie sie (Strg + G). Wählen Sie dann alle Hintergrundebenen ("Hintergrund", "Wasserringe", "Baumstruktur" und "Umriss" aus). ) und gruppieren Sie diese (Strg + G).

Wenn Ihre Datei sehr schwer wird und Sie mehr als alles andere frustriert, woran Sie arbeiten müssen, können Sie zwei Dinge tun, um die Arbeit zu erleichtern und Ihr Programm zu beschleunigen. Blenden Sie den Hintergrund aus, während Sie im Vordergrund arbeiten (umgekehrt). Oder verwandeln Sie Ihre Strichzeichnungen in Symbole, bevor Sie mit dem Färben beginnen. In diesem Fall werden wir es in Symbole verwandeln. Bevor wir dies tun, müssen wir die Datei zum Färben vorbereiten.

Schritt 19

Schließen Sie Ihre Datei und duplizieren Sie sie (meine befand sich auf meinem Desktop, also habe ich sie dort dupliziert). Benennen Sie das Duplikat in etwas Denkwürdiges um. Öffnen Sie das Duplikat und löschen Sie die Ebene, die die Skizze enthält (wenn Sie Ihre Roughs und Skelette bis jetzt beibehalten haben, löschen Sie diese ebenfalls aus).

Jetzt werden wir die Ebene "Vordergrund" und die Ebene "Hintergrund" duplizieren. Legen Sie die Duplikate unter ihre Originale. Nennen Sie das Duplikat "Foreground" als "FG-LP" (Foreground Live Paint) und das zweite als "BG-LP" (Background Live Paint). Sobald dies erledigt ist, sperren und verbergen Sie die Ebenen "Vordergrund" und "Hintergrund". Wir hätten einfach alle Strichzeichnungen zusammenfügen und ein großes Interaktiv-malen erstellen können, aber der Hauptgrund dafür ist, dass wir den Vordergrund leichter schattieren und hervorheben können, da wir diese Illustration in Photoshop nachbearbeiten vom Hintergrund getrennt.

Wir werden beide Ebenen ("FG-LP" und "BG-LP") in ihre individuellen Interaktiv-malen (Umschalt + L) verwandeln und genau wie bei der Gliederung den Toggle-Strich (X) löschen. In beiden Ebenen ist die Interaktiv-malen-Auswahl vorhanden, jedoch ohne Farbe. Schließen Sie sie ab und wir werden gleich darauf zurückkommen.

Schritt 20

Jetzt werden wir die Strichzeichnungen in Symbole verwandeln. Entsperren Sie die Ebene "Vordergrund", wählen Sie sie aus und suchen Sie das Symbolbedienfeld (Fenster > Symbole). Klicken Sie auf Neues Symbol. Sobald es dort ist, erstellen Sie eine neue Ebene (nennen Sie es "Vordergrundsymbol") und laden Sie Ihr Symbol ein, indem Sie es im Symbolfenster auswählen und auf den schwarzen Pfeil klicken.

Hinweis: Ich habe CS2, habe aber einmal in CS4 gearbeitet und weiß, dass es sich beim Erstellen eines Symbols automatisch über das ersetzt, was Sie ursprünglich als Symbol erstellt haben. In CS2 ist das nicht der Fall. Wenn Sie über CS2 verfügen, behalten Sie beim Laden des Symbols Ihre Vordergrundebene bei, da Sie das Symbol jetzt verschieben müssen, bis es mit der Platzierung der Strichzeichnungen übereinstimmt. Nachdem Sie Ihr Symbol mit der anfänglichen Strichgrafik abgeglichen haben, können Sie die Ebene "Vordergrund" löschen und das Vordergrundsymbol sperren. Wiederholen Sie diesen Vorgang mit der Ebene "Hintergrund".

Tipps zu Interaktiv-malen: Es ist sehr empfindlich. Ich verbringe einmal eine Stunde damit, in meinen Schichten herumzuwandern, um zu verstehen, warum es nicht funktionieren würde. Es stellte sich heraus, dass ich dort eine versteckte Referenzebene mit einer Jog-Datei belassen hatte. Zuvor erstellte Live-Farben und/oder Masken machen Interaktiv-malen auch nicht glücklich. Sie möchten sie daher vor dem Erstellen von Objekten > Erweitern.

Schritt 21

Letzter Schritt vor dem Einfügen der flachen Farben in die Abbildung. Ich persönlich mag es nicht, meine Strichzeichnungen ohne eine Füllmethode über meinen Farben zu lassen. Ich finde die Kanten sehen seltsam aus und die Farben greifen nicht ineinander. Wenn Sie keine Füllmethode aktivieren, erhalten Sie eine sehr seltsame Mischung aus hellen Strichzeichnungen auf dunklen Ebenen, oder wenn Sie ein Braun verwenden, das dem Braun ähnelt, das ich in den Strichzeichnungen verwendet habe, können Sie dies nicht Unterscheiden Sie sie usw. Wenn Sie Ihren Strichzeichnungen eine Füllmethode hinzufügen, können die Linien mit Ihren Farben verschmelzen, anstatt sehr offensichtlich oder gar nicht zu werden (abhängig von Ihrer Farbauswahl). Wir werden die Vordergrundsymbolebene und die Hintergrundsymbolebene auswählen und ein Füllmethode-Multiplizieren anwenden.

Schritt 22

Farben machen Spaß, sind aber manchmal schwierig. Für eine eisige Atmosphäre können Sie mit Blau, Weiß und Grau gehen. Für eine warme können Sie mit Rot, Orangen, Gelb und Braun gehen. Wenn Ihre Illustration Teil einer Geschichte mit einem in der Geschichte festgelegten Farbschema ist, müssen Sie diese mit der gewünschten Atmosphäre in Einklang bringen.

Dies ist ein Storyboard einer Geschichte, die ich geschrieben habe. Daher muss ich die Farbe der Figur einbeziehen und den Raum, in dem sie sich befindet, erneut in den geschriebenen Text aufnehmen, um mich daran zu erinnern, welche Farben ich dort beschrieben habe. Sie ist blass mit schwarzen und blauen Haaren und trägt Kleidung in verschiedenen Blautönen. Sie lebt in einem Schloss, in dem es ein Gewächshaus gibt, das angeblich mit den Farben der Regenbogen gefüllt ist, aber nicht so, dass es dem Auge entspricht. Mit diesen Informationen bringe ich meine Farbpaletten heraus, die ich vor einiger Zeit erstellt habe. Die mit dem Titel "Mental" enthält die Farben, die ich für die Charaktere in dieser Geschichte verwende, und die Farbpalette "PvsC2" habe ich vor langer Zeit für eine zufällige Zeichnung erstellt, aber oft verwendet, da es einige großartige Braun- und Rottöne gibt da drin. Ich behalte auch die Standard-CMYK-Palette von Illustrator bei, da sie alle Farben des Regenbogens enthält.

Um die anderen Farbpaletten zu finden, die Illustrator zu bieten hat, klicken Sie auf den kleinen runden Pfeil in der oberen rechten Ecke Ihres Farbfeldbedienfelds und gehen Sie zu "Farbfeldbibliothek öffnen". Ein Seitenfenster wird angezeigt und die Liste der Paletten wird angezeigt.

Schritt 23

Jetzt, da wir unsere Paletten und Interaktiv-malen bereit haben, können wir mit dem Färben beginnen! Wählen Sie Ihren Vordergrund oder Hintergrund (je nachdem, mit was Sie beginnen möchten) und wählen Sie den Interaktiv-malen-Werkzeug (K). Wählen Sie eine Farbe aus Ihrer Palette und klicken Sie auf den gewünschten Bereich des Interaktiv-malen in dieser Farbe.

Hinweis: Wenn einige Bereiche Ihrer Strichzeichnungen nicht auf Interaktiv-malen reagieren, haben Sie Ihre Linien möglicherweise nicht richtig geschlossen. Daher wird entweder ein größerer Teil als erforderlich ausgewählt (einschließlich der benachbarten Umgebung) oder es macht überhaupt nichts. Um dies zu beheben, müssen Sie lediglich das Zeichenstift-Werkzeug (P) oder das Buntstift-Werkzeug (N) verwenden, die Öffnung in der Strichgrafik suchen, die nicht vorhanden sein sollte, und sie dann im Interaktiv-malen selbst schließen.

Schritt 24

Nachdem wir alle flachen Farben hinzugefügt haben, werden wir den Vordergrund wieder aus dem Hintergrund herausspringen lassen und mehr Tiefe hinzufügen. Diese kleine Optimierung zeigt den Unterschied zwischen Vordergrund und Hintergrund. Wir werden die Vordergrundsymbolebene, die Vordergrund-Interaktiv-malen und die Hintergrundsymbolebene sperren.

Sobald dies erledigt ist, wählen wir den Hintergrund Interaktiv-malen und senken die Deckkraft auf 80%. Das war's, jetzt fällt der Vordergrund sowohl durch die unterschiedliche Linienbreite als auch durch die flachen Farben richtig auf.

Schritt 25

Um die Wohnungen weniger flach erscheinen zu lassen, verwenden wir einen Farbverlauf. Erstellen Sie eine neue Ebene, die über allen anderen liegt, und nennen Sie sie "Verlauf". Zeichnen Sie mit dem Rechteck-Werkzeug (M) ein Rechteck, das die gesamte Abbildung abdeckt. Wenn Sie es ausgewählt lassen, fügen Sie einen Farbverlauf hinzu, der Ihren Wünschen entspricht, und das würde Ihre flachen Farben ergänzen. Sie können Standardverläufe in Ihrer Farbpalette finden oder einen neuen erstellen und mithilfe des Verlaufsbedienfelds Ihre eigenen Farben auswählen. Fenster > Farbverlauf.

Richten Sie Ihren Verlauf mit dem Verlauf-Werkzeug (G) als Nächstes um. Dazu ziehen Sie einfach eine Linie in die Richtung, in der der Verlauf angezeigt werden soll. Sie möchten die Tatsache nutzen, dass dieser Verlauf beim anschließenden Schattieren und Hervorheben hilft. Stellen Sie daher sicher, dass die dunklere Farbe Ihres Verlaufs den Bereich Ihrer Illustration abdeckt, in dem Ihre zukünftige Lichtquelle am wenigsten trifft.

Schritt 26

Wenn der Farbverlauf noch ausgewählt ist, werden wir die Füllmethode Weiches Licht verwenden (es ist subtil, aber ich persönlich mag es) und die Deckkraft zwischen 40% und 60% senken. Auf diese Weise fällt es auf, ist aber nicht überwältigend.

Schritt 27

Um sicherzustellen, dass beim Speichern der Datei und beim Einfügen in Adobe Photoshop keine überschüssigen Strichzeichnungen angezeigt werden, erstellen wir einen Schnittbereich . Dies ist spezifisch für CS2, da Versionen darüber die Artboard-Option haben. Erstellen Sie eine neue Ebene. Verwenden Sie das Rechteck-Werkzeug (M), das auf Strich umschalten (X) eingestellt ist, damit Sie einen Umriss und kein gefülltes Rechteck erhalten. Stellen Sie sicher, dass es Ihre Illustration fest umschließt und dass sich die überschüssige Strichgrafik außerhalb des Rechtecks befindet. Wenn Sie es ausgewählt lassen, gehen wir zu Objekt > Schnittbereich > Erstellen. Von dort aus wird es seine Magie entfalten und tada! Wenn Sie Ihre Illustration speichern oder exportieren, wird diese neue Ernte berücksichtigt. Der graue Umriss ist die ursprüngliche Leinwand und der rote Umriss ist die neue Ernte, die wir gerade gemacht haben.

Schritt 28

Von Anfang bis Ende haben wir den Vordergrund vom Hintergrund getrennt, damit wir uns beim Laden dieser Dateien in Photoshop keine Sorgen machen müssen, dass wir beim Schattieren übermäßig ordentlich sind, und falls wir den Hintergrund vom Vordergrund abdunkeln oder aufhellen müssen etwas mehr.

Um diese zu speichern, blenden Sie zuerst alle Hintergrundebenen aus, wobei nur der Vordergrund sichtbar bleibt, und gehen Sie dann zu Datei > Für Web speichern. In der Vordergrundabbildung wird ein Fenster geöffnet und geladen. Um sicherzustellen, dass der Bereich, in dem der Hintergrund angezeigt wird, transparent ist, speichern Sie die Datei als PNG. Die Option dazu finden Sie rechts unter Vordefinierte Parameter.

Die Größe der Abbildung hängt davon ab, wofür Sie sie wünschen. Der Grund, warum ich in Illustrator nicht fortfahre, ist, dass es nicht unendlich skalierbar sein muss und daher die Nachbearbeitung in Photoshop schneller ist. Es ermöglicht auch eine Grobheit, die ich in Illustrator noch nicht erreichen konnte. Ich habe es mit einer Breite von 6000 Pixel gespeichert, sodass es groß genug ist, um ein großes Poster zu drucken, wenn ich dies eines Tages tun möchte.

Die Option zum Ändern der Bildgröße finden Sie auch rechts unter Vordefinierte Parameter und unter Bildgröße. Wenn Sie die Zahlen der Breite eingeben, wird die Höhe normalerweise automatisch zusammen mit der Größe angepasst. Wenn dies nicht der Fall ist, stellen Sie sicher, dass das Kontrollkästchen Proportionen beibehalten aktiviert ist. Übernehmen Sie die soeben eingegebenen Änderungen (klicken Sie direkt unter den Optionen zum Ändern der Bildgröße auf Übernehmen) und speichern Sie sie. Wenn Sie es auf Ihrem Desktop (oder in einem beliebigen Ordner, in dem Sie Ihre Dateien aufbewahren) gespeichert haben, wiederholen Sie dies mit dem Hintergrund. Stellen Sie sicher, dass Sie es mit einer Breite von 6000 Pixel speichern, genau wie der Vordergrund (oder die von Ihnen gewählte Größe) und als PNG, damit die flachen Farben, die Sie auf 80% Deckkraft eingestellt haben, damit der Vordergrund herausspringt, teilweise durchscheinend bleiben.

Endgültiges Bild

Jetzt kann die Illustration schattiert, hervorgehoben, strukturiert und fertiggestellt werden! Um herauszufinden, wie das geht, kannst du Teil 2 dieses Tutorials auf PSDtuts+ lesen!