So erstellen Sie einen animierten Charakter mit Photoshop und CrazyTalk Animator 3

Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

German (Deutsch) translation by Nikol Angelowa (you can also view the original English article)

Als Grafikdesigner sind Sie mit der Arbeit mit Adobe Photoshop vielleicht sehr vertraut. Photoshop ist zwar sehr leistungsstark, aber nicht für alles gut – versuchen Sie einfach, etwas Fortgeschritteneres als einen hüpfenden Ball zu animieren! Glücklicherweise gibt es andere Programme, mit denen Sie einen direkt in Photoshop erstellten Charakter animieren können, sodass Sie in der zum Entwerfen bestimmten Software entwerfen und in der zum Animieren bestimmten Software animieren können.

In diesem Tutorial zeige ich Ihnen, wie Sie mit einem solchen Programm, CrazyTalk Animator 3, einen in Photoshop erstellten Charakter animieren. Ich werde Ihnen beibringen, wie Sie den Charakter für die Bearbeitung vorbereiten, die Knochen hinzufügen, ihn in CrazyTalk Animator importieren und dann seinen Körper und seine Gesichtszüge animieren – mit einfachen und fortgeschrittenen Techniken.

1. So erstellen Sie einen Charakter für die Animation

Dieser Teil ist optional. Sie müssen mir nicht direkt folgen; Sie können jeden anderen Charakter erstellen oder einen zuvor erstellten verwenden. Stellen Sie nur sicher, dass es wie bei mir geschichtet ist.

Ein Charakter lässt sich am einfachsten animieren, wenn er aus einfachen Formen besteht. In Photoshop können sie mit dem Stiftwerkzeug als Formen erstellt werden. Die Verwendung dieses Tools ist nicht schwer, aber wenn Sie mehr darüber erfahren möchten, probieren Sie unseren superkurzen Kurs So verwenden Sie das Stiftwerkzeug und die Pfade in Adobe Photoshop. Wir haben auch ein älteres Tutorial mit einer tollen Übung, die Ihnen helfen wird, das Tool im Handumdrehen zu verstehen:

Werkzeuge & Tipps

Das Stiftwerkzeug von Photoshop: Das umfassende Handbuch

Ian Yates

Wenn Sie Photoshop CC haben, können Sie auch das intuitivere Curvature Pen Tool verwenden.

Stellen Sie sicher, dass Sie das Stiftwerkzeug im Formmodus verwenden. Dadurch werden die Pfade automatisch eingefärbt und Sie können die Farben jederzeit ändern, indem Sie auf die Miniaturansicht doppelklicken.

Schritt 1

Beginnen Sie mit einem Torso. Es sollte nicht vollständig oval sein; Versuchen Sie, die Vorderseite etwas kleiner zu machen. Verwenden Sie #acb6b8, um es zu färben. Sie müssen meine Form nicht perfekt kopieren – stellen Sie nur sicher, dass sie glatt und rund ist.

Schritt 2

Erstellen Sie das Vorderbein und die Pfote separat (auf verschiedenen Ebenen). Verwenden Sie die gleiche Farbe, um das Bein schön mit dem Rumpf zu verschmelzen. Dies wird uns helfen, mögliche Inkonsistenzen in der Bewegung zu verbergen.

Schritt 3

Kopieren Sie das Bein mit der Pfote und legen Sie es hinter die anderen Ebenen. Ändern Sie ihre Farbe in #919a9c.

Schritt 4

Erstellen Sie zwei andere Beine auf die gleiche Weise.

Schritt 5

Erstellen Sie den Schwanz mit einem einfachen Oval. Male es mit #919a9c aus.

Schritt 6

Fügen Sie den Kopf hinzu. Male es mit #c1cdcf aus.

Schritt 7

Fügen Sie zwei Ellipsen für die Flecken um die Augen hinzu. Verwenden Sie die Farbe des Torsos für sie.

Schritt 8

Fügen Sie die Augen hinzu: einen schwarzen Kreis, ein weißes Oval für den Glanz und eine dunkelgraue Form unten für die Reflexion. Behalten Sie die Augen auf separaten Ebenen.

Schritt 9

Erstelle den Mund aus drei Kreisen: zwei davon in der Farbe des Oberkörpers und einer in der Farbe der Beine im Hintergrund.

Schritt 10

Fügen Sie eine einfache Ellipse für die Nase hinzu. Male es mit #ff7dd1 aus.

Schritt 11

Fügen Sie die Ohren hinzu. Färbe sie wie den Torso.

Schritt 12

Wir haben alle Körperteile erstellt, aber das Gesicht ist genauso wichtig wie die Beine oder der Schwanz. Sie können einige Variationen der Augen und des Mundes hinzufügen, um verschiedene Gesichtsausdrücke zu erzielen, die Sie später in der Animation verwenden können. Bewahren Sie sie alle an derselben Stelle auf, damit Sie den Ausdruck ändern können, indem Sie einfach die Ebenen ein- / ausblenden.

Schritt 13

Das sind alle meine Schichten. Die grundlegenden sind:

Vorderes rechtes Bein
Vordere rechte Pfote
Hinteres rechtes Bein
Hintere rechte Pfote
Schwanz
Torso
Vorderes linkes Bein
Vordere linke Pfote
Hinteres linkes Bein
Hintere linke Pfote
Kopf

Wenn Sie nur den Körper animieren möchten, verschmelzen Sie die Augen und den Mund mit dem Kopf (Sie können auch die Ohren verschmelzen). Wenn Sie auch das Gesicht animieren möchten, benötigen Sie weitere Ebenen:

Linkes Auge normal
Rechtes Auge normal
Linkes Auge geschlossen
Rechtes Auge geschlossen
Lächeln des linken Auges
Rechtes Auge lächeln
Linkes Auge Angst
Rechtes Auge Angst
Mund normal
Mund offen
Mund überrascht
Mund lächeln
Mundzähne
Rechtes Ohr
Linkes Ohr

2. Wie man einem Charakter in Photoshop Knochen hinzufügt

Um unseren Charakter zu animieren, müssen wir jedem Körperteil einen "Knochen" zuweisen. Alle Knochen bilden zusammen ein "Skelett", mit dem Sie eine flüssige, realistische Animation erstellen können. Sie können die Knochen ganz einfach direkt in Photoshop hinzufügen, indem Sie eine spezielle Vorlage für die Vierbeiner-Bewegung verwenden.