掌握ImageReady，轻松打造生动像素风GIF动画

ImageReady制作像素图GIF动画

ImageReady是Adobe公司出品的图像编辑软件ImageReady的升级版，即Adobe ImageReady 2.0。其能把网络上的各种图像元素轻松地组合起来，制作出可用于网页的图像，还能制作简单的GIF动画。更重要的是，ImageReady可与Photoshop通过直接的文件链接，把图像进行优化或做动画特效处理之后再输出为适用于网页的图像。由于ImageReady在制作网页图像及动画上非常方便，因此在网页图像制作上它完全有资格与Photoshop平分秋色。

虽然ImageReady的功能不及Photoshop强大，但对于制作GIF动画和网页图像而言已是绰绰有余。在图像处理上，ImageReady的操作方法与Photoshop基本一样，因此会Photoshop的朋友使用ImageReady是毫无困难的。那么ImageReady在动画制作方面又有些什么功能，又如何进行动画制作呢？下面我们就来探讨一下ImageReady在动画制作方面的应用。

ImageReady动画制作基础

ImageReady的动画制作功能其实并不复杂，只要我们理解了它的基本原理，就能制作出简单而有趣的动画。

在ImageReady中，一个动画由一系列的帧（Frame）组成，每一帧都是一幅图像。这些帧图像可以是一幅完整的画面，也可以是多个图层上的不同部分，这些图层可以是互相链接的，也可以是独立的。当我们改变这些帧中图层的内容、位置和透明度等参数时，一幅幅不同的画面就产生了。把这些帧按一定的顺序连续播放出来，就形成了一段动画。

在ImageReady中制作动画的基本步骤如下：

1. 用Photoshop制作或打开图像，并对图像进行处理。

2. 打开ImageReady，在动画编辑窗口中制作动画。

3. 设置动画的播放参数，预览动画效果。

4. 把动画输出为GIF格式的文件。

制作简单的动画

下面我们用ImageReady制作一个简单的动画，以加深对ImageReady动画的理解。

启动Photoshop，打开一幅图像，或者自己制作一幅图像。为了说明问题，这里我们画一只飞翔的小鸟作为例子。

按F7键打开图层面板，用“移动工具”把小鸟图层移动到合适的位置。在图层面板中，单击小鸟图层左边的“眼睛”图标，使小鸟图层不可见，此时小鸟消失了。

执行“窗口/动画”命令，打开动画编辑窗口。在图层面板中，再次单击小鸟图层左边的“眼睛”图标，使小鸟图层可见，此时小鸟又出现在图像窗口中。

在动画编辑窗口的帧面板中，默认只有一帧，点击帧面板下面的“复制当前帧”按钮，复制一个帧出来。回到图层面板，单击小鸟图层左边的“眼睛”图标，使小鸟图层不可见，此时小鸟又消失了。

在图层面板中单击小鸟图层以选中它，然后用“移动工具”把它移动到另一个合适的位置。现在我们来预览一下动画效果：在动画编辑窗口中，点击第一帧，然后点击动画播放按钮，可以看到小鸟出现了；再点击第二帧，小鸟又消失了，并且移动到了另一个位置。如果我们连续播放这两个帧，就可以看到小鸟从一个位置飞到另一个位置的动画效果了。

当然，这样的动画效果是非常单调的，我们可以通过添加过渡帧来使动画效果更加流畅。在动画编辑窗口中，选中第一帧，点击帧面板下面的“过渡帧”按钮，打开过渡帧对话框。在过渡帧对话框中，设置“要添加的帧数”为适当的值，例如5帧，然后点击“确定”按钮，ImageReady就会在第一帧和第二帧之间插入5个过渡帧。

现在我们来预览一下动画效果，可以看到小鸟的飞行动作变得连贯和流畅多了。

设置动画的播放参数

在动画编辑窗口中，我们可以设置动画的播放参数，例如帧的播放顺序、播放次数和延迟时间等。

帧的播放顺序：默认情况下，帧是按照它们在帧面板中的顺序播放的。如果我们想改变帧的播放顺序，只需要在帧面板中拖动帧到适当的位置就可以了。

播放次数：在动画编辑窗口的下方，有一个“循环次数”选项，设置它就可以控制动画的播放次数。例如，设置为“3”，动画就会播放3次后停止；设置为“永远”，动画就会一直播放下去。

延迟时间：在动画编辑窗口的下方，还有一个“延迟时间”选项，它控制着每一帧的播放时间。例如，设置为“0.2秒”，每一帧就会播放0.2秒后再跳到下一帧。调整延迟时间，可以改变动画的播放速度。

输出动画

制作完成动画后，我们就可以把它输出为GIF格式的文件了。点击动画编辑窗口中的“优化”按钮，打开优化面板。在优化面板中，我们可以看到动画的预览图，还可以设置动画的颜色、抖动和透明度等参数。

在优化面板中，点击“确定”按钮，打开存储对话框。在存储对话框中，选择保存动画的位置和文件名，然后点击“保存”按钮，ImageReady就会把动画输出为GIF格式的文件了。

至此，我们就完成了用ImageReady制作GIF动画的全过程。当然，ImageReady的功能远不止这些，我们还可以利用ImageReady制作更加复杂和有趣的动画效果。但是，不管动画效果有多么复杂，其基本原理都是一样的，那就是利用多个帧和图层的变化来产生动画效果。只要我们掌握了ImageReady的基本操作方法和动画制作原理，就可以通过不断的实践来创作出精彩绝伦的GIF动画了。