Wie lerne ich 2D Animation? [geschlossen]


43

Wo kann ich lernen, wie man einfache 2D-Animationen gut macht? Oder ist es wirklich nur buchstäblich jedes einzelne Bild von etwas in Photoshop zu zeichnen? Gibt es Tipps oder Tricks? Tutorials zum Einstieg?

Welche Softwareoptionen gibt es auch (vorzugsweise Open Source oder sogar nur kostenlos)?


1
Wenn Sie etwas "Kompliziertes" machen wollen, wie eine Strichmännchen, die bei wechselndem Hintergrund läuft oder läuft, und sich dann plötzlich in einen Radiergummi verwandelt und mutierte Strichmännchenkinder mit einem fliegenden Hund angreift (aus "Maximum Ride" von James Patterson) ), müssen Sie Flash verwenden.
Mateen Ulhaq

14
@muntoo Warum macht man muss Flash - verwenden? Hat es einen Knopf, der das Zeug automatisch für Sie erledigt? Sie können das mit jeder Animationssoftware tun. Oder zeichnen Sie es von Hand und scannen Sie die Bilder ...
Bummzack

@bummzack Sorry, ich meinte „Sie könnten Flash - verwenden“.
Mateen Ulhaq

Viele 2D-Spielgrafiken basieren heutzutage auf 3D-Modellen. Dies hat viele Gründe: 3D-Modelle sind viel anpassungsfähiger als 2D-Bilder. Die Sprites sind räumlich sinnvoll, da sie buchstäblich aus dem Rendern von 3D-Objekten bestehen. Sprites können leicht aus mehreren Richtungen erstellt werden. und kann einfach durch Rendern des animierten 3D-Modells animiert werden. --- Die schlechte Seite ist, dass Sie dafür das 3D-Modell für das Objekt Ihres Sprites erstellen und texturieren müssen, aber der Gesamtprozess ist meiner Meinung nach nicht viel schwieriger und die Rückkehr (Ergebnis und Anpassungsfähigkeit) ist es wert.
XenoRo

2
Schauen Sie sich Spine an , es ist eine ziemlich neue Software, für die Sie eigentlich kein Master-Animator sein müssen. Es gibt auch Laufzeiten, um die Animation anschließend in Spielumgebungen auszuführen.
Joltmode

Antworten:


19

Im Moment kann ich mir ein paar Möglichkeiten vorstellen, wie Sie eine 2D-Animation erstellen können:

  • Verschieben der x, y-Koordinaten eines Objekts (z. B. zum Verschieben eines rechteckigen Menüs - Sie ändern die y-Koordinaten alle paar ms)
  • Zeichnen Sie jeden einzelnen Frame in einem Bildeditor aus und wählen Sie den richtigen Frame aus, um im richtigen Moment zu zeichnen (z. B. Zeichnen einer Flammenanimation).
  • die beiden oben genannten kombinieren (z. B. einen Sprite über einen Bildschirm laufen lassen)

Es geht darum, die Illusion von Bewegung zu geben.

Wie mache ich es gut?

  • Es muss richtig zeitlich abgestimmt sein, damit es reibungslos angezeigt wird (beachten Sie die Hardwareeinschränkungen).
  • Je mehr Frames Sie haben, desto mehr Details können Sie anzeigen und desto besser sieht es aus (allerdings müssen Sie am Ende mehr Frames zeichnen).

Tipps und Tricks?

Softwareoptionen?

  • Ich würde sagen, es hängt davon ab, was Sie zu animieren versuchen. Wenn Sie Sprites oder einfache Objekte animieren möchten, reicht MS Paint wahrscheinlich aus
  • GIMP ist eine Open Source-Alternative zu Photoshop
  • Photoscape ist eine weitere kostenlose Bildbearbeitung . Außerdem können Sie animierte GIFs erstellen, um das Timing Ihrer Animationen zu testen
  • Synfig Ist die kostenlose Alternative zu ToonBoom, um Animationen zu erstellen , ohne sich um das Tweening zu kümmern, und diese dann als Video, GIF oder möglicherweise zum Speichern einiger Frames als Bilder für die Sprites zu exportieren
  • InkScape ist ein Vektorgrafik-Editor, der die kostenlose Alternative zu Adobe Illustrator darstellt

Tutorials hängen meiner Meinung nach stark von Ihrem Ziel ab. Wenn Sie ein Flash-Spiel spielen, suchen Sie nach Flash-Tutorials. Zeichnen ist eine Sache, aber Sie müssen auch die Bilder zeitlich festlegen (und möglicherweise verschieben), um sie richtig zu animieren - und so können Sie genauso gut lernen, wie Sie dies auf der Plattform tun, für die Sie sich entscheiden.


10

Klassische 2D-Animationen werden Frame für Frame erstellt. Was Sie oft sehen werden, ist, dass sie eine reduzierte Framerate verwenden (z. B. wird jeder Frame zweimal angezeigt), um die Anzahl der zu zeichnenden Bilder zu verringern.

