flashcs6动画制作教学资料：参考案例4

《flashcs6动画制作教学资料：参考案例4》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、G实例练习4：制作六档汽车广告知识要点：图层间帧与动画补间的交替重点难点：复杂动画的帧控制难易程度：★★★★（-）新建FlashCS3文档（1）从菜单栏屮选择“文件”一“新建”，在弹出的“新建文档”窗口屮选择“Flash文件（ActionScript3.0）”，新建一个文档。（2）在窗口下方的属性面板中单击“大小”属性，在弹出的“文档属性”窗口中将舞台的宽设置为700像素，舞台的高设置为220像素。（二）导入背景并制作背景元件（1）在本实例屮要用三张从外部导入的位图。选择菜单栏中的“文件”一"导入”一"导入到库”选项，在弹出的导入窗口H吩别选择光盘路径：ch

2、0412背景.jpg、ch0412仪表盘.jpg和ch0412仪表盘指针.png,选择后单击“打开”按钮将该背景图片导入到FlashCS3的库面板中。要注意最后一张位图的格式是png而不是常用的jpg格式，这是因为png格式的图片可以将背景的透明度设置为0%,在本实例的动画屮需要制作仪表盘指针在仪表盘上旋转的动画效果，如果导入不能隐藏图片背景的jpg图片会影响动画的效果，如图4・74所示。png格式图片jpg格式图片图4-74格式对比（2）在库面板中新建一个名为位图的文件夹，将上一步导入的位图拖拽到该文件夹中以便统一管理。（3）选择菜单栏中的“

3、插入”一“新建元件”选项，在弹出的“创建新元件”窗口中创建一个名叫“背景”的影片剪辑元件。从库而板屮拖动出一个背景.jpg位图到背景元件的编辑区屮。用同样的方法分别创建仪表盘元件和仪表盘指针元件，并将库而板川的位图放入相应的元件编辑区中。在FlashCS3中动画补间的补间对象是元件和组合，如果用户在位图间创建补间动画，那么常常会得到非预期的动画效果，所以在这里需要将位图转换成元件。事实上，将位图转换为元件是对位图的一种保护，因为在FlashCS3中位图可以看作是制作动画的原材料，如杲在动画中直接使用位图会给日后的修改工作造成很多没必要的麻烦。例如，当要修改某个

4、动画中的位图时，只需将元件中的位图换掉即可。但如果动画中的位图没有转换为元件就直接出现在动画中，那么就必须修改动画中的每个关键帧，而且还要保持位图在每个关键帧中的位置关系不变。（4）再创建一个名为六档仪表盘的影片剪辑元件，将图层列表中的图层名称改为“六参考案例档仪表盘”，从库面板中拖动岀上一步制作的背景元件和仪表盘元件，利用选择工具将它们项目摆放成如图4-75所示的位置。■图4-75广告背景项目2(三)制作仪表盘指针动画效果(1)在六档仪表盘元件的图层列表中新建一个名为“指针”的图层。拖动一个指针元件到该图层的第一帧中并利用任意变形工具调整“指针”元件的大小，

5、使其符合仪表盘的大小，如图4-76所示。图4-76指针大小⑵本实例中需要制作指针旋转的动画效果，指针的旋转轴应该位于仪表盘的圆心处，也就是指针的最右端。而在FlashCS3屮默认元件的位于元件的屮心。这就需要利用任意变形工具将指针的旋转轴移动到指针的最右端，如图4-77所示。旋转轴位于中心旋转轴位于右侧项H4项目7项LI8图4-77旋转轴(3)在制作指针旋转动画时需要精确的控制指针元件的旋转角度，所以不能仅靠手动项目9旋转指针元件的角度，而是需要通过变形面板输入具体的旋转角度。设定指针的起始角度为75度，指针的旋转范围为150度，所以指针的角度变换范围为75度

6、一75度，如图4・78所示。选屮指针元件后展开变形面板将指针在时间轴中第一帧的旋转角度改为75度。(3)在现实中，汽车换挡吋仪表盘的指针会瞬间向回旋转一定角度然后再慢慢恢复直项目I。到最终超过原來的最大角度，从而实现换挡加速的作用。在本实例中，指针的旋转动画要模仿现实汽车换挡时的指针变化方式并连续增加六档。每加一挡，指针的初始位置都要向下旋转移一定角度以表示加挡后的提速，而且每加一挡后指针的最大旋转角度也要加大一些以表示加挡后速度范I韦I的扩大。所以通过计算得岀指针在每挡的起始角度，旋转范I韦I和结束角度如表4-1所示。起始角度（75度）默认角度（0度）结束角

7、度（・75度）图4-78指针旋转范围表4-1各挡位角度变化描位起始角度变化范围结束角度第一挡75度75度0度第::挡60度75度-15度第三描45度75度・30度第四挡30度75度■45度第五挡15度75度-60度第六挡0度75度-75度（5）在计算好各个挡位的旋转角度后需要为各个挡位的动画分配帧数。因为指针在六个扌当位的角度变化范围都相同，所以它们所需的时I'可也必须相同。为了便于管理关键帧，设定第一挡位的动画帧数为19帧，笫二、三、艸、五挡位的动画帧数为20帧，第六档位的动画帧数为21帧，这样能确保各个挡位的起始关键帧都在整数正上，如表4-2所示。表4-2

8、各挡位动画帧数挡位起始帧动画帧数结束帧