Flash CS6动画制作教学资料：参考案例4.docVIP

（一）新建Flash CS3文档 （1）从菜单栏中选择“文件”→“新建”，在弹出的“新建文档”窗口中选择“Flash文件（ActionScript3.0）”,新建一个文档。 （2）在窗口下方的属性面板中单击“大小”属性，在弹出的“文档属性”窗口中将舞台的宽设置为700像素，舞台的高设置为220像素。 （二）导入背景并制作背景元件 （1）在本实例中要用三张从外部导入的位图。选择菜单栏中的“文件”→“导入”→“导入到库”选项，在弹出的导入窗口中分别选择光盘路径：\ch04\12\背景.jpg、\ch04\12\仪表盘.jpg和\ch04\12\仪表盘指针.png,选择后单击“打开”按钮将该背景图片导入到Flash CS3的库面板中。要注意最后一张位图的格式是png而不是常用的jpg格式，这是因为png格式的图片可以将背景的透明度设置为0%，在本实例的动画中需要制作仪表盘指针在仪表盘上旋转的动画效果，如果导入不能隐藏图片背景的jpg图片会影响动画的效果，如图4-74所示。 png格式图片 jpg格式图片 图 4-.jpg位图到背景元件的编辑区中。用同样的方法分别创建仪表盘元件和仪表盘指针元件，并将库面板中的位图放入相应的元件编辑区中。在Flash CS3中动画补间的补间对象是元件和组合，如果用户在位图间创建补间动画，那么常常会得到非预期的动画效果，所以在这里需要将位图转换成元件。事实上，将位图转换为元件是对位图的一种保护，因为在Flash CS3中位图可以看作是制作动画的原材料，如果在动画中直接使用位图会给日后的修改工作造成很多没必要的麻烦。例如，当要修改某个动画中的位图时，只需将元件中的位图换掉即可。但如果动画中的位图没有转换为元件就直接出现在动画中，那么就必须修改动画中的每个关键帧，而且还要保持位图在每个关键帧中的位置关系不变。 （4）再创建一个名为六档仪表盘的影片剪辑元件，将图层列表中的图层名称改为“六档仪表盘”，从库面板中拖动出上一步制作的背景元件和仪表盘元件，利用选择工具将它们摆放成如图4-75所示的位置。 图 4-图 4-Flash CS3中默认元件的位于元件的中心。这就需要利用任意变形工具将指针的旋转轴移动到指针的最右端，如图4-77所示。 旋转轴位于中心 调整旋转轴 旋转轴位于右侧 图 4-图 4-图 4-图 4-Monotype Corsiva、大小为：50、颜色的RGB编号为：#FFFF66。将鼠标光标移动到数字元件的编辑区中，单击鼠标左键并在输入框中输入“123456”字样。 （3）选中上一步制作的文本按快捷键[Ctrl+B]将其分离为各自独立的六个文本区。利用选择工具扩大各个文本区之间的间距，再利用对齐面板中的水平平均间隔功能统一各个文本间的距离，如图4-81所示。 图 4-X和模糊Y：20、强度：400%、颜色：#0099FF、品质：高、挖空：选中 “模糊”滤镜效果：模糊X和模糊Y：10 （5）数字元件要与先前制作的仪表盘指针同步变化，所以要在数字图层的第1、20、40、60、80、100帧（仪表盘指针每个挡位的起始帧）中添加关键帧。当仪表盘指针动画播放到每个挡位的起始帧时，就取消该帧中相应数字发光滤镜的挖空效果和模糊滤镜效果，如图4-84所示。 图 4-图 4-图 4-Monotype Corsiva、大小为：40、颜色的RGB编号为：#0000D5。将鼠标光标移动到广告语元件的编辑区中，单击鼠标左键并在输入框中输入“全新科技 6当提速”字样。 （3）展开滤镜面板为广告语元件添加“发光”滤镜效果，滤镜参数为：模糊X和模糊Y：25、强度：300%、颜色：#66FFFF、品质：高，效果如图4-85所示。 图 4-图 4-图 4-图 4- 1 35 实例练习： 知识要点：图层间帧与动画补间的交替 难易程度：★★★★ 重点难点：复杂动画的帧控制 工学结合创新教程 Flash游戏编程教程 项目1 项目2 项目3 项目4 项目5 项目9 项目8 项目6 项目7 项目10 参考案例