filmora go
FilmoraGo

Einfach zu bedienende Videobearbeitungs-App

appstore
Auf App Store herunterladen
Auf Google Play herunterladen

Geheimnisse der 2D-Spielanimation

Geheimnisse der 2D-Spielanimation

Ein einfacher und dennoch leistungsstarker Editor

Zahlreiche Effekte zur Auswahl

Ausführliche Anleitungen auf dem offiziellen Kanal

In dieser von 2D-Spieleanimationen dominierten Ära, in der selbst die neuesten Versionen von Super Mario Bros. und Street Fighter. aus polygonisierten Charakteren bestehen, sind hochwertige 2D-Spiele auf Sprite-Basis selten.

Verwandte Beiträge
  • Author: Bastian Günter
10 Besten Kostenlosen Animations-Software
Es ist nicht ideal, wenn Sie so viel für Animations-Software ausgeben müssen. Der Preis sollte keine Hürde sein, die Sie vom Erstellen von Animations-Videos abhält.
Author: Bastian Günter 🕑 8 Min. Lesezeit
#Animation Mehr Erfahren

Teil 1 2D-Spieleanimation Kurse und Tutorials

01 Animieren einer 2D-Figur in einem Live-Action-Video in Photoshop und Premiere

In diesem Tutorial erfahren Sie alles über die Erstellung traditioneller 2D-Animationen in Photoshop, die über Live-Action-Videos laufen. Wir besprechen die Planung von Live-Action-Aufnahmen mit Blick auf die Animation, die Kontinuität des Videoschnitts und die Erstellung von Referenzen für die Videoanimation. Sie werden auch erfahren, wie Sie die kritischen Posen per Grobanimation erstellen, um die gesamte Bewegung zu beenden und endgültige Linienbilder zu erstellen.

Kurs 2D Spieleanimation 1

02 Anfängliche 2D-Animation: Der Einstieg für den absoluten Anfänger mit Jeff Mumm

Dieser Kurs schafft eine solide Grundlage für absolute Anfänger, die in die aufregende Welt der 2D-Spieleanimation einsteigen wollen. Hier beschreiben wir die einzelnen Schritte zur Erstellung einzigartiger und toll aussehender Animationen.

Sie lernen auch das "Easing", eines der zwölf Animationsprinzipien und erstellen schließlich eine animierte Sequenz.

Kurs 2D Spieleanimation 2

03 2D-Animation in Moho von Grundlagen bis Fortgeschrittene

Dieser Kurs konzentriert sich auf die Anwendung der Prinzipien der Animation, um einen organischen Laufzyklus für die Figur zu schaffen. In diesem Tutorial oder Kurs lernen Sie auch, wie Sie Ihre animierten Charaktere riggen und vorbereiten und 2D-Spieleanimationen erstellen.

Sie werden auch lernen, wie man Figuren in Moho nachzeichnet und verschiedene Zeichentools verwendet.

Außerdem lernen Sie, wie Sie einen organischen Laufzyklus erstellen, indem Sie fortgeschrittene Animationsprinzipien anwenden.

Kurs 2D Spieleanimation 3

04 2D Animation 101

Dies ist einer der kostenlosen Online-Kurse und der ultimative Kurs für 2D Spielecharakterdesign und Animation, der kostenlose Online-Zertifikate anbietet. Autumn Leave Films verfügt über zehn Jahre Erfahrung in der Filmindustrie und eine große Sammlung von Kurzfilmen - fast 30 2D Animation 101 Grundlagenkurse.

2D Animation 101 bietet acht Kurse sowie kostenlose und proprietäre 2D Spiele Charakter Animations Software. Außerdem ist ihr "Kostenloser Schritt-für-Schritt Tarif" besonders für Anfänger im Bereich 2D-Animation interessant.

Er umfasst tägliche 10-minütige Lektionen, Online-Tutorials zur 2D Spiele Charakteranimation, Anregungen und Tipps zur Verwendung der erforderlichen Software.

Kurs 2D Spieleanimation 4

05 Skillshare -2D-Animation für Einsteiger mit Adobe Animate

