Share
Es gibt wenige Projekte, die mehr Spaß machen, als Videospielcharakterkonzepte zu entwerfen. Die Farben, die Kleidung und das Gesamtdesign haben für den Konzeptkünstler wenig Einschränkungen. In Adobe Illustrator zeichnen wir ein Vektorzeichen, das für die Animation animiert ist. In diesem dreiteiligen Lernprogramm erfahren Sie mehr über die After Effects- und Game Development-Teams von Tuts+.
Unsere Kandi Runner-Serie umfasst drei Tutorials. In diesem Teil lernen Sie, wie Sie das Vektorspiel-Sprite erstellen. Sie sollten sich aber auch die anderen beiden Tutorials der Serie ansehen.
Wenn Sie diesem Tutorial folgen möchten, können Sie die Skizze herunterladen.
Unser Spiel-Sprite wird im Profil angezeigt, sodass die Animationskomponente des Cross-Over einen Laufzyklus enthalten kann. Als solches habe ich mein Design in skizziert Adobe Photoshop CC. Beginnen Sie mit kurzen Linien, die den Gesamtstil des Charakters und der Proportionen kennzeichnen, und enden mit einem dunkleren, eingefärbten Design, das für die Adobe Illustrator-Behandlung vorbereitet ist. Beachten Sie, dass sich die Proportionen in dieser Skizze während des Lernprogramms etwas ändern. Die einfache Skalierung ermöglicht schnelle Änderungen der Kopf- und Körpergröße im Vergleich zum vollständigen Zeichnen.
Für den Kopf habe ich mit einem mit dem Kreis gezeichneten Kreis begonnen Ellipsenwerkzeug (L). Der untere Gesichtsabschnitt wurde aus der Skizze mit dem Symbol "." Stiftwerkzeug (P). Vereinen beide formen in Pfadfinder wenn Sie mit dem erstellten Profil zufrieden sind.
Das Haar ist in großen, farbigen Abschnitten ausgeführt. Ich wollte, dass sie absolut massives Dreadlock-ähnliches Haar hat (fast wie eine Stoffpuppe). Verwenden Sie die Stiftwerkzeug um jeden Haarabschnitt zu zeichnen. Insgesamt sind hier zehn gezeichnet, die irgendwann getrennt und einzeln dargestellt werden, so dass sie animiert werden können. Inzwischen, Gruppe (Control-G) Deine Haarteile zusammen.
Einblenden das Gesicht in der Schichten Vergewissern Sie sich, dass Sie mit der Art, wie die Haare um den Kopf hängen, zufrieden sind und das Gesicht, das später gezeichnet wird, nicht verdecken.
Bewegung auf die Beine und den Torso. Beginnen Sie mit dem Oberschenkel und der Unterseite des Charakters. Sie trägt eine Art Rüstung (ich habe mir vorgestellt, dass dies eine Art Action-Puzzle-Spiel ist. Vielleicht rast sie ein fliegendes Fahrzeug und verlangt von der Rüstung, dass sie sie beschützt), und daher ist sie eher lila-grau als schlichtes Grau. Das Oberteil des Outfits ist vorerst hellrosa. Später mache ich diese Krickente. Diese drei Teile bilden den Oberkörper und den Oberschenkel und bleiben am Knie stehen.
Zeichnen Sie für den Unterschenkel und das Knie ein Kniestück (wie ein abgewinkelter Halbkreis), und folgen Sie der Skizze für die Umrisse der Wade und des Fußes. Ich habe den Beinabschnitt an der Oberseite des Fußes mit der Idee des Kostüms gestoppt, das alte Gamaschen enthält (denken Sie an das Modedesign der 1920er). Das untere Fußstück ist eine separate Form.
Zeichnen Sie für den hinteren Teil des Stiefels / Schuhs eine Ellipse mit Ellipse-Werkzeug, Wählen Sie das Beinstück aus und verwenden Sie die Form-Builder-Werkzeug, Wählen Sie den Teil der Ellipse aus, der sich außerhalb des Fußes befindet. Deaktivieren und löschen Sie dieses zusätzliche Teil.
Auf der linken Seite sehen Sie den Charakter so weit. Sie hat ein Kostüm, braucht aber einen Hals, eine Brust und einen Arm. Folgen Sie der Skizze und zeichnen Sie den Hals und einen Teil der Brust. Legen Sie diese hinter die Torsostücke in Schichten Panel.
Für den Arm habe ich mit einer Ellipse (die Schulter bezeichnet) angefangen, und habe einen Arm hinzugefügt, der am Ellbogen eingerückt ist. Wenn Sie diesen Charakter animieren, können Sie den Bizeps für mehr Bewegung vom Unterarm trennen. Der Arm bleibt etwas hinter dem Handgelenk stehen, wo ich eine Form gezeichnet habe, die die Handfläche anzeigt.
Für die Hand habe ich die Armformen versteckt, so dass wir uns darauf konzentrieren können, Finger auf die Handfläche zu legen. Verwendung der Stiftwerkzeug, Ich habe eine abgerundete rechteckige Form (diese hat jedoch eine flache Seite und eine gekrümmte Seite) für den Daumen gezeichnet. Verwenden Sie die Abgerundetes Rechteckwerkzeug für die anderen Finger. Ich habe den kleinen Finger rausgeschmissen, damit die Hand nicht zu steif wirkt.
Bevor wir den Charakter skizzieren und schattieren, konzentrieren wir uns zunächst auf einige Bearbeitungen und Ergänzungen. Wählen Sie den Torso und die Beinteile aus, Gruppe vorerst zusammen, und ein bisschen vergrößern. Siehe unten für den Vergleich zwischen dem vergrößerten und dem kleineren Körper. Auf diese Weise hat sie einen großen Torso und längere Beine, um ihren großen (und wahrscheinlich schweren) Kopf auszugleichen.
Der Rücken der Figur ist etwas klein und flach, daher habe ich den Ankerpunkt ganz rechts aus der ursprünglichen Form herausgezogen. Außerdem habe ich ein Hemd mit hohem Kragen hinzugefügt, das ich tragen konnte, indem ich die Brustform mit einer dunkelvioletten-grauen Form überzeichne, sowohl die Brust- als auch die Hemdform auswähle und mit der Form-Builder-Werkzeug Auswählen des nicht schneidenden Teils der Hemdform. Deaktivieren Sie beide und löschen Sie die überschüssigen Hemdteile. Legen Sie das Hemd über dem Check Piece in die Schichten Panel.
Anstelle eines Vollhandschuhs entschied ich mich für einen Handschuh mit niedrigerem Handgelenk. Ändern Sie dazu die Farbe des aktuellen Handschuhs in den Hautton Ihres Charakters. Dann, Kopieren (Control-C) und Einfügen (Kontrolle-V) Richten Sie die Hand aus, und ziehen Sie einen Kreis mit der Ellipse-Werkzeug. Wähle die neue Hand und die Ellipse und aus Minus Front im Pfadfinder.
Lass uns ein paar Herzen bauen. Zeichne einen Kreis mit dem Ellipse-Werkzeug und mit der Direktauswahl-Tool (A), Ziehen Sie den unteren Ankerpunkt nach unten, so dass Sie eine Herzhälfte haben. Kopieren und Einfügen das Herz halbieren und es um eine vertikale Achse drehen. Einmal auf die Mitte ausgerichtet, Vereinen im Pfadfinder.
Kopieren und Einfügen drei Herzen am Schenkel der Figur. Diese sollten hautfarben sein. Fügen Sie dem Handschuh auch ein kleineres Herzchen hinzu.
Konzentrieren Sie sich für das Auge auf vier Teile: die oberen Wimpern und die unteren Wimpern, eine weiße Tränenform für die Augenseite und eine dünne Ellipse für die Iris. Alle wurden mit gezeichnet Stiftwerkzeug, bis auf die Iris, die mit der gemacht wurde Ellipse-Werkzeug.
Weitere Gesichtsmerkmale sind eine Augenbraue, eine Oberlippe (beide dunkelblau), ein Nasenloch und eine Nasenfalte (eine Form) sowie eine Unterlippe (dieselbe Farbe wie das Nasenloch). Wenn Sie möchten, können Sie auf das Gesicht detaillierter eingehen, aber dies gibt ihr genug Eigenschaften, um einen Charakter zu kreieren, ohne das Gesamtdesign zu überfordern.
Für die Kopf- und Haarkonturen sollten Sie, wenn Sie dieses Design animieren, den Kopf und jedes Haarteil separat umreißen. Im Interesse dieses Teils des Tutorials habe ich den Vorgang unten gezeigt, als ob Sie Kopf und Haar zusammenhalten.
Gruppe zusammen die Kopf- und Haargruppen, Kopieren und Einfügen, Vereinen im Pfadfinder, und Ausrichten mit der Hauptkopf / Haargruppe und hinter der Kopf / Haargruppe in die Schichten Panel. Wiederholen Sie den Vorgang für die Haargruppe (ohne Kopf). Jede Umrissform sollte ein Schlaganfallgewicht von 1 bis 2 Punkten.
Zeichnen Sie für den Schatten, der von ihrer massiven Frisur geworfen wird, eine Form, die der Kontur ihres Gesichts folgt und sich zwischen der Nasenbrücke und der Gesichtsseite erstreckt. Wählen Sie den Kopf und die Schattenform und verwenden Sie die Form-Builder-Werkzeug, Wählen Sie den Teil der Schattenform aus, der sich nicht mit dem Kopf schneidet. Deaktivieren Sie beide und löschen Sie die nicht schneidende Form. Platzieren Sie den Schatten über dem Kopf, aber unter den Gesichtszügen im Schichten.
Für das Ohr ist es eine Art abgerundete "D" -Form. Das Innere des Ohrs kann eine "C" -Form, "S" oder ein komisches Kringel wie das, das ich gezeichnet habe, sein. Gruppe sie zusammen und legen Sie es unter das Haar, über den Kopf und Gesicht Schattenstücke.
Bevor wir die Haare schattieren, umreißen Sie jeden Haarabschnitt. Sie können jedem Abschnitt einen dünngewichtigen Strich hinzufügen oder den Vorgang ab Abschnitt 6, Schritt 2 für jeden Abschnitt des Haares befolgen.
Für die Schatten auf den Haaren muss jeder Haarabschnitt als dunkle Version dieses Farbtons neu eingefärbt werden. Dann mit der Stiftwerkzeug, Zeichnen Sie Highlight-Formen an den äußeren Kanten jeder Haarlocke. Mit dem löschen Form-Builder-Werkzeug, wie zuvor gemacht.
Da der größte Teil der Brust nicht mehr zu sehen ist und sich um den Hals herum viele Haare befinden, färben Sie das Bruststück auf die zuvor verwendete Schattenfarbe ein. Zeichne eine Form auf der rechten Seite der Schulter. Wir werden diesen Schatten als Orientierungshilfe für die anderen Körperschatten verwenden. Wählen Sie die Schulter und die Schattenform aus, verwenden Sie die Form-Builder-Werkzeug Wenn Sie den nicht schneidenden Teil der Schattenform auswählen möchten, deaktivieren Sie das Kontrollkästchen und löschen Sie es, um einen sauberen Schatten auf der Schulter zu löschen. Platziere die Schattenform unter den Kleidungsstücken in der Schichten Panel.
Der Schatten am Arm folgt der gleichen Linie wie der der Schulter und zieht sich am Ellenbogen ein. Wenn sich Ihr Arm in zwei Gruppen befindet, können Sie die beiden Teile trennen, indem Sie sie mit auswählen Form-Builder-Werkzeug und die Hauptarmstücke ausgewählt. Folgen Sie den gleichen Schritten für die Schatten auf dem Handschuh.
Ich habe ein paar Streifen oben auf dem Ärmel mit der Stiftwerkzeug als eingestellt 0,25pt Hubgewicht. Erweitern jeder Streifen in Objekt, und streichen die Teile der Streifen, die die Oberseite der Hülse überdecken, und die Linie, die mit der über die Hülse gezogen wird Form-Builder-Werkzeug.
Der Schatten am Torso ist ein dunkelviolettes Grau mit dem Opazität beim 40%. Highlight-Formen wurden auch an den linken Seiten des Torsos hinzugefügt. Da dieser Charakter cel-shaded ist, werden keine Farbverläufe verwendet. Wenn Sie jedoch ein komplexeres Design wünschen, sollten Sie dies tun!
Zeichnen Sie weiter Schattenformen auf dem Unterkörper. Beginnen Sie mit dem Oberschenkel (die anderen Körperteile wurden im versteckt Schichten Panel) und folgen Sie der Kurve des Beins. Zeichnen Sie transparente Schattenformen für jedes Herz. Löschen Sie nicht schneidende Teile des Schattens mit der Form-Builder-Werkzeug. Fügen Sie für jedes Herz auch Umrisse hinzu.
Für den Unterschenkel wollte ich hellrosa Gamaschen hinzufügen. Die Form tritt hinten aus und hat einen großen, dramatischen Bogen bis zum Fuß. Löschen Sie den nicht schneidenden Teil von der Vorderseite des Fußes / Beines (lassen Sie den Teil auf der Rückseite, da er Teil des Designs ist). Fügen Sie einige dunkelrosa Pfeilformen hinzu, um einen Faltenwurf auf den Gamaschen zu erzielen. Zeichnen Sie Schatten und Akzente am Unterschenkel, ähnlich den Oberschenkeln und dem Torso.
Da dies animiert wird, muss ich ein zusätzliches Bein und einen zusätzlichen Arm hinzufügen. Kopieren und Einfügen die Armgruppe und die Beingruppe. Löschen Sie die Ärmeldetails, Schatten und Highlights und färben Sie alles neu ein, um die Farben zu schattieren.
Für eine zusätzliche Hand wird diese zur Faust geballt, Kopieren und Einfügen aus erster Hand und Gruppierung aufheben die Komponenten. Bewegen Sie den Handschuhteil zur Seite und formen Sie den Daumen so um, dass er auf der linken Seite eine kleine Erhebung ist. Bewegen Sie die Finger in die Handfläche.
Vereinen die neue Hand in Pfadfinder, und erstellen Sie einen neuen Handschuh auf die gleiche Weise wie der erste gezeichnet wurde. Fügen Sie ein Herz mit Schatten hinzu (ich habe das gleiche verwendet, nur für weniger Platz verkleinert), eine Linie, die das Ende des Handschuhs angibt, und Schatten die Verbindungen zum Schatten auf der Hand. Fügen Sie eine Umrisslinie hinzu, die derjenigen vom Arm entspricht.
Für die Hand auf der anderen Seite, Kopieren und Einfügen die Faust, löschen Sie die Handschuhdetails und färben Sie zu einem dunklen Türkis neu ein. Verwendung der Abgerundetes Rechteckwerkzeug zeichnen Sie kleine Finger und einen Daumen mit einem 0,75pt Hubgewicht in der gleichen dunklen Farbe, die auch für andere Konturen verwendet wird.
Endlich ist der Sprite fertig. Jede Gruppe, die während der Animation verschoben wird (oder verschoben werden kann), wird in der Gruppe gruppiert und für die Organisation benannt Schichten Panel. Ich habe für jede Komponente einen Hintergrund und eine zusätzliche Gliederung für das endgültige Bild hinzugefügt, aber für die nächsten beiden Tutorials ist diese nicht vorhanden. Ich hoffe, dass es Ihnen Spaß gemacht hat, dieses cel-shaded-Spielsprite mit mir zu zeichnen, und fahren Sie mit den nächsten beiden Abschnitten dieses Projekts fort.
Accentsconagua