flash cs5 色彩效果

第8章 制作高级动画二
普通高等学校计算机教育“十二五”规划教材立体化精品系列
学习目标
学习要点
◎ ◎ ◎ ◎ 滤镜基础 滤镜特效 创建场景 编辑场景
学习目标
◎ 掌握滤镜的基础知识 ◎ 掌握添加滤镜效果的方法 ◎ 熟悉创建和编 3 滤镜 应用滤镜特效 场景动画
滤镜
滤镜基础 预设滤镜库
课后习题
（2）打开提供的素材文件，通过新建文件将两个素材文件整合到 一个文件中的不同场景中，并调整动画，完成后的参考效果如下图所 示。
课后习题
预设滤镜库
删除预设滤镜
在“滤镜”栏下单击“预设” 按钮，在打开的列表中选择“删除”选项， 打开“删除预设”对话框，选择要删除的预设，然后单击即可。如下图所示。
预设滤镜库
应用预设滤镜
选择要应用滤镜预设的对象，在属性面板的“滤镜”栏中单击“预设”按 钮，在打开的列表中选择存储的滤镜即可。如下图所示。
滤镜基础
应用或删除滤镜
应用或删除滤镜
应用滤镜：在属性面板中 展开“滤镜”栏，单击 “ 添加滤镜”按钮，在 打开的列表中选择一个滤 镜效果，即可为选择的对 象添加一个滤镜。
删除滤镜：在“滤镜” 栏中选择需要删除的滤 镜，然后单击下方的 “删除滤镜”按钮，即 可删除选择的滤镜。
滤镜基础
复制和粘贴滤镜
应用滤镜特效
投影滤镜效果 模糊滤镜效果 发光滤镜效果 斜角滤镜效果 渐变发光滤镜效果 渐变斜角滤镜效果 调整颜色滤镜效果 课堂案例1——制作宣传片头
投影滤镜效果
选择需要添加滤镜的对象，在“滤镜”栏中单击“添加滤镜”按 钮，在打开的列表中选择“投影”选项，如下图所示。即可添加投影 滤镜。
模糊滤镜效果
课堂案例2——创建“变换”场景动画

5.3 传统补间动画
传统补间动画是利用运动渐变的方法而制作的动画。利用渐变的方 法可以处理舞台中经过群组后的各种矢量图形、文字和导入的素材等。 使用这种方法，用户可以设置对象在位置、大小、倾斜、颜色以及透 明度等方面的渐变效果。用户还可以将运动过程与任意曲线组成的路 径结合起来，这就是Web网页上看到的各种Flash动画效果。结合起 来使用这种方法必须注意的是，一定要将舞台中各种对象转换成元件 或群组对象，否则不能达到运动效果。
动画的舞台结构 逐帧动画 传统补间动画 形状补间动画 补间动画 遮罩动画 反向运动
5.1 动画的舞台结构
5.1.1 时间轴窗口
Flash CS5的时间轴窗口默认位于舞台下方，用户可以使用鼠标拖动 它，改变它在窗口中的位置。时间轴窗口是用来进行动画创作和编辑的主 要工具。按照功能不同，可将时间轴分为两大部分：层控制区和时间控制 区，如图所示。
5.1.2 时间轴按钮
帧居中 当用户单击帧居中按钮时，播放头的当前帧在时间轴上居中显示，
将当前帧显示到时间轴窗口的正中间。 显示多帧
单击时间轴上显示多帧图标按钮，在播放头的两侧出现洋葱皮标 记，它包括了多个连续的帧，系统默认的是5帧，当前帧是唯一可以 编辑的帧，在舞台上突出显示。洋葱皮标记的帧是不可编辑的帧。 显示多帧外框 突出帧的前后内容。只有当前帧显示外观，而其他帧仅仅显示轮廓。 编辑多帧
（7）将舞台上的实例拖放到合适的位置，并选择自由变形工具，旋转元 件实例到合适的角度，如图所示。
（8）将选取工具移到路径上的端点上，指针右下角将出现一条弧线，按 下鼠标左键拖动到合适的角度，然后释放鼠标左键。如左图所示。
还可以使用部分选取工具、“变形”面板、属性面板、动画编辑 器更改路径的形状或大小。或者将自定义笔触作为运动路径进行应用。