Dies ist einer der kostenlosen Online-Kurse für 2D-Animation, die kostenlose Online-Animationskurse mit Zertifikaten anbieten. Sie können 2D-Animation online lernen, indem Sie den Kurs von Walt besuchen. Dieser Kurs richtet sich an Anfänger und zeigt, wie man animierte Charaktere erstellt, indem er den Kursteilnehmern ein Verständnis für die grundlegenden Prinzipien und anschauliche Beispiele vermittelt. Dieses Tutorial behandelt verschiedene Themen, darunter Grundlagen der Vektorgrafik in Animate, verschachtelte Animationen, Hinzufügen von Audio zu Animationen und vieles mehr.

Dieser kurze Kurs oder dieses Tutorial ist ideal für die Animation aus persönlichen und nicht aus beruflichen Gründen.

Kurs 2D Spieleanimation 5

Teil 2 Die 5 besten Spiele-Animationsdienste, die Sie online kaufen können

Anstatt die beste 2D-Animationssoftware für die Spieleentwicklung zu verwenden und zu lernen, möchten wir Ihnen eine Liste der 5 besten Plattformen vorstellen, auf die Sie sich für die besten Dienstleistungen im Bereich der Spieleanimation verlassen können.

01Upwork

upwork 2d spiel animation service

02Freelancer

Freelancer

03Fiverr

Fiverr

04Guru

guru 2d spiel animation service

05PeoplePerHour

peopleperhour 2d game animation service

Teil 3 Die 5 besten Tools zur Spieleanimation für die Entwicklung ab 2022

01Adobe Animate

Es ist ein Programm aus der Creative Cloud von Adobe. Es bietet die Möglichkeit, viele verschiedene animierte Features, Spiele oder andere Flash-Multimedia zu erstellen. Das Programm hieß mehr als zehn Jahre lang Adobe Flash Professional; dieser Name wurde 2015 aufgegeben.

Die wichtigsten Funktionen von Animate sind folgende:

Integration mit Ihrer Adobe Cloud-Bibliothek von Assets

Einfache plattformübergreifende Nutzung mit anderen Adobe-Produkten

Erstellt Animationsfilme, Cartoons oder Clips

Erstellen von Flash-Spielen oder interaktiven Flash-Dienstprogrammen

adobe animate

02Moho

Es ist eine umfassende und eine der besten 2D-Spieleanimationssoftwares, bei der Ihre Animationen im Grunde auf dem Niveau einiger Ihrer Lieblingskreationen sind. Es richtet sich an Animatoren, die ihr Handwerk verfeinern wollen.

Wenn Sie der Aufgabe (und dem Preis) gewachsen sind, können Sie einige fantastische Dinge erschaffen. Außerdem werden ständig neue Updates hinzugefügt.

moho

03Plastic Animation Paper

Plastic Animation Paper ist eine weitere Software für die 2D Spielecharakter Animation, die sich stark an das Konzept der Bleistiftzeichnung anlehnt.

Das Programm ist für die einfachste Anwendung konzipiert und beinhaltet eine klare Auflösung. Sie können mit Ihren Zeichnungen machen, was Sie wollen und sich selbst auf die nächste Stufe heben.

plastic animation paper

04Stop Motion Studio

Möchten Sie Filme wie Wallace und diese tollen Lego-Kurzfilme auf YouTube erstellen? Mit Stop Motion Studio können Sie tolle Stop-Action-Filme mit einer Fülle von Spezialfunktionen erstellen.

stop motion studio

05Animaker

Wenn Sie lernen, wie man 2D-Animationen für Spiele mit Animaker erstellt, können Sie auch ein Storyboard erstellen und die Figuren oder Requisiten in dieser Szene animieren. Es wird von Unternehmen wie Verizon, Google, Pepsi, etc. verwendet.

Es ist für die Platzierung von Anzeigen auf Webseiten geeignet und für Anfänger sehr einfach. Sie machen es einfach und superschnell, sich stundenlang in der Animation zu verlieren.

Animaker

Teil 4 3 Tipps zur Erstellung großartiger Animationen für 2D-Spiele

