Flash 8中文版实用教程 第2版 教学课件 作者 李如超 09.ppt

《Flash 8中文版实用教程 第2版 教学课件 作者 李如超 09.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、掌握代码控制音乐和动画的技巧和方法。掌握电子贺卡的制作思路和方法。掌握Flash网站的制作思路和方法。掌握Flash游戏的制作思路和方法。本章学习要求项目九综合实训【综合实训一】──模拟“架子鼓”【综合实训二】——制作“情人节贺卡”【综合实训三】——制作“汽车网站”【综合实训四】——制作“丛林贪吃蛇”本章大纲【综合实训一】──模拟“架子鼓”【设计效果】本案例将对使用代码来控制声音和影片剪辑的播放，从而实现模拟架子鼓的目的。其制作思路及效果如图9-1所示。制作背景放置鼓架放置部件为元件添加代码和音效设置背景实例名称输入控制代码图9-1制作思路及效果【操作步骤】1、制作背景。（1

2、）新建一个Flash文档，设置文档【尺寸】为“700px×450px”，其他属性使用默认参数。（2）将默认的图层1重命名为“背景”图层，在舞台绘制一个矩形，并使其刚好覆盖整个舞台。（3）在【颜色】面板中设置矩形的上部，将其颜色修改为“#0099FF”，下部设置为线性渐变，从左至右第1个色块为“#6600FF”，第2个色块为“黑色”，如图9-2所示。#0099FF线性渐变修改颜色【颜色】面板图9-2绘制背景2、搭建架子鼓。（1）选择【文件】【导入】【打开外部库】命令，将教学素材中的“素材/综合实训/架子鼓/架子鼓.fla”文件打开，（2）在“背景”图层上新建一个图层并重命名

3、为“架子”，打开【库】面板中的“素材”文件夹，将“架子”元件拖动到“架子”图层中，舞台效果如图9-3所示。图9-3拖入架子（3）在“架子”图层上新建一个图层并重命名为“器件”图层，然后将【库】面板“器件”文件夹下的元件拖入“器件”图层，并按照如图9-4所示的位置进行放置。图9-4放置器件3、加入代码及声音。双击“器件”图层上的“crash-cymbal3”元件，进入其编辑模式，可以看到其内部已经为读者提供了该器件被打击时的动画，如图9-5所示。图9-5进入元件内部（2）在“layer2”图层上面新建一个图层并重命名为“代码及声音”图层，然后选中“代码及声音”图层第1帧，打开【

4、动作－帧】面板，输入代码“stop();”。（3）在第2帧处插入关键帧，然后选中该帧，在【属性】面板中加入对应的声音，并设置相应参数，如图9-6所示。图9-6加入声音这里加入“stop();”是为了让“crash-cymbal3”补间在一般情况下是处于静止状态，只有当获取到相应指令后才播放一次动画。加入的声音将随动画播放而播放，从而达到模拟的效果。（4）这样“crash-cymbal3”补间的代码和声音就加入完成了，使用同样的方法为其他的部件元件加入“stop();”代码和相应的声音，声音和元件的对照如图9-7所示。图9-7元件声音对应4、输入控制代码。（1）在【属性】面板中

5、为舞台上的各个器件元件设置【实例名称】，如图9-8所示。图9-8设置【实例名称】（2）在“器件”图层上，新建一个图层并重命名为“动作”图层，选中该图层的第1帧，输入代码。在教学素材的“素材综合实训架子鼓架子鼓.txt”中提供了以上的全部代码。（3）保存并测试影片，一个模拟架子鼓的交互式动画就制作完成了。案例小结本案例通过代码控制音频文件和动画元件播放的方式制作了一个模拟架子鼓的效果，本案例设计的原理十分的容易理解，只要读者掌握后加以融会贯通，可以以相同的方法制作出模拟“电子琴”、模拟“吉他”等效果。【综合实训二】——制作“情人节贺卡”【设计效果】本案例将讲解使用Flas

6、h8的基本动画功能制作一个浪漫绚丽的“情人节”贺卡，其制作思路及效果如图9-9所示。制作片尾动画制作动画展示内容制作开场特效图9-9制作思路及效果【操作步骤】1、制作动画背景和背景音乐。（4）新建一个Flash文档，设置文档【帧频】为“25”fps，其他文档属性使用默认参数。（5）选择【文件】/【导入】/【打开外部库】命令，将教学素材中的“素材综合实训情人节贺卡元件库.fla”源文件打开，如图9-10所示。（6）将【库－元件库】面板中所有的元件复制到当前【库】面板中。（7）将默认的“图层1”重命名为“背景”图层，然后将【库】面板中名为“背景”的【图形】元件拖入到舞台并居

7、中对齐到舞台，舞台效果如图9-11所示。图9-10【库-元件库】面板图9-11背景制作效果（8）选中“背景”图层的第500帧，按F5键插入一个普通帧，然后新建两个图层依次重命名为“动作声音”图层和“背景声音”图层。此时，时间轴状态如图9-12所示。图9-12【时间轴】状态（9）选中“背景声音”图层，如图9-13所示设置属性，将背景音乐添加到动画中。图9-13设置背景声音的属性2、制作开场动画。（1）在“背景”图层上面新建一个图层并重命名为“外框”，选择【矩形】工具，在【颜色】面板中设置【笔触颜色】为“无