Hallo, in diesem Tutorial zeige ich, wie man einen einfachen humanoiden Roboter im Cartoon-Stil entwirft und wie mein Workflow aussieht, um die Illustration vorzubereiten und eine einfache Animationsschleife mit einigen nützlichen Clip Studio Funktionen zu erstellen.

Video-Tutorial

Bitte schau dir das Video-Tutorial an, um den gesamten Prozess in Aktion zu sehen▼

1. Erstkonzept

Allgemeine Tipps zur Erstellung verschiedener Designs:

Sammle zuerst wie immer Referenzen und Inspirationen, versuche, mehr als nur die Arbeiten anderer Künstler anzusehen. Recherchiere echte Roboter und Maschinen, wie sie funktionieren. Hole dir Inspiration aus der Natur, von Tieren, Insekten usw. Wenn du inspirierende Roboterarbeiten sehen möchtest, empfehle ich dir die Werke von DaCosta Bayley, dem Schöpfer von MarchOfRobots.

 

Definiere die Persönlichkeit und Funktion des Charakters. Dies bestimmt die Gesamtform und das Konzept.

Ist es ein Kriegsroboter? Ein Assistent? Ist er freundlich oder bedrohlich? Groß oder klein, usw. Versuche dir vorzustellen, wie er sich in seiner Welt verhält. Je mehr Details du vor dem Zeichnen definierst, desto einfacher wird es sein, Designentscheidungen zu treffen.

 

Beginne damit, Formen und Silhouetten zu erkunden. Konzentriere dich auf das Gesamtgefühl des Charakters anstatt auf Details. Für diese Phase verwende ich am liebsten einen großen texturierten Pinsel, um mich auf die Formen zu konzentrieren.

Ich basiere die Designs auf einfachen geometrischen Formen. Generell sind spitze Winkel gut für bedrohliche Roboter, große Roboter mit quadratischen Formen wirken stark und stabil, während ovale und runde Formen gut für freundliche oder niedliche Charaktere funktionieren. Natürlich hängt dies alles vom endgültigen Design ab, aber es ist eine gute Praxis, der allgemeinen Wahrnehmung von Formen zu folgen, um das Design besser zu vermitteln.

Ich habe mich für eine freundliche Cartoon-Form entschieden, die leicht zu animieren ist. ▼

2. Skizzieren

Um das Design zu verfeinern, habe ich eine neue Ebene über der Form erstellt und die Deckkraft der Basis reduziert.

Dann habe ich mit einem Bleistiftpinsel begonnen, die Formen zu verfeinern.

Nimm dir in dieser Phase Zeit zum Experimentieren, spiele mit verschiedenen Detaillierungsgraden, um ein gutes Gleichgewicht zu finden, bevor du die Illustration kolorierst.

 

Hier ist meine finale Skizze.

Ich habe Verkleidungen und kleine Details hinzugefügt und leuchtende Teile vorbereitet, die ich in der Kolorierungsphase erstellen werde.

Ich habe mich für einen biegsamen Röhrenarm entschieden, um ihn leicht animieren zu können und dir eine coole Technik mit Bandpinseln und Vektorebenen zu zeigen.▼

3. Tuschen

Ich werde den Charakter zum Tuschen vorbereiten. Da ich zuerst animieren möchte, werde ich Ordner für jeden Teil des Roboters definieren. Den Kopf, den Körper, die Beine und die Arme. Auf diese Weise können wir den Roboter mit Keyframes animieren.

Zum Tuschen erstelle ich Vektorebenen und verwende dann eine Kombination aus dem Bézier-Kurvenwerkzeug, um glatte Linien zu erstellen, und dem Stiftwerkzeug, um Details hinzuzufügen. Auf diese Weise habe ich die volle Kontrolle über die Linien, und da es sich um ein mechanisches Design handelt, ist es gut, eine konsistente Linie zu haben.

Um mehr über die Bézier-Kurve zu erfahren, kannst du mein Tutorial lesen▼

4. Farbe hinzufügen

