Montag, 18. Januar 2010

Tutorial: Anime Charakter aus Vektoren erstellen

Beim Betrachten einer meiner beliebteren Anime Serien, die da Inuyasha wäre, ist mir aufgefallen wie simpel sie Formen sind, die verwendet wurden um die Charaktere darzustellen.
Da ich schon im Alter von 15 Jahren angefangen habe zu kopieren bekam ich die Idee so eine Anime Figur aus einem Screenshot nachzubauen.
Damit ich es mir nicht so einfach machen konnte erlegte ich mir selber die Aufgabe auf, diese Anime Figur, in diesem Fall Yura mit dem langen Haar, komplett in Illustrator zu erschaffen und zu 100% aus Vektoren bestehen zu lassen.

Hier seht Ihr das Endresultat:




Im folgenden erläutere ich Euch wie ich vorgegangen bin:

1. Nachdem Ihr euren Screenshot gemacht habt öffnet Ihr Euch ein neues Dokument im Illustrator. Für solche kleinen Spielereien benutze ich gerne das Standard A4 Format mit der Druckoptimierten Auflösung von 300ppi.

2. Ihr Platziert Euren Screenshot auf der bisher einzigen Ebene mittels: Datei -> Platzieren…
Skaliert Euch das Bild so zurecht wie Ihr es braucht. Es sollte natürlich nicht so weit verpixeln, dass man gar nichts mehr erkennt, aber ein leichter Treppeneffekt macht nichts aus. Manchmal ist ein Treppeneffekt sogar ganz hilfreich und dient als Farbfeld für Aufnahme von Farbe um einzelne Formen einzufärben.

3. Werdet Euch darüber klar was im Bild wo platziert ist. Ich fange gerne im Mittelgrund an und arbeite mich dann in den Vordergrund bzw. Hintergrund vor.
In Falle unseres Bildes liegt der Körper von Yura selber im Mittelgrund.

Fangt nun an mit dem Zeichenstiftwerkzeug (Shortcut: P) die Konturennachzuziehen. Achtet dabei nur auf Outlines des Objektes das Ihr gerade umrandet.




Anhand des Screenshots aus meiner *.ai Datei könnt Ihr die Ebenen sehen die ich benutzt habe um die Outlines zu finden.



Wenn Ihr in Illustrator geübt seid, braucht Ihr natürlich nicht so viele Ebenen zu verwenden. Aber da dieses Tutorial auch für Anfänger geeignet sein soll, habe ich jede einzelne Anordnung auf eine eigene Ebene gebracht.

Um die Konturen nachzuziehen verwende ich gerne eine Konturdicke von 0,5 Px.

4. Kopiert alle eure Kontur(Form)ebenen. Das macht über indem Ihr alle Ebenen mit gedrückter Shift Taste (Strg bei Einzelauswahl) markiert und dann per Drag and Drop auf das zweite Symbol von rechts, in der Fußleiste des Ebenenfensters, zieht.

5. Füllt Eure Formen. Wählt dafür das Auswahl Werkzeug (Shortcut: V) aus und markiert die Form die Ihr füllen wollt. Leuchtet der Begrenzungsrahmen auf so ist Eure Form ausgewählt. Wählt nun die Pipette aus (Shortcut: I) und wählt die Farbe des Screenshots aus die diese Form haben soll.
Natürlich könnt Ihr der Figur auch andere Farben zu Teil werden lassen. Dafür macht Ihr einen Doppelklick auf das Farbflächen Symbol unter Eurer Werkzeugleiste und wählt Eure bevorzugte Farbe aus.
Eure Yura sollte nun so aussehen:



6. Denkt daran das erst Licht und Schatten Euere Grafik lebendig wirken lassen. Füllt also nun auch Eure Spitzlichter und Schatten. Das Ergebnis sollte dann in etwa so ausschauen.



7 und 8. Für noch mehr plastizität solltet Ihr nun noch aus Euren Konturebenen diejenigen Kopieren die eizelne Extremitäten abgrenzen oder betonen. In diesem Fall sind es die Unterarme, die Brust, Fingernägel, sowie das Schlüsselbein und die langen Haare zwischen Ihren Fingern.
Als letztes solltet Ihr zum modelieren des Schwertes übergehen. Dieses liegt über allen anderen Ebenen. Erzeugt Euch die Rauten die Ihr mit Fläche und Kontur füllt und legt einen Schatten über Griff und Knauf. Da das Licht von oben kommt solltet Ihr noch ein kleines Kantenlicht andeuten.



9. Wählt einen Hintergrund aus. Hierbei sind der Fantasie natürlich keine Grenzen gesetzt. Ich habe mir einen einfach einfarbigen ausgesucht, um es mir ein wenig einfacher zu machen. Selbstverständlich könnt Ihr diese Schritte auch alle benutzen um Hintergrundgrafiker zu erstellen.

Hier nochmal das fertige Bild und alle von mir verwendeten Ebenen.