Nun, da Sie eine erste Vorstellung von 2D Spieleanimation haben, kommen wir zu den 3 besten Tipps, die Ihnen helfen werden, mit Leichtigkeit die besten und einzigartigsten 2D Spielcharakteranimationen zu entwerfen.

Es wird von Vorteil sein, wenn Sie wissen, wie man 2D-Animationen für Spiele erstellt.

01 Konzentrieren Sie sich auf die Geschichte und beginnen Sie mit einfachen Bewegungen

Sie müssen sich auf die Handlung konzentrieren, damit das Ergebnis entsprechend ausfällt. Konzentrieren Sie sich beim Skizzieren auf jedes Detail und lassen Sie auch einfache Bewegungen nicht außer Acht. Nehmen Sie Papier und Bleistift und beginnen Sie mit einfachen Aktionen wie der Bewegung eines hüpfenden Balls, etc.

02 Keyframes richtig verwenden

Sie müssen die Start- und Endpunkte von Keyframes sorgfältig verwenden, um eine solide Erzählung und Bewegung zu erreichen. Um den ersten und den letzten Punkt angemessen zu definieren, müssen Sie überlegen, wie Sie die Keyframes effektiv einsetzen.

03 Beleben Sie Ihre Charaktere

Sie müssen Ihren Figuren Leben einhauchen, damit das Publikum sich am besten in die Geschichte hineinversetzen kann. Achten Sie auch aufmerksam auf Mimik, Geräusche, Bewegungsabläufe, etc.

Auch wenn diese Tipps wie die einfachsten aller Zeiten aussehen mögen, so sind es doch die praktischsten Strategien für 2D-Spieleanimationen, die Wunder bewirken können, wenn sie effektiv eingesetzt werden.

Teil 5 Wie man 2D-Animationen für Spiele erstellt

Die Animation von 2D-Spielfiguren ist kein einfacher Prozess und erfordert daher detailliertes Wissen, das wir im Folgenden beschreiben werden.

Lassen Sie uns Unity als die beste 2D-Animationssoftware für Spiele verwenden!

Für die Arbeit mit dem Unity-Animationsfenster sind grundlegende Kenntnisse über den Unity-Editor (wie man navigiert und Registerkarten öffnet) erforderlich.

01 Schritt 1: Öffnen Sie die Animations-Registerkarte

Wählen Sie die Abenteurer Figur und öffnen Sie die Animations-Registerkarte.

Animations-Registerkarte auswählen

Docken Sie diese neben der Projekt Registerkarte und der Konsolen Registerkarte an. Gehen Sie zur Projekt Registerkarte und geben Sie dem Abenteurer Ordner einen Namen. Erstellen Sie einen neuen Ordner mit dem Namen "Animation".

Erstellen Sie auf der Registerkarte Animation eine neue Animation mit dem Namen "Idle", die sich in unserem Animations-Ordner befindet.

Außerdem wird im selben Ordner ein Animator Controller erstellt.

Idle Animation Registerkarte

Beginnen wir nun mit der Animation dieser Figur!

02 Schritt 2: Fortfahren mit der Idle-Animation

IKs tragen viel zur Effizienz und Geschwindigkeit von Animationen bei, wenn es um Idle-Animationen geht. Wir müssen eine subtile Bewegung animieren, die einer Atembewegung sehr ähnlich ist. Tippen Sie auf die rote Aufnahmetaste und bewegen Sie die Figur an diese Position:

idle animation auswählen

Gehen Sie nun etwa fünfzig Frames weiter und bewegen Sie den oberen Torso-Knochen gerade nach unten.

Ziehen Sie die Arm-IKs zur Seite, damit sie weniger gebogen sind und eine Art "schwingende" Bewegung zeigen. Hier ist die Pose, die ich gewählt habe:

2D Spielecharakter Pose

Es gibt eine subtile Änderung. Es lässt die Idle-Animation seltsam aussehen, wenn wir große Bewegungen erzeugen. Wählen Sie dann die erste Gruppe von Keyframes und tippen Sie auf Strg-C (Befehl-C auf einem Mac).