图18
图19
19、选择“动画”按钮元件图层1的第2帧“指针经过帧”，按F6键插入关键帧， 选择工具箱中的“文本工具”，打开“属性面板”，设置字体为“黑体”、大小为 48、字母间动 画”，并且分成两行显示，如图19所示。
20、选择“动画”按钮元件图层1的第3帧“按下帧”，按F6键插入关键帧，选择 该帧中的文字对象按Delete键删除。从库面板中拖出“街舞”影片剪辑元件放在舞 台上，并用“任意变形工具”选择该影片元件的实例，按住Alt+Shift键不放进行等 比例缩放，大小位置如图20所示。选择该实例对象右击，选择“排列”“移至 底层”命令，将该实例移到自转光环实例的下方，如图21所示。
13、在“地毯”层的上方新建图层2，并更名为“舞者”。选中该层的第1帧，把 库的“图片”文件夹中的“元件5”图形元件拖动到舞台中心位置（也可拖入png图 片），选中第2帧插入普通帧；选择第3帧按F7键插入空白关键帧，把库的“图片” 文件夹中的“元件6”图形元件拖动到舞台中心位置（也可拖入png图片），选中第 4帧插入普通帧；选择第5帧按F7键插入空白关键帧，把库的“图片”文件夹中的 “元件7”图形元件拖动到舞台中心位置（也可拖入png图片），选中第6帧插入普 通帧；依次类推，直到第53帧中放入最后一个图形元件31，选中该层的第60帧插 入普通帧，如图13所示。
图16
16、退出“街舞”影片剪辑元件的编辑状态，回到主场景中。并删除“街舞”影片 剪辑元件在舞台中的实例。 17、单击“插入”“新建元件”命令或按Ctrl+F8键，弹出“新建元件”对话框， 名称为“动画”，类型为“按钮”，如图17所示，单击“确定”按钮。进入“动 画”按钮的编辑状态。
图17
18、选择“动画”按钮元件图层1的第1帧“弹起帧”，从库面板中拖入“七彩色 自转光环”影片剪辑元件到舞台的中心位置，如图18所示。

flash cs5 练习：设计网站进入动画在Flash中，用户通过将多种特效和补间动画结合起来使用，可以制作出效果更加丰富多彩的动画。

本练习将利用滤镜、色彩效果等制作一个网站进入动画。

操作步骤：（1）新建文档，在【文档设置】对话框中设置舞台的【尺寸】为“100 3像素×600像素”。

然后，在图层的第25帧处插入关键帧，执行【文件】|【导入】|【打开外部库】命令，打开“素材.fla”文件，将“背景”影片剪辑拖入到舞台中。

（2）选择第25帧，在【属性】检查器中设置“背景”影片剪辑的Alp ha为0。

右击该帧，执行【创建补间动画】命令，创建补间动画。

然后，右击第48帧，执行【插入关键帧】|【颜色】命令，在【属性】检查器中更改其Alpha为100。

提示：网站的进入动画主要应用于网页中，因此，其尺寸需要使用标准网页的大小。

提示：在拖入“背景”影片剪辑后，在该图层的第2 40帧处插入普通帧，以延长背景所显示的时间。

设置插入关键帧拖入插入普通帧（3）新建图层2，将“进度条”影片剪辑拖入到舞台，在第1帧至第48帧之间制作渐隐的补间动画。

新建图层3，在“进度条”上面绘制一个矩形，并转换为影片剪辑，在第1帧至第24帧之间制作横向变宽的补间动画。

然后，将图层3转换为遮罩层。

（4）新建图层4，在第49帧处插入关键帧，并将“矩形背景”影片剪辑拖拽到影片的中心位置，在【属性】检查器中为其添加投影和模糊滤镜。

然后在第49至72帧之间创建补间动画，制作影片剪辑由模糊到清晰的动画。

（5）新建3个图层，分别在每个图层的第73帧出插入关键帧，将“箭提示：用户也可以使用传统补间动画来制作“背景”影片剪辑的显示动画。

插入关键帧拖入元件设置滤镜插入关键帧设置滤镜提示：在第49帧处，元件的【模糊X 】和【模糊Y 】值为255；在第72帧处，元件的【模糊X 】和【模糊Y 】值为0。

提示：制作加载进度的动画，需要先为图层2导入“进度条”影片剪辑，然后在图层3中绘制一个同样大小的遮罩层，制作遮罩层逐渐由中间向两边延伸的动画。