本实例制作的滚动动画效果，是使椭圆形图像按照特定的顺序，依次显示在画面中特定的位置，形成椭圆图像连环滚动的动画效果。如图16-2所示，为本实例的完成效果。

图16-2  本实例完成效果

技术提示

在制作静态画面中的花瓣图像时，需要执行“自由变换”命令，调整图像的形状。“自由变换”命令可用于在一个操作中连续应用变换（旋转、缩放、斜切、扭曲和透视）。不必选取其他命令，只需在键盘上按住一个键，即可在变换类型之间进行切换。按住<Ctrl>键切换到自由扭曲；按住<Alt>键切换到相对于定界框的中心点扭曲；按住<Ctrl+Shift>键切换到斜切；按住<Ctrl+Alt+Shift>键切换到透视。

本实例动画效果的制作方法比较简单，主要是在“动画”调板中，根据动画帧的设置需要，调整图层图像的显示或隐藏，来完成动画帧的编辑操作。如图16-3所示，为本实例的制作流程。

图16-3  本实例制作流程

制作步骤

（1）运行Photoshop，执行“文件”→“打开”命令，打开本书附带光盘\Chapter-16\“背景 4.jpg”文件，如图16-4所示。

图16-4  打开背景图像

（2）单击“图层”调板底部的“创建新图层”按钮，新建“图层 1”，使用工具箱中的“椭圆选框”工具，参照图16-5所示绘制椭圆选区并填充为白色。然后按下<Ctrl+D>键取消选区。

图16-5  绘制椭圆选区并填充

（3）拖动“图层 1”至调板底部的“创建新图层”按钮上，复制“图层 1”。然后按下<Ctrl+T>键执行“自由变换”命令，参照图16-6所示调整其旋转中心点，接着将图像旋转。

图16-6  旋转图像

（

提示：连续按下<Ctrl+Shift+Alt+T>键，将按照既定的旋转中心点和旋转角度进行旋转复制。

图16-7  复制图像

（5）按下<Shift>键，同时单击“图层 1”，将“图层 1”与创建的所有副本图层选中，按下<Ctrl+E>键，将图层合并。然后按下<Ctrl+T>键执行“自由变换”命令，按下<Ctrl>键的同时，分别拖动控制柄的四个角，调整图像形状，完成后按下<Enter>键确认变换操作。如图16-8所示。

图16-8  调整图像形状

（6）执行“图层”→“图层样式”→“外发光”命令，打开“图层样式”对话框，参照图16-9所示设置对话框，为图像添加外发光效果。

图16-9  添加外发光效果

（7）按下<Ctrl>键，同时单击“图层 1 副本 11”图层的缩览图，将该图层中图像的选区载入，接着新建“图层 1”，将选区填充为嫩绿色，如图16-10所示。

图16-10  载入选区并填充

（8）保持选区的浮动状态，选择工具箱中的“渐变”工具，单击选项栏中的渐变条，打开“渐变编辑器”对话框，在对话框中选择“黑色、白色”渐变方式，然后在选区中绘制渐变，完毕后取消选区，如图16-11所示。

图16-11  填充渐变

（9）使用工具箱中的“多边形套索”工具，绘制选区，将其中一个花瓣图像选取，接着按下<Ctrl+X>和

2”。然后使用

技巧：绘制选区，将其中一个花瓣图像选取，按下<Ctrl+Shift+J>键，执行“通过剪切的图层”命令，将选区内的图像剪切、粘贴到新图层中。

图16-12  调整图像

（10）参照以上方法，将花瓣图像分离到不同的图层中。然后使用“横排文字”工具，添加相关文字信息，完成静态画面的制作，如图16-13所示。

图16-13  添加文字信息

（11）执行“窗口”→“动画”命令，打开“动画”调板。参照图16-14所示中第1帧动画所要显示的图像内容，在“图层”调板中调整图层的显示或隐藏，创建动画的第1帧。

图16-14  创建动画第1帧

（12）单击“动画”调板底部的“复制选中的帧”按钮，创建第2帧。根据图示中第2帧动画所要显示的图像内容，在“图层”调板中调整图层的显示或隐藏。然后使用同样的操作方法，参照图16-15~16-17所示，设置动画的第3~12帧。

图16-15  创建动画2～5帧

图16-16  创建动画6～9帧

图16-17  创建动画10～12帧

（13）至此，完成整个实例的制作。执行“文件”→“存储为Web所用格式”命令，将文档存储为GIF格式，如图16-18所示。读者可打开本书附带光盘\Chapter-16\“平面设计公司广告.gif”文件进行查看。

图16-18  存储文件