Flash ist ein sehr gutes Werkzeug für 2D-Animationen. Es bietet Ihnen die Möglichkeit, Zwiebeln zu häuten (vorherige Frames leuchten durch, während Sie Ihren neuen Frame zeichnen), zu tweenen und zu formen. Seit Version CS4 enthält es auch Bones und Inverse Kinematics, die das Animieren von Charakteren mit Gliedmaßen erheblich vereinfachen.

Es gibt auch " Toon Boom ". Sie haben eine Menge verschiedener Software-Pakete zur Verfügung, von Hobby / Spaß bis hin zu professioneller Animationssoftware.

Tools wie GIMP und Photoshop bieten auch einige Funktionen für Animationen, aber das ist wirklich nur für sehr grundlegende Dinge.

Eine andere, nicht so offensichtliche Option für 2D-Animationen ist die Verwendung eines 3D-Programms. Wussten Sie, dass spätere Folgen von Southpark mit Maya animiert wurden?

Mit einer orthografischen Kameraprojektion, angemessener Beleuchtung und flacher Schattierung können Sie Animationen erstellen, die 2D aussehen, jedoch in einer 3D-Software erstellt werden. Die meisten 3D-Programme verfügen über ausgefeilte Animationswerkzeuge wie Bones, Inverse Kinematics, Constraints, Soft Bodies usw. Blender ist eine gute (kostenlose) Wahl, um loszulegen.


4

Dafür stehen viele Ressourcen zur Verfügung.

Hier ist ein gutes Tutorial, das Ihnen den Einstieg in eine bestimmte Methode mit Sprite Sheets erleichtert. Sprite Sheets sind genau das, ein Blatt Sprite, das Sie im Code ausführen, ähnlich einer Flipbook-Animation im wirklichen Leben. Aber Sie verwenden Code, um es zu tun. Es kann schwierig sein, damit anzufangen, aber ich bin der Meinung, dass es am lohnendsten ist und die meiste Kontrolle gewährt.

http://www.dreamincode.net/forums/topic/194878-xna-animated-sprite/

Hier ist das erste, was ich mit Flash gefunden habe, was auch ein gutes Werkzeug ist. Ich persönlich habe kein Flash verwendet, vielleicht kann ein anderes Poster mit ihrer Erfahrung mithalten.

http://animation.about.com/od/2danimationtutorials/2D_Computer_Animation_Tutorials_StepbyStep_Lessons_in_Flash.htm


4

2D-Animation ist eine ganze Kunst und ein ganzer Beruf. Und eigentlich eine sehr schwer zu meisternde. Tatsächlich macht nicht jeder Animator eine gute Animation. Aber für die grundlegende Animation, wie Sie sagten ... Es kommt darauf an. Es ist größtenteils einfach, für Handys ein angemessenes Sprite-Animationsniveau zu erzielen, indem 4 Frames für ein Sprite mit 24 x 24 Pixeln verwendet werden. Sie können dies in der Tat nur mit Gimp und unter Verwendung von Layer-Transparenz tun, um den vorherigen oder nächsten Frame als Richtlinie in der Überlagerung zu haben ("Zwiebelhäuten"). Es hat andere Funktionen, die dabei helfen.

Wenn Sie versuchen, eine 2D-Animation mit höherer Auflösung zu erstellen, wird die Sache komplexer. Ein schneller Rat ist, in einem Laufzyklus von beispielsweise 13 Frames die Frames 1, 7, 13 zu zeichnen. Dann zeichnen Sie ibetweens von diesen, wie 4, 10. Dann die übrigen. (ist ein schlechtes Beispiel, tho)

All dies mit der Funktion zum Enthäuten von Zwiebeln. Es gibt viele Software, ich würde mit Bleistift und Gimp raten . Für Pixelkunst, Sprites mit niedriger Auflösung, sollten Sie GraphicsGale ebenfalls überprüfen . Und natürlich geht es viel darum, den Ablauf und die Animation ständig zu überprüfen.


2

Ich würde Ihnen das Buch "The Animators Survival Kit" empfehlen, das nicht direkt auf 2D-Animationen mit Computersoftware abzielt, sondern sich eher mit allgemeinen Animationstechniken beschäftigt (und recht unterhaltsam zu lesen ist).

Amazon Link


1

Gehen Sie einfach mit geschlossenen Augen zu diesem Buch! Die ILLUSION DES LEBENS: DISNEY-ANIMATION .

Ich kann gar nicht genug betonen, wie großartig dieses Buch ist. Ich zitiere nur aus Wikipedia.

Die zwölf Grundprinzipien der Animation sind eine Reihe von Prinzipien der Animation, die von den Disney-Trickfilmzeichnern Ollie Johnston und Frank Thomas in ihrem 1981 erschienenen Buch Die Illusion des Lebens: Disney Animation eingeführt wurden. Johnston und Thomas wiederum stützten ihr Buch auf die Arbeit der führenden Disney-Trickfilmzeichner ab den 1930er Jahren und ihre Bemühungen, realistischere Animationen zu erstellen. Der Hauptzweck der Prinzipien war es, eine Illusion von Charakteren zu erzeugen, die sich an die grundlegenden Gesetze der Physik halten, aber sie befassten sich auch mit abstrakteren Themen wie emotionalem Timing und Charakterattraktivität.

