创建 Web 动画

操作方法提示：

使用分层的 Photoshop 图像创建 Web 动画。

动画由一系列图像帧组成，通过使每一帧与下一帧都有稍微的不同，可以使人产生一种运动的错觉。您可以使用分层的 Photoshop 或 ImageReady 图像在 Adobe ImageReady 中创建简单的动画。在图像中构成动画的所有元素都放置在不同的图层中。通过对每一帧隐藏或显示不同的图层，可以改变每一帧的内容，而不必一遍又一遍地复制和改变整个图像。您只需为每个静态元素创建一个图层，而运动元素则可能需要若干个图层才能制作出平滑过渡的运动效果。

1. 在 Photoshop 中创建需要呈现动画效果的图像。为每个静态元素单独创建一个图层，然后为运动元素创建多个图层。用于运动元素的每个图层应代表它在不同时间点的位置。
2. 存储文件，然后选取“文件”>“在 ImageReady 中编辑”。ImageReady 应用程序将打开并显示该图像。
3. 点按“动画”选项卡使“动画”调板出现在前面。如果该调板未打开，请选取“窗口”>“动画”。ImageReady 会创建动画的第一帧。
4. 点按“图层”选项卡使“图层”调板出现在前面。如果该调板未打开，请选取“窗口”>“图层”。调整“图层”调板和“动画”调板的位置，以便您至少可以看到文档窗口的一部分以及这两个调板。
5. 在“图层”调板中确保对于第一帧正确地显示或隐藏了各个图层。点按眼睛图标 可以隐藏某个图层，或者点按空眼睛列以显示某个图层。
6. 点按“动画”调板底部的“复制动画帧”按钮 添加下一帧。在“图层”调板中，根据这一帧的需要调整各个图层的可见性。继续添加新的帧，并根据需要隐藏或显示各个图层。
7. 创建完所有的动画帧后，点按“动画”调板底部的“播放”按钮 预览动画。点按“停止”按钮 可停止播放。
8. 如果动画的变换速度过快，请选中要调整其显示时间的特定帧，或选中所有帧来统一改变它们的显示时间。然后，点按选定帧底部“0 秒”旁边的箭头，并从弹出式菜单中选取所需的时间。
9. 要设置动画循环的次数，请从“动画”调板左下角的弹出式菜单中选取“其他”（默认为“永远”）。输入一个值以指定“播放”次数，然后点按“好”。
10. 获得满意的动画效果后，存储文件。请先用 Photoshop 格式存储文件，这一点很重要。Photoshop 格式会保留图像的所有组件，并允许您在以后根据需要进行更改。将图像存储为 PSD 文件后，可以针对 Web 使用优化动画，并将优化结果存储为 GIF 格式（在 Web 上显示动画所需的格式）。