像素独立游戏美术开发指南-动画基础

需要了解的知识和方法1、了解什么是动画,了解帧速2、了解制作动画的原理3、了解制作位移动画的方法1、什么是动画?帧速是什么?

画一个马里奥,感觉如何?是简单还是困难?

如果你有wacom压感笔(1:绘图用的数码压力感应笔,简称压感笔,一般配合数位板一起使用。比较出名的是wacom品牌的压感笔。

)的话,可能画起来比较轻松,如果只有鼠标,点啊点的确实枯燥和麻烦,可能画不了几张像素画,你就放弃了。所以工具的好坏不仅仅影响效率,还会影响我们的心情和状态。

每秒10帧的动画 图片:维基百科每秒2帧的动画图片:
维基百科一张画是静止的,很多张画连起来播放就是动画。最少多少张画才可以欺骗大脑呢?

最少需要每秒16张画(2:动画是指由许多帧静止的画面,以一定的速度(如每秒16张)连续播放时,肉眼因视觉残象产生错觉,而误以为画面活动的作品。)。

这个就是最基础的动画原理了。一般来说帧速越高(3:指电子绘图或游戏每秒播放多少帧)动画越流畅。

图1

作者:Phil Giarrusso2、动画原理是什么?我的理解,动画的原理就是变化,没有变化就没有动画。

比如上文中跳动的小球,它是不断变化的。最简单的动画就好像美剧生活大爆炸的片头,快速播放很多很多不同的图片。

有变化,就不枯燥和无聊。

图2

Teenage Mutant Ninja Turtles IV: Turtles in Time, SNES.游戏受欢迎也因为游戏画面是不断刷新的,每一秒展示的内容都是有变化的。

变化的种类有很多,比如大小长短形状颜色透明度位置等等。3、如何制作位移动画?

图3

Super Mario Bros. 3, NES.位移,简单的说就是位置的移动。如上图的小怪物从底部往上爬,然后掉下去,就是小怪物的位置发生了移动和变化。

不过在游戏中所有位移动画都是程序和玩家来控制的。怪物由程序AI控制,而主角则由玩家通过按键来控制。

图4

作者:kirokaze所以游戏中的行走,跳跃,攻击等动作一般都不需要加上位移。那么复杂的说呢?

复杂的说……再看上图的小怪物,有没有发现腿在动?对,怪物或者角色自身某个部分发生位置的变化,也属于位移动画。

位移动画的好处在于,可以节约很多绘制帧的时间。早期的诺基亚智能手机游戏开发就是这样制作的。

将怪物或角色的身体元件拆散,然后在动画编辑器里制作动画。虽然编辑器换了一茬又一茬,这种核心思想目前看还没有变。

图5

我找了一个马里奥的动作分解图。(和我们画的马里奥略微不同)我们可以看到以下动作的关键帧。

站立(1帧);行走(3帧);滑步(1帧);跳跃(1帧);死亡(1帧)。以跳跃为例子吧。

因为跳跃的位移是由程序控制的,所以只要画出跳跃的姿势就可以了。另外马里奥有顶砖块的设计,所以跳跃的时候要把一只手握拳举起来。

在画之前先设计好怎么画。看下我的绘画步骤吧。

首先打开上次画好的马里奥,然后选择图像-画布大小

图6

把画布尺寸改大一些。

图7

然后使用工具箱里的矩形选框工具选择马里奥的四肢,头,身体等。

Photoshop的选择工具更好用。选完一次后,需要追加选区可以按住shift。

图8

选好后点击图层工具面板的新建图层按钮。然后按键盘Ctrl+X,Ctrl+V,这是剪切和粘贴的快捷键。

Photoshop支持粘贴的时候自动增加图层。GIMP必须手动添加。

图9

好啦,使用同样的方法,将四肢分开。

图10

身体各个部件的位置移动涉及到旋转和位移两部分。

位移好办,分开后按M键鼠标拖动就可以了,旋转的话就需要用到软件的命令。使用图层-变换,逆时针旋转90度,就可以把腿旋转到跳跃的姿势上。

Photoshop的旋转命令更强大,支持所见即所得。GIMP是命令窗口式的。

图11

图12

如果想旋转任意角度,除了可以使用上面的命令(旋转的是整个图层)。还可以使用工具-变换工具-旋转。

这个命令可以旋转选区内的东西。注意旋转之前,在工具面板属性栏区域选择插值为无。

图13

图14

使用同样的方法切分完后,就可以重新组合。然后将图层合并后,略作修改就可以了!

这样比重新画一个新的马里奥更方便快捷。最后看看效果吧!

Author: PixelBear