Fügen Sie dann diese frame-zentrierten Keyframes bei Nummer 1:50 ein.

Die nette Schleifenanimation ist jetzt also erledigt! Es sieht echt aus, aber wir müssen etwas Kopfbewegung hinzufügen, um die Illusion zu verbessern.

Drehen Sie den Kopf einfach ein wenig zurück. Aber wie Sie sehen können, macht es einen großen Unterschied. Alles klar! Glückwunsch! Wir haben nun eine Idle-Animation!

03 Schritt 3: Beginnen Sie mit der Gehanimation.

Erstellen Sie einen neuen Animationsclip mit dem Namen "Walk".

Diese Animation ist ein wenig technischer. Hier müssen wir ein paar wesentliche Dinge über die Fortbewegung zu Fuß wissen. Die Hauptfunktion der Gehanimation besteht darin, dass die Figur immer den Boden berührt. Deshalb sollten wir nie eine Pose einnehmen, in der unsere Figur in der Luft ist. Außerdem verwende ich das Wort "Pose" absichtlich. Wenn wir in 2D animieren, umfasst eine Aktion bestimmte Schlüsselposen. Im Szenario der Geh-Animation haben wir eine Körperhaltung wie diese:

Laufanimation starten

Hier berührt der rechte Fuß (relativ zur Figur) den Boden, während Sie gehen.

Dann, etwa sechs Frames weiter, haben wir eine "vorübergehende Pose".

Sie enthält eine leichte Bewegung nach unten. Außerdem sorgt sie für eine realistische Wippbewegung.

Wir müssen die Figur animieren, indem wir das gesamte Objekt der Figur vorwärts bewegen. Bewegen Sie die Oberfläche nicht auf andere Weise, sondern nur durch Ziehen der Figur als ganzes Objekt.

Dann die "dynamische Pose", wobei der linke Fuß diesmal den Boden berührt.

2d Spiel dynamische Pose

Dies geschieht bei Frame zwölf und wir lassen die Figur immer noch weiter nach vorne gehen.

Jetzt brauchen wir nur noch eine letzte Pose.

Und dann stellen wir die gleiche Pose nach!

Kopieren Sie nun den ersten Keyframe und fügen Sie ihn ein. Positionieren Sie die Figur auf der X-Achse so, dass sie der Vorwärtsbewegung entspricht. Gehen Sie nun zurück zu Ihrer Animation und korrigieren Sie alle Gliedmaßen, die sich in die falsche Richtung biegen.

ersten Keyframe kopieren

Das war's!

04 Schritt 4: Laufanimation

Für die Lauf-Animation erstellen Sie eine Pose mit der Figur in der Luft. Auch die zurückgelegte Strecke ist wichtiger als die Laufanimation. Außerdem hat die Laufanimation eine ähnliche allgemeine Struktur, aber wir fügen eine zusätzliche Pose hinzu, um die Illusion letztendlich zu verbessern.

Erstellen Sie einen neuen Animationsordner oder Clip mit dem Namen "Run".

Klicken Sie auf die Aufnahme Registerkarte und bewegen Sie die Gliedmaßen in diese Pose:

Laufanimation starten

Wir haben festgestellt, dass die Bedienung sehr fummelig ist. Haben Sie also Geduld, wenn Sie versuchen, diese Pose zu erstellen. Diese erste dynamische Pose bedeutet, dass wir die gesamte Figur auf der y-Achse leicht nach oben bewegen müssen. Nachdem wir die sechs Frames weitergegangen sind, ziehen wir die Figur in verschiedene Positionen und nach unten, während sich die Gliedmaßen neu positionieren, um die erste vorübergehende Pose einzunehmen.

Gehen Sie diese beiden Keyframes durch, um zu prüfen, ob Sie eine experimentelle Animation haben. Positionieren Sie die Füße neu, um ein Abrutschen zu vermeiden.

Dann erfolgt die zweite dynamische Pose sechs Frames weiter:

Jetzt haben wir eine weitere Passierhaltung bei Frame Nummer 18:

2d Spiel Passierhaltung

