如何学习2D动画?[关闭]


43

在哪里可以学习如何很好地制作简单的2D动画?还是真的只是在Photoshop中逐字地绘制某事物的每一帧?有技巧或窍门吗?帮助入门的教程?

另外,有哪些软件选项(最好是开源的,甚至只是免费的)?


1
如果您要做一些“复杂的事情”,例如在背景变化时行走/跑步的火柴人,然后突然地,火柴人变成橡皮擦,并用一只飞狗攻击变异的火柴人鸟儿(摘自James Patterson的《最大骑行》) ),则必须使用Flash。
Mateen Ulhaq 2011年

14
@muntoo为什么必须使用Flash?它是否有一个按钮会自动为您填充?不,您可以使用任何动画软件来做到这一点。或手工绘制并扫描图像...
bummzack 2011年

@bummzack对不起,我的意思是“您可以使用Flash”。
Mateen Ulhaq 2011年

当今许多2D游戏图形实际上都是基于3D模型的,这有很多原因:3D模型比2D图像更具适应性;精灵具有空间意义,因为它们实际上是由渲染3D对象制成的。可以很容易地从多个方向制作精灵。只需渲染动画3D模型即可轻松制作动画。---不利的一面是,为此,您需要为精灵对象创建3D模型并对其进行纹理处理,但是我认为整个过程并不困难,而且返回(结果和适应性)非常值得。
XenoRo

2
看看Spine吧,这是一个非常新的软件,实际上不需要您成为动画大师。此后还有运行时在游戏环境中执行动画。
joltmode

Answers:


19

现在,我可以想到几种制作2D动画的方法:

  • 左右移动对象的x,y坐标(例如,滑动矩形菜单-您每隔数ms更改y坐标)
  • 在图像编辑器中绘制出每一帧,并选择合适的帧在正确的时间进行绘制(例如绘制火焰动画)
  • 结合以上两者(例如,让精灵在屏幕上行走)

这全都在于赋予运动幻觉

怎么做好?

  • 必须适当定时以使其看起来平滑(注意硬件限制)
  • 您拥有的框架越多,可以显示的细节越多,看起来就越好(但是最终您不得不绘制更多的框架)

技巧和窍门?

软件选项?

  • 我会说这取决于您要制作动画的内容。如果要设置精灵或简单对象的动画,则MS Paint可能就足够了
  • GIMP是Photoshop的开源替代品
  • Photoscape是另一个免费的照片编辑器。它还允许您制作动画GIF-非常适合测试动画中的时序
  • SynfigToonBoom的自由替代品,可以在不关心补间的情况下制作动画,然后将它们导出到视频,gif或将某些帧另存为sprite的图像
  • InkScape是向量矢量图形编辑器,可替代Adobe Illustrator

至于教程,我认为这很大程度上取决于您的目标。如果您正在玩Flash游戏,请搜索Flash教程。绘图是一回事,但您还需要定时(可能移动)图像以使其正确地进行动画处理-因此您不妨学习如何在要使用的平台上进行操作。


10

逐帧创建经典2D动画。您经常会看到它们使用降低的帧速率(例如,每帧显示两次)来减少必须绘制的图像量。

Flash是2D动画的很好的工具。它为您提供洋葱皮(绘制新框架时,先前的框架会发光),补间和形状变形。从CS4版本开始,它还带有骨骼和逆运动学,这使得用肢体对角色进行动画制作变得非常容易。

还有“ Toon Boom ”。他们提供了许多不同的软件包,可用于爱好/娱乐,甚至是专业的动画软件。

诸如GIMP和Photoshop之类的工具还提供了一些动画功能,但这实际上只是针对非常基本的东西。

2D动画的另一个不太明显的选择是使用3D程序。您知道吗,后来使用Maya 对Southpark的后续片段进行了动画处理?

使用正交摄影机投影,适当的照明和平面阴影,您可以创建外观为2D但在3D软件中创建的动画。大多数3D程序都具有复杂的动画工具,例如骨骼,逆运动学,约束,软体等。Blender是入门的不错(免费)选择。


4

有很多资源可用于执行此操作。

这是一个很好的教程,可帮助您开始使用Sprite Sheets的一种特定方法。Sprite Sheet就是这样,您可以用类似于现实生活中的翻书动画的代码运行Sprite Sheet。但是您使用代码来做到这一点。上手可能很困难,但我觉得这是最有意义的事情,也是给予最大控制权的条件。

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

这是我发现使用Flash也是很好的工具的第一件事。我个人没有使用过Flash,也许其他海报可以吸引他们。

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


4

