创建 Web 动画
操作方法提示: 使用分层的 Photoshop 图像创建 Web 动画。 动画由一系列图像帧组成,通过使每一帧与下一帧都有稍微的不同,可以使人产生一种运动的错觉。您可以使用分层的 Photoshop 或 ImageReady 图像在 Adobe ImageReady 中创建简单的动画。在图像中构成动画的所有元素都放置在不同的图层中。通过对每一帧隐藏或显示不同的图层,可以改变每一帧的内容,而不必一遍又一遍地复制和改变整个图像。您只需为每个静态元素创建一个图层,而运动元素则可能需要若干个图层才能制作出平滑过渡的运动效果。 - 在 Photoshop 中创建需要呈现动画效果的图像。为每个静态元素单独创建一个图层,然后为运动元素创建多个图层。用于运动元素的每个图层应代表它在不同时间点的位置。
- 存储文件,然后选取“文件”>“在 ImageReady 中编辑”。ImageReady 应用程序将打开并显示该图像。
- 点按“动画”选项卡使“动画”调板出现在前面。如果该调板未打开,请选取“窗口”>“动画”。ImageReady 会创建动画的第一帧。
- 点按“图层”选项卡使“图层”调板出现在前面。如果该调板未打开,请选取“窗口”>“图层”。调整“图层”调板和“动画”调板的位置,以便您至少可以看到文档窗口的一部分以及这两个调板。
- 在“图层”调板中确保对于第一帧正确地显示或隐藏了各个图层。点按眼睛图标 可以隐藏某个图层,或者点按空眼睛列以显示某个图层。
- 点按“动画”调板底部的“复制动画帧”按钮 添加下一帧。在“图层”调板中,根据这一帧的需要调整各个图层的可见性。继续添加新的帧,并根据需要隐藏或显示各个图层。
- 创建完所有的动画帧后,点按“动画”调板底部的“播放”按钮 预览动画。点按“停止”按钮 可停止播放。
- 如果动画的变换速度过快,请选中要调整其显示时间的特定帧,或选中所有帧来统一改变它们的显示时间。然后,点按选定帧底部“0 秒”旁边的箭头,并从弹出式菜单中选取所需的时间。
- 要设置动画循环的次数,请从“动画”调板左下角的弹出式菜单中选取“其他”(默认为“永远”)。输入一个值以指定“播放”次数,然后点按“好”。
- 获得满意的动画效果后,存储文件。请先用 Photoshop 格式存储文件,这一点很重要。Photoshop 格式会保留图像的所有组件,并允许您在以后根据需要进行更改。将图像存储为 PSD 文件后,可以针对 Web 使用优化动画,并将优化结果存储为 GIF 格式(在 Web 上显示动画所需的格式)。
Photoshop 帮助中的相关主题: 在 ImageReady 中针对 Web 使用优化图像 动画
|