Das Buch und seine Prinzipien haben sich durchgesetzt und wurden als "Bibel der Animation" bezeichnet. [2] 1999 wurde das Buch in einer Online-Umfrage zur Nummer eins der "besten Animationsbücher aller Zeiten" gewählt. [ 3] Obwohl diese Prinzipien ursprünglich für traditionelle, handgezeichnete Animationen gedacht waren, sind sie für die heutzutage gängigere Computeranimation immer noch von großer Relevanz.

Für kostenlose und Open Source 2d Kunstanwendungen mag ich MyPaint sehr. Hier zu malen fühlt sich sehr natürlich an. Es fehlen jedoch viele grundlegende Funktionen. Als Ergänzung zu den Grundfunktionen gibt es den alten Freund GIMP. Sie können sogar Krita ausprobieren . Die Bürstenmaschine ist besser als Gimp.

Für Animation + Malen gibt es eine andere Lösung namens Bleistift, bei der Sie mit einigen grundlegenden Zeichenwerkzeugen grundlegende Animationen erstellen können. Es macht sehr viel Spaß, damit zu arbeiten.

Sie können auch Alchemie (nur Malen) ausprobieren .


1

Ich würde vorschlagen, das, was ich als Entwicklungsumweg bezeichne, zu nehmen ... etwas, bei dem Sie sich 3-6 Monate Zeit nehmen, um tief in eine angrenzende Domäne einzudringen, die, wenn Sie kompetent werden, Ihren aktuellen Arbeitsschub wirklich unterstützt. Dafür würde ich dringend empfehlen, sich die Zeit zu nehmen, um 3D-Netzmodellierung, insbesondere Blender, zu erlernen . Die Konzepte, die Sie lernen werden, werden Ihre Spielbemühungen von den primären Objekten, die Sie erstellen möchten, bis zu den Effekten, die Sie bei der Unterstützung Ihres Spiels erzielen möchten, erheblich unterstützen. Blender-Animationen können auch als transparente PNGs exportiert werden, die relativ einfach zu Sprite-Blättern (sehr nützlich) kombiniert werden können. Ich denke, es wäre deine Zeit wert.


2
-1 Matthew fragte nach einfachen 2D-Animationstechniken. Sie schlugen vor, 3-6 Monate mit dem Erlernen von 3D zu verbringen.
Markus von Broady

2
Wenn Sie die dritte Antwort des ersten Beitrags lesen (der mit 19 Stimmen bewertet wurde), argumentieren sie: "Viele 2D - Spielgrafiken basieren heutzutage tatsächlich auf 3D - Modellen. Dies hat viele Gründe: 3D - Modelle sind viel anpassungsfähiger als 2D - Bilder "Sprites sind räumlich sinnvoll, da sie buchstäblich aus dem Rendern von 3D - Objekten bestehen." Dies ist auch meine Argumentation. Die Investition in das Erlernen der 3D-Netzmodellierung für jede Kompetenz beträgt 3 bis 6 Monate. Es gibt wirklich keine andere Möglichkeit, als das Web nach fertigen Bildern zu durchsuchen oder das 2D-Zeichnen (auch eine Investition) zu erlernen. :-)
ProfVersaggi

1

Steigen Sie in ein kurzes Google mit dem Namen Sculptris . Auf Ihrer Reise sollten Sie ein gleichnamiges dreidimensionales Modellierungsprogramm entdecken. In meinen eigenen Bemühungen, zweidimensionale Sprite- Modelle zu erstellen , bin auch ich zu dem Schluss gekommen, dass ProfVersaggi dies hat. Leider löste ich unzählige frustrierte Stunden auf und ließ mein Gehirn über das Programm als Blender gleiten . Ich stellte fest, dass ich mit vielen anderen das Bedürfnis nach einer schnelleren Rückkehr zu meinen "Arbeiten" teile. Sculptris hat mir das gegeben. Außerdem ist es ab diesem Posting kostenlos. Eine Einschränkung; Dieses Programm befindet sich noch in der Entwicklung und stürzt ab. Das heißt, die Schöpfer von Sculptriswaren so freundlich, eine Funktion zur Wiederherstellung nach einem Absturz zu implementieren, dass die Abstürze kaum mehr als ein leises Ärgernis waren. Weit öffnen. Tief trinken. Schluck keine Frustration. Verdauen Sie nur Wissen . Mach uns stolz. Um summarise , Sculptris ist eine einfache Möglichkeit , ein 3D - Modelle für Ihre Sprites zu erstellen. Dann können Sie sogar die Taste "prtsc" oder "print screen" drücken, um ein Bild von dem zu kopieren, was auf Ihrem Bildschirm angezeigt wird, und es in eine 2D-Animationssoftware wie Graphicsgale oder ein Malprogramm wie Paint Shop Pro einzufügen . Ich kann es dir einfach nicht leichter machen, als es für dich zu tun, lol

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.