2D动画是整个艺术和职业。而且实际上是一个很难掌握的人。确实,并不是每个动画师都能制作出出色的动画。但是对于您所说的基本动画,这取决于。使用4帧的24x24像素sprite步行周期,使手机达到ok级别的精灵动画通常很简单。您确实可以仅使用Gimp并使用图层透明性来完成该操作,以将上一个或下一个帧作为参考。(“洋葱皮”)。它还有其他功能可以帮助您。

当您尝试制作更高分辨率的2d动画时,事情变得越来越复杂。一个快速的建议是在例如13个帧的行走周期中绘制第1、7、13帧,然后在它们之间绘制帧(例如4、10),然后绘制其余的帧。(是一个不好的例子,寿)

所有这些,都使用洋葱皮功能。有很多软件,我建议使用PencilGimp。对于像素艺术,低分辨率的精灵可能还需要检查GraphicsGale。当然,还有很多关于不断检查流程和动画的问题。


2

我会向您推荐“动画师生存工具包”这本书,它不是直接针对使用计算机软件的2D动画,而是更多关于常规动画技术(并且很有趣的阅读)。

亚马逊链接


1

闭着眼睛去看这本书吧!生命的错觉:迪士尼动画

我不能足够强调这本书有多。我只是引用维基百科的形式。

动画十二个基本原理是迪士尼动画师Ollie Johnston和Frank Thomas在其1981年的《生命的幻觉:迪士尼动画》中引入的一组动画原理。反过来,约翰斯顿(Johnston)和托马斯(Thomas)的书则基于1930年代以来迪斯尼领先的动画师的作品以及他们制作更逼真的动画的努力。原理的主要目的是使角色对物理基本定律产生错觉,但它们也处理更抽象的问题,例如情感时机和角色吸引力。

该书及其原理已被广泛采用,并被称为“动画圣经”。[2]在1999年,该书被在线民意调查评为“有史以来最佳动画书”第一。 3] 尽管原本打算将其应用于传统的手绘动画,但是这些原理仍然与当今更为流行的计算机动画有很大的关联。

对于免费和开源的2d艺术应用程序,我非常喜欢MyPaint。在这里绘画很自然。尽管它缺少很多基本功能。为了补充基本功能,有老朋友GIMP。您甚至可以尝试Krita。它的画笔引擎比Gimp更好。

对于动画+绘画,还有另一个名为Pencil的解决方案,您可以使用一些基本的绘图工具来创建基本的动画。使用它非常有趣。

您也可以尝试炼金术(仅绘画)。


1

我建议采取我所说的发展弯路...在一段3到6个月的时间里,您可以深入研究相邻的领域,当您胜任工作时,它确实可以支持您当前的工作重点。为此,我强烈建议您花时间学习3D网格建模,特别是Blender。您将学到的概念将极大地支持您的游戏工作,从您要创建的主要对象到您想要在支持游戏中创建的效果。Blender动画也可以导出为透明的PNG,可以很容易地组合成Sprite Sheet(非常有用)。我认为这值得您花时间。


2
-1 Matthew要求一种简单的2D动画技术,您建议花3-6个月学习3D。
Markus von Broady,2012年

2
如果您仔细阅读第一篇文章的第三条答案(获得19票),他们会说:“当今许多2D游戏图形实际上都是基于3D模型的,这有很多原因:3D模型比2D图像更具适应性;精灵具有空间意义,因为它们实际上是由渲染3D对象制成的。” 这也是我的推理路线。学习任何能力的3D网格建模的投资是3 到6个月的投资。除非您要在网上拖曳以获取现成的图像,或者愿意学习2D绘图(也是一项投资),否则实际上没有其他方法。:-)
ProfVersaggi 2012年

1

登上简短的Google(名称为Sculptris)。您应该在旅途中发现同名的三维建模程序。在我自己的二维精灵建模工作中,我也得出了ProfVersaggi的结论。不幸的是,我消磨了无数沮丧的时间,让我的大脑滑过程序称为Blender。我发现我与其他许多人一样都需要更快地获得我的“人工”回报。Sculptris给了我这个。此外,自发布之日起它是免费的。注意事项;该程序仍在开发中,确实会崩溃。也就是说,Sculptris的创造者足以实现崩溃恢复功能,使崩溃仅是轻微的麻烦。敞开。喝多点。吞下无奈。只消化知识。让我们感到骄傲。要总结Sculptris是为你的精灵创建3D模型的简单方法。然后,您甚至可以按“ prtsc”或“打印屏幕”按钮来复制屏幕上显示的任何图像,以粘贴到2D动画软件(如Graphicsgale)Paint程序(如Paint Shop Pro)中。我简直无法为您简化任何事情,但为您做这件事大声笑

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.