2.3 使用ImageReady制作简单动画

ImageReady作为Photoshop静态图片处理工具的一个补充，能制作简单的动画，完全能满足日常的一些动画需求。例如，店铺装修、网页图标等。接下来简单讲一讲如何制作动画。

2.3.1 简单动画的原理

ImageReady的动画原理非常简单，类似于电影，在胶片电影时代，电影的每一个动作都记录在胶片中，电影在录制的时候是24帧/秒，播放的时候也是24帧/秒，这样人眼就看到了连续的播放画面。实际上电影的每个画面都是以帧为单位存储在胶片上的。而ImageReady的原理跟上面讲的一样，把不同的画面以帧频为单位存储，然后连续播放即形成了动画。举个例子，如我们把“好”存储在第一帧上，把“坏”存储在第二帧上，然后让这两帧连续起来播放会“好”、“坏”接连地出现，形成动画。

2.3.2 制作一个简单的动画

ImageReady动画的制作要与Photoshop结合起来。用Photoshop制作图片，然后用ImageReady制作动画。步骤如下：

1.用Photoshop制作图片

用Photoshop制作图片的步骤如下。

（1）打开Photoshop，新建一150×100大小的文件，如图2.16（A）所示。

（2）单击常用工具栏内的文字工具，输入文字，如“春夏秋冬”四个字，如图2.16（B）所示，并且把4个字分别建成4层，每层一个字。

（3）新建4个空白图层，分别为每个图层加添上绿、红、橙、白背景色，如图2.16（C）所示。

图2.16 用Photoshop制作图片

2.用ImageReady制作动画

接下来介绍如何用ImageReady制作出简单的动画，步骤如下。

（1）用ImageReady打开上面制作的图片：在Photoshop中选择“文件”—“在ImageReady中编辑”命令，即可用ImageReady打开刚制作的图片，如图2.17（A）所示。

（2）单击动画面板中的复制当前帧按钮，连续复制4帧，如图2.17（B）所示。

（3）为每一帧设置不同的动画：如为第2帧设置的是，隐藏除了春字图层和绿色背景图层外的所有图层，为第3帧设置为隐藏除了夏字图层和红色背景图层外的所有图层，依此类推，设置完接下来的两帧。

（4）预览动画效果：单击动画面板中的播放按钮，即可预览到动画效果。为第1帧设置停留时间，因为第1帧是完整的图片，没有隐藏任何图层，所以为第一层设置较长的停留时间，在每一帧底部有“0秒”的显示，右键单击第一帧底下的“0秒”，在下拉框中选择5，如图2.17（C）所示。

图2.17 在ImageReady中设置动画