Jetzt kolorieren wir den Kopf. Zuerst rastere ich die Ebene und setze die Tuscheebene in den Referenzmodus. Mit dem Auswahlrahmen-Werkzeug fülle ich einen Bereich um die Linien. Dann lösche ich die überschüssige Farbe mit dem Füllwerkzeug, das auf Referenzmodus und transparente Farbe eingestellt ist.

Erstelle eine neue Ebene über der Grundmaske und erstelle dann eine Schnittmaske. Beginne, die lokalen Farben hinzuzufügen.

Erstelle 2 Schattenebenen darüber, die auf 'Multiplizieren' eingestellt sind, und male die Schatten. Dann habe ich eine Rosttextur hinzugefügt, die auf 'Weiches Licht' eingestellt ist, für einen insgesamt texturierten Look, und dann eine weitere Rosttextur mit einer Maske, um Details hinzuzufügen.

Füge schließlich die Glanzlichter und leuchtenden Teile hinzu.

Wiederhole die gleichen Schritte für Körper und Beine▼

5. Bandpinsel

Um die Arme beweglich zu machen, zeige ich dir einen coolen Trick.

Wir werden einen vollfarbigen Bandpinsel für die Hand und den Metallröhrenarm erstellen.

Zuerst erstelle ich mit der Skizze und einem Symmetrie-Lineal die Röhren und achte darauf, dass sie nahtlos miteinander verbunden sind. Dann habe ich die Röhren mit dem gleichen Verfahren wie die anderen Teile getuscht und koloriert.

Wiederhole die gleichen Schritte mit der Hand. Um sicherzustellen, dass sie nahtlos mit der Röhre verbunden ist, dupliziere sie und verwende dann den rechten Teil der Röhre, um die Hand anzubringen.

Gruppiere die beiden Ebenen in einem Ordner und erstelle dann ein Datei-Objekt aus dem Ordner. Öffne das Datei-Objekt.

STRG+Klick, um die Hand auszuwählen, und stelle dann sicher, dass die Auswahl mit dem rechteckigen Auswahlrahmen bis zum Rand der Leinwand reicht. Dies ist wichtig, um die Pinselspitzen auszurichten.

Registriere die Hand als Bildmaterial. Wähle aus, sie als Pinselspitzenform zu verwenden.

Wiederhole die Schritte für die Röhre.

Nachdem wir nun die 2 Formen definiert haben, finde einen Bandpinsel und dupliziere ihn, bearbeite dann die Einstellungen. Setze die Hand als erste Pinselspitze und die Röhre als zweite.

Stelle im Strich sicher, dass 'Band' ausgewählt ist und die Wiederholungsmethode auf 'Keine' gesetzt ist.

Erstelle eine neue Vektorebene und probiere den Vollfarbpinsel aus.

Wir können das Operations- oder das Kontrollpunkt-Werkzeug verwenden, um den Arm nach dem Zeichnen zu modifizieren. Dieser coole Trick gibt uns viel Kontrolle über die Armhaltung.

Positioniere beide Arme und füge eine Maske zur Verbindung hinzu

Dies sind die letzten Roboterschritte und ich habe einen einfachen Hintergrund für die Animationsatmosphäre hinzugefügt.

6. Einfache Animation

Da wir alle Teile getrennt haben und die Arme auf Vektorebenen liegen, ist es wirklich einfach, einfache Animationen mit Einzelbildern und Keyframes zu erstellen. Ich empfehle dir, diese Tutorials für eine ausführlichere Einführung in die Animation zu lesen.

Verwende Keyframes, um alle Teile außer den Beinen zu bewegen.

Wiederhole die Schritte für die Deckkraft der leuchtenden Teile, um eine Puls-Animation zu erstellen, und animiere die Position der Maske im Körperherzen, um eine ladende Batterie zu simulieren.

Anschließend animiere die Hand Bild für Bild. Sieh dir das Video an, um mehr zu erfahren!

 

Vielen Dank fürs Lesen!

Ich hoffe, du hast einige Tricks aus meinem Video gelernt!

Bis zum nächsten Mal.