本文是《如何开始制作像素画》系列教程的第三课，这一节课我们来聊一聊有关动画的内容。

1.什么是动画

动画是人的错觉。当把一系列具有运动渐进规律的图像按照顺序快速播放时，由于人眼和大脑的机制，会认为这些图像是运动的，从而形成了动画。作为动画师，我们的工作是使动画看起来尽可能地令人信服。

2.时间线

我们首先需要了解的是时间线。这是一种在单个文件中表示多个图像的方法。如下图所示，每列不仅是一个完整的图像，也有着自己的编号，这样子的一列图像构成了时间线，其中每一幅单独的图像我们称之为帧。

上图为Aseprite软件中的时间线，您可以看到第9帧被选中，第10帧为空。在Aseprite中创建新帧最简单的方法是按Alt+B。这将创建一个位于当前选定帧前面的一个空帧，并且处于选中状态。您可以通过单击或按“，”和“.”来更改所选的帧。

试着在多个帧上绘制一些图案，然后点击Play（回车）按钮进行动画预览。动画预览会出现在上图中的预览窗口里，该窗口可以通过按F7进行切换。

3.一个非常简单的动画

关于如何制作动画、绘制帧的顺序以及如何优化动画，有很多技巧，但现在我将尝试解释我知道的最简单的技巧：弹跳球的“直接动画”。“ 直接动画”意味着我们将直接一帧接着一帧进行绘制，而不是更常见的先绘制动画的所有关键帧，然后绘制中间帧的方法。选择你喜欢的调色板，让我们从32x32大小的画布开始绘制。

“直接动画”制作流程

常见动画制作流程：首先绘制关键帧，然后绘制中间帧

第一帧我们称之为“静止帧”。它用于展示你的艺术风格，以及定位动画的静止位置，如下图所示。

您需要注意要添加到“静止帧”中的细节量，因为之后的帧都要将遵循和“静止帧”相同的美术风格。画完“静止帧”后，我们可以复制此帧（alt+n）。将其向上移动4个像素。如下图：

第三帧的制作也是一样的。复制第二帧，将其向上移动3个像素即可。之后的帧按照相同的方法制作，分别把上一帧的图像复制后向上移动2个像素和1个像素，然后按照相反的顺序让其向下移动一样数量的像素，如下所示：

正如下面的动图所展示的，我们做了一个简单的弹跳球动画！当然，这还不是我们要的最终效果。

4.节奏

动画的节奏是一个复杂的主题，甚至可以有一个完整的教程专门针对它，但我现在将重点放在弹跳球动画的节奏上。

针对上面做的弹跳球动画，我们需要对节奏进行修改，使其更加真实。球落地后停了下来，等了一会儿，然后又神奇地跳了起来，这样子的节奏更加符合物理规律。要增加小球落地帧的持续时间，如上图所示，请右键单击小球落地帧的编号，然后选择“Frame Properties”。然后，您可以键入帧的持续时间，这里可以试试300毫秒。记住，您也可以选择多个帧来同时更改其持续时间，这对于一次加速或减速整个动画特别有用。

5.挤压与伸展

关于挤压与伸展的老教程

为了让球动画更加真实，我们在这里可以做的一件简单的事情就是增加一些挤压和伸展，这是一种非常酷的技术，可以让动作看起来更流畅和自然。它包括在保持物体体积的同时沿运动方向拉长或压扁运动物体。让我们复制第一帧并水平挤压它，同时垂直展平它，这样我们就可以保留总体积。保持总体积非常重要，这样你的物体看起来就不会变小或变大。这也被称为“准备帧”，它主要用于使下一帧的运动看起来更激烈。

先挤压为之后的跳跃做准备

现在，让我们复制最后一帧，对其进行修改。当球高高弹起，最后落地面时，他会挤压得更夸张，如下图：

与地面接触

最后一件事是对球速度最快时（完成挤压向上跳跃的一帧和落地前的一帧）进行垂直方向上的拉伸，其他时候的小球形状不变，让我们看看我们的结果：

6.保存动画

以.aseprite格式保存文件时，将保留工程文件，之后你可以对其进行任何修改。您可能希望导出动画以发布到网络上或在游戏中使用它。发布到网络时，最简单的方法是使用File>Export…命令将图像保存为.gif。当导出游戏时，您通常希望保存为.png，但动画必须按sprite工作表或图像序列进行分解。要将其保存为图像序列，只需将文件导出为.png格式，Aseprite会自动将每一帧保存为一个.png文件，如“bounce01.png”、“bounce02.png”等。

7.之后应该做什么？

尝试简单的动作！

下一步，我建议对时间线进行更多的实验，并尝试进行绘制其他的简单动画。你可以查看我的教程库，选择一个你感兴趣的教程并尝试模仿它。另一个想法是尝试经典的初学者练习：制作一个走来走去和跳跃的动画面粉袋。

请继续阅读第4课！

如何开始制作像素画#3——基本动画