10.1.3 制作网页动画
图片参考网站:blog.sina/s/blog_603ba8090100dzo7.
在我们平时浏览网页时经常会看到一些生动有趣的动画,动画不仅可以吸引浏览者,还可以增加关注与点击率。在接下来的操作中我们将制作出一幅生动有趣的网页动画。
(1)执行“文件”→“打开”命令,打开本书附带光盘&92;Chapter-10&92;“查看动画.psd”文件
2)执行“窗口”→“动画”命令,打开“动画”调板。
(3)单击 “复制所选帧”按钮,复制当前帧,如图10-30所示
(4)使用“移动”工具,按下<Shift>键的同时,水平调整放大镜图像的位置,如图10-31所示
(5)单击“动画”调板右上角的 按钮,在弹出的菜单中选择“过渡”命令,打开“过渡”对话框。
(6)参照图10-32所示,设置“要添加的帧数”参数,为第一帧和第二帧之间插相应的过渡帧,使第一帧到第二帧的动画更加流畅、自然。图10-33展示了添加过渡帧后的“动画”调板。
(7)再次单击“动画”调板底部的 “复制所选帧”按钮,复制帧如图10-34所示。
(8)使用“移动”工具,按下<Shift>键的同时,水平调整图像的位置,如图10-35所示。
10)单击调板底部的 “过渡动画帧”按钮,打开并设置“过渡”对话框,如图10-36所示。(11)完毕后,单击“确定”按钮关闭对话框。单击调板底部的“播放动画”按钮,即可预览添加的动画效果,图10-37展示了动画播放过程中的几个画面
在播放完动画后,如果对动画的设置满意,我们可以将所制作的动画存储为gif格式的文件,以便插入到网页中使用。
(11)执行“文件”→“存储为Web和设备所用格式”命令,打开并设置“存储为Web和设备所用格式”对话框,如图10-38所示