Und zum Schluss haben wir unsere endgültige dynamische Pose und lassen sie wie die erste Pose aussehen. Ein guter Anfang ist es, den ersten Frame zu kopieren und am Ende einzufügen. Ziehen Sie die Figur auf der X-Achse nach vorne an die ideale Stelle. Bewegen Sie nun die Gliedmaßen in ungefähr die gleiche Position wie in der Anfangspose.

05 Schritt 5: Gehen Sie zurück zur Animation und überprüfen Sie

Jetzt können Sie sich die Animation noch einmal ansehen und zwei Dinge überprüfen. Korrigieren Sie erstens alle unnatürlich gekrümmten Gliedmaßen.

2d spiel animation überprüfen

06 Schritt 6: Erstellen Sie eine Kontaktpose

Zweitens müssen wir diesem Laufzyklus eine einzigartige Pose hinzufügen, die so genannte "Kontaktpose", bei der wir sehen können, wie die Figur den Boden berührt. Diese Pose tritt ein paar Frames nach der dynamischen Pose und ein paar Frames vor der passiven Pose auf. Es ist einfach das vordere Bein, das frühzeitig den Boden berührt.

2d Spiel Kontakt Pose

So etwas brauchen wir vor jeder vorübergehenden Pose. Und wenn wir schon dabei sind, sollten wir nach jeder Pose ein wenig mehr Zehenbewegung hinzufügen, damit es so aussieht, als ob die Figur vom Boden abgestoßen wurde.

Dies ist also die Vorgehensweise, um die beste 2D-Animationssoftware für die Spieleentwicklung über Unity zu nutzen und Sie können auf ähnliche Weise weiterhin Sprunganimationen, Grundbewegungen und mehr erstellen.

Dieses Tutorial konzentrierte sich vor allem auf die Animation einer 2D-Figur und tauchte tiefer in die eigentliche Struktur einer Animation ein. Wenn Sie diese Dinge wissen, können Sie 2D-Figuren und 3D-Figuren animieren, denn die Prinzipien sind für jedes Medium gleich.

Die einfachste Lösung für 2D-Spielcharakteranimation

Die Animation von 2D-Spielen mit Filmora Pro ist eine perfekte Wahl. Sie können die hervorragenden 2D- und 3D-Animationsfunktionen ausprobieren, die sowohl für Android- als auch für iOS-Geräte sehr erschwinglich und einfach zu bedienen sind. Sie können Keyframe-Animationen verwenden und sie realistisch aussehen lassen.

Außerdem können Sie mit dem Wondershare Filmora Video Editor eine Vielzahl von Tools für die Videobearbeitung nutzen, z.B. Farbkorrektur und -abstufung, Motion Tracking, Keying, Simulationen und mehr. Damit können Sie unglaubliche animierte Videos und cineastische Filme erstellen.

Wie man Spiele mit Wondershare Filmora animiert

Mehr Fortschritt bedeutet, dass mehr und mehr Spiele in der Versenkung verschwinden. Mit Software wie Filmora Pro und ähnlichen Programmen können Sie jetzt unterschätzte 2D-Spiele animieren und ihnen einen Hauch von Persönlichkeit verleihen.

Filmora Pro bietet zum Beispiel ein Dutzend verschiedener Übergangseffekte wie Centre Wipe, Evaporate oder Linear Wipe.

Kostenlos testen

Für Win 7 oder höher (64-bit)

Kostenlos testen

Für macOS 10.12 oder höher

Sie können auch 3D-Rendering-Techniken auf die Licht- und Schatteneffekte Ihrer Spiele anwenden.

Die wichtigsten Erkenntnisse aus diesem Artikel

Ein Leitfaden für den ultimativen Kurs zum Entwerfen und Animieren von 2D-Spielfiguren

Ein Leitfaden für die 5 besten Spieleanimationsdienste

Die fünf besten Tools zur Animation von 2D-Spielfiguren lernen

Tipps für hervorragende 2D-Spielanimationen

Eine ultimative Schritt-für-Schritt-Anleitung zur Erstellung von 2D-Spielecharakteranimationen in Unity

Entdecken der einfachsten Lösung für 2D-Spieleanimationen