Flash_CS3中文版基础与实例教程下讲课教案

1、Good is good, but better carries it.精益求精，善益求善。Flash_CS3中文版基础与实例教程下-第十一课按钮按钮元件是Flash的基本元件之一，它具有多种状态，并且会响应鼠标事件，执行指定的动作，是实现动画交互效果的关键对象。从外观上，按钮可以是任何形式。比如，可能是一幅位图，也可以是矢量图；可以是矩形，也可以是多边形；可以是一根线条，也可以是一个线框；甚至还可以是看不见的“透明按钮”。11.1.1认识按钮元件下面通过制作来详细认识按钮元件。（1）新建一个影片文档，选择“插入”|“新建元件”命令，弹出一个【创建新元件】对话框，在“名称”中输入“按钮”，选择

2、“类型”为“按钮”，如图1所示。图1新建按钮元件（2）单击“确定”按钮，进入到按钮元件的编辑场景中，如图2所示。图2按钮元件的时间轴按钮有特殊的编辑环境，通过在四个不同状态的帧时间轴上创建关键帧，可以指定不同的按钮状态。“弹起”帧：表示鼠标指针不在按钮上时的状态。“指针经过”帧：表示鼠标指针在按钮上时的状态。“按下”帧：表示鼠标单击按钮时的状态。“点击”帧：定义对鼠标做出反应的区域，这个反应区域在影片播放时是看不到的。11.1.2变色按钮本小节我们要制作一个变色按钮，按钮是一个蓝色的椭圆形，当鼠标指向按钮时，椭圆变为黄色，当鼠标单击按钮时，椭圆变为绿色。如图3所示。图3范例效果具体的制作步骤如

3、下：（1）新建一个影片文档，选择“插入”|“新建元件”命令，弹出【创建新元件】对话框，在“名称”中输入“椭圆”，选择“类型”为“按钮”，如图4所示。图4新建按钮元件（2）单击“确定”按钮，进入到按钮元件的编辑场景中，选择椭圆工具，设置“填充色”为样本色中的“蓝色球形”。如图5所示。图5选择填充色单击“确定”按钮。在场景中绘制一个如图6所示的椭圆。图6椭圆（3）选择“指针经过”帧，按F6键插入一个关键帧。把该帧上的图形重新填充为黄色到黑色的放射状渐变色，效果如图7所示。图7“指针经过”帧上的图形（4）选择“按下”帧，按F6键插入一个关键帧。把该帧上的图形重新填充为绿色到黑色的放射状渐变色，效果如

4、图8所示。图8“按下”帧上的图形（5）选择“点击”帧，按F6键插入一个关键帧，这样就定义了鼠标的响应区为椭圆。“点击”帧中的内容，在播放时是看不到的，但是它可以定义对鼠标单击所能够做出反应的按钮区域。也可以不定义“点击”帧，这时“弹起”状态下的对象就会被作为鼠标响应区。至此，这个按钮元件就制作好了。现在返回“场景1”，并从“库”面板中将“椭圆”按钮元件拖放到舞台上，然后按下CtrlEnter组合键测试一下，将鼠标指针移动到按钮上，按钮会变色了。11.1.3文字按钮文字按钮是导航菜单中经常使用的元素。如图9所示，这就是一个网站导航菜单，里面包括5个文字按钮。图9导航菜单下面我们先制作这个包括5个

5、文字按钮的导航菜单。（1）新建一个FlashCS3影片文档。设置舞台尺寸为48080像素，背景颜色为黑色。（2）选择“插入”|“新建元件”命令，弹出【创建新元件】对话框，在“名称”中输入“首页按钮”，选择“类型”为“按钮”，单击“确定”按钮，进入到按钮元件的编辑场景中。（3）选择“文本工具”，在“属性”面板中，设置“文本类型”为静态文本，“字体”为楷体，“字体大小”为40，“文本颜色”为白色。在场景中输入“首页”文字。如图10所示。图10制作“弹起”帧上的文字（4）选择“指针经过”帧，按F6键插入一个关键帧。把该帧上的文字颜色重新设置为黄色。（5）选择“按下”帧，按F6键插入一个关键帧。把该帧

6、上的文字颜色重新设置为红色。如图11所示。图11制作“按下”帧上的文字（6）选择“点击”帧，按F7键插入一个空白关键帧。单击“编辑多个帧”按钮，如图12所示。这样可以使文字显示出来，辅助创建“点击”帧上的感应区。图12单击“编辑多个帧”按钮（7）选择“矩形工具”，绘制一个刚好覆盖着文字的矩形。如图13所示。这个矩形是文字按钮的鼠标感应区域。如果不创建这个矩形，默认情况下感应区域是文字线条，这样就会出现按钮感应不灵敏的现象，只有鼠标刚好指向文字线条上才能感应。图13绘制矩形（8）返回“场景1”，并从“库”面板中将“首页”按钮元件拖放到舞台上，然后按下CtrlEnter组合键测试。（9）其他4个文

7、字按钮的制作方法类似。制作完成以后，整齐排列在舞台上即可。11.1.4透明按钮透明按钮是一种很特殊的按钮，利用透明按钮制作上小节的导航菜单会更简便。（1）新建一个FlashCS3影片文档。设置舞台尺寸为48080像素，背景颜色为灰色。（2）选择“插入”|“新建元件”命令，新建一个名位“透明”的按钮元件。在这个元件的编辑场景中，选择“点击”帧，按F7键插入一个空白关键帧。用“矩形工具”绘制一个大小合适的矩形。如图14所示。图14绘制矩形这样就制作了一个透明按钮。这个按钮只有一个矩形鼠标响应区，没有按钮图形。（3）返回“场景1”，用“文本工具”在舞台上输入5个文字。如图15所示。图15输入文字（4

8、）打开“库”面板，拖放5个“透明”按钮元件实例放置到5个文字上。如图16所示。图16添加透明按钮元件后的效果这样每个文字上都覆盖一个透明按钮，因此文字也就具备按钮的功能了。教学后记:第十二课动态特效按钮影片剪辑的灵活性和无限扩展性是其他两种元件无法比拟的，而按钮元件强大的动画控制功能又是影片剪辑不能相提并论的。如果将影片剪辑恰当地嵌入到按钮中，按钮元件就会具两者之长，这类按钮就可以称之为动态特效按钮。范例简介本范例利用影片剪辑强大的动画效果制作动态特效按钮，当鼠标移动到按钮上时，按钮呈现出动态特效，如果将其运用在动画作品中定会锦上添花。范例效果如图1所示。图1范例效果通过本例的学习，可以掌握将

9、影片剪辑嵌入到按钮元件的方法和技巧。制作步骤1新建影片文档和设置文档属性（1）启动FlashCS3，选择“文件”|“新建”命令，新建一个影片文档。（2）展开“属性”面板，单击“大小”右边的“文档属性”按钮，弹出【文档属性】对话框。设置“背景颜色”为淡黄色，影片尺寸为200150像素，其他参数保持默认。2制作“圆”影片剪辑（1）选择“插入”|“新建元件”命令，弹出【创建新元件】对话框。输入元件的“名称”为“圆”，选择“类型”为“影片剪辑”，如图3所示。图3【创建新元件】对话框（2）在此元件的编辑场景中，选择“椭圆工具”，设置笔触颜色为蓝色，填充色为无，将鼠标十字指针对齐场景的中心点十字，接着按住

10、键盘上的Shift键和Alt键，绘制出1个以场景中心为圆心的圆。（3）按同样的方法，在场景中再绘制1个稍小的圆。效果如图3所示。图3绘制圆形（4）选择线条工具，在元件的编辑场景中绘制1条直线。如图4所示。图4绘制直线（5）选择“窗口”|“变形”命令，打开“变形”面板，如图5所示，设置旋转的角度为22.5，接着单击“复制并应用变形”按钮，绘制出1个被切割的圆。图5变形面板（6）选择圆形中多余的线条，按下键盘上的Del键将其删除，使用选择工具框选所有对象，按快捷键Ctrl+G将其组合，如图6所示。图6删除多余线条（7）单击图层1的第10帧，按F6键插入关键帧。选中第1帧，在属性面板的“补间”后的下

11、拉框中选择“动画”命令，设置“旋转”参数为“顺时针，1次”。此时的时间轴和舞台效果如图7所示。图7时间轴和舞台效果3绘制“晕”影片剪辑（1）选择“插入”|“新建元件”命令，弹出【创建新元件】对话框，输入元件的“名称”为“晕”，选择“类型”为“影片剪辑”，如图8所示。图8【创建新元件】对话框（2）在此元件的编辑场景中，选择椭圆工具，设置笔触颜色为无，填充色为蓝色，将鼠标十字指针对齐场景的中心点十字，接着按住键盘上的Shift键和Alt键，绘制出1个以场景中心为圆心的圆。（3）单击图层1的第10帧，按F6键插入关键帧。选中第10帧上的圆，单击任意变形工具，按住Shift键拖动角手柄，将圆放大。接着

12、选中第1帧，在属性面板的“补间”后的下拉框中选择“形状”命令，完成形状补间动画的定义。此时的时间轴和舞台效果如图9所示。图9时间轴和场景效果（4）单击选中第1帧，接着按住Shift键单击第10帧，选中第110帧。然后右击，在弹出的快捷菜单中选择“复制帧”命令，如图10所示。图10复制帧（5）插入新图层，在第5帧右击，在弹出的快捷菜单中选择“粘贴帧”命令，完成补间动画的复制。此时的时间轴如图11所示。图11图层和时间轴效果4制作动态特效按钮元件（1）选择“插入”|“新建元件”命令，弹出【创建新元件】对话框，在“名称”中输入“动态特效按钮”，“类型”选择“按钮”，单击“确定”按钮，如图12所示。图

13、12新建按钮元件（2）在按钮元件的编辑场景中，可以看到按钮元件特有的四帧编辑时间轴结构。将“图层1”重命名为“按钮图形”，先在该图层的第1帧（“弹起”帧）用绘图工具绘制一个放射状填充的按钮图形，如图13所示。图13“弹起”帧的按钮图形（3）选择第2帧（“经过”帧），按F6键插入关键帧，将这个帧上的按钮图形更改一下填充颜色，将原来的蓝色到黑色的放射状渐变色改为淡蓝色到黑色的渐变色，并把按钮向右下方移动一些位置，如图14所示。这样将使按钮按下时有一个颜色改变和一个动态的效果。图14“经过”帧的按钮图形（4）选择第3帧（“按下”帧），按F6键插入关键帧，将这个帧上的按钮图形更改一下填充颜色，将原来的

14、蓝色到黑色的放射状渐变色改为黑色到蓝色的渐变色，如图15所示。图15“按下”帧的按钮图形（5）新建2个图层，将它重命名为“圆”和“晕”，选中第2帧，按F7键插入空白关键帧。从“库”面板中拖动“圆”影片剪辑到舞台上，调整它的大小恰好与按钮相吻合。效果如图16所示。图16调整“圆”的位置（6）在“晕”图层的第2帧上按F7键插入空白关键帧。从“库”面板中拖动“晕”影片剪辑到舞台上，调整它的大小和位置如图17所示。图17调整“晕”的位置（7）拖动“按钮图形”图层置于“圆”和“晕”图层之上，如图18所示。返回到主场景，拖动“库”中的“动态特效按钮”到舞台上。图18时间轴图层效果（8）按下快捷键“Ctrl

15、+S”保存文件。按下快捷键“Ctrl+Enter”测试影片效果，动态特效按钮制作完成。教学后记:第十三课声音在Flash中的应用HYPERLINK/fl9.0/lesson13/音乐素材.rar本课素材下载在Flash动画作品中，仅有动感元素是远远不够的，音视频的支持同样是不可缺少的。Flash支持音频、视频等多种媒体的导入功能，特别是FlashCS3版本，有了新的改进。由于Flash设计的初衷是提供网络应用的多媒体集成元素，所以它对声音和视频的支持是非常好的，不但可以将声音做大幅度的压缩。而且改进了视频导入工具。它能创建、编辑和部署流和渐进式下载的FlashVideo。Flash提供了许多使

16、用声音的方式。可以使声音独立于时间轴连续播放，或使动画与一个声音同步播放。还可以向按钮添加声音，使按钮具有更强的感染力。另外，通过设置淡入淡出等效果可以使声音更加优美，通过自带的压缩功能能更好地提高作品质量。由此可见，Flash对声音的支持已经达到了新的高度。13.1.1导入声音只有将外部的声音文件导入到Flash中以后，才能在Flash作品中加入声音效果。能直接导入Flash的声音文件类型，主要有WAV和MP3两种格式。另外，如果系统上安装了QuickTime4或更高的版本，就可以导入AIFF格式和只有声音而无画面的QuickTime影片格式。下面通过操作来学习将声音导入Flash动画中的方

17、法。（1）新建一个FlashCS3影片文档。（2）选择“文件”“导入”“导入到库”命令，弹出【导入到库】对话框，在该对话框中，选择要导入的声音文件，单击“打开”按钮，将声音导入，如图1所示。图1【导入到库】对话框（3）等待一段时间后，导入的声音就可以在“库”面板中看到刚导入的声音文件，下面就可以像使用元件一样使用声音对象了，如图2所示。图2“库”面板中的声音文件13.1.2引用声音无论是采用导入舞台还是导入到库的方法，将声音从外部导入Flash中以后，时间轴并没有发生任何变化。必须引用声音文件，声音对象才能出现在时间轴上，才能进一步应用声音。接着13.1.1小节继续操作。（1）将“图层1”重新

18、命名为“声音”，选择第1帧，然后将“库”面板中的声音对象拖放到场景中，如图3所示。图3将声音引用到时间轴上（2）这时会发现“声音”图层第1帧出现一条短线，这其实就是声音对象的波形起始点，任意选择后面的某一帧，按下F5键，就可以看到声音对象的波形，如图4所示。这说明已经将声音引用到“声音”图层了。这时按一下键盘上的回车键，可以听到声音了，如果想听到效果更为完整的声音，可以按下快捷键Ctrl+Enter。图4图层上的声音13.1.3编辑声音选择“声音”图层的第1帧，打开属性面板，可以发现，属性面板中有很多设置和编辑声音对象的参数，如图5所示。图5声音的属性面板面板中各参数的意义如下。“声音”选项：

19、从中可以选择要引用的声音对象，这也是另一个运用库中声音的方法。“效果”选项：从中可以选择一些内置的声音效果，比如让声音的淡入、淡出等效果。“编辑”按钮：单击这个按钮可以进入到声音的编辑对话框中，对声音进行进一步的编辑。“同步”：这里可以选择声音和动画同步的类型，默认的类型是“事件”类型。另外，还可以设置声音重复播放的次数。运用到时间轴上的声音，往往还需要在声音的“属性”面板中对它进行适当的属性设置，才能更好地发挥声音的效果。下面详细介绍有关声音属性设置以及对声音进一步编辑的方法。1“效果”选项在时间轴上，选择包含声音文件的第一个帧，在声音的“属性”面板中，打开“效果”菜单，可以用该菜单设置声音

20、的效果，如图6所示。图6声音效果设置以下是对各种声音效果的解释。“无”：不对声音文件应用效果，选择此选项将删除以前应用过的效果。“左声道”/“右声道”：只在左或右声道中播放声音。“从左到右淡出”/“从右到左淡出”：会将声音从一个声道切换到另一个声道。“淡入”：会在声音的持续时间内逐渐增加其幅度。“淡出”：会在声音的持续时间内逐渐减小其幅度。“自定义”：可以使用“编辑封套”创建声音的淡入和淡出点。2“同步”属性打开“同步”菜单，这里可以设置“事件”、“开始”、“停止”和“数据流”四个同步选项，如图7所示。图7同步属性“事件”选项：会将声音和一个事件的发生过程同步起来。事件与声音在它的起始关键帧开

21、始显示时播放，并独立于时间轴播放完整的声音，即使SWF文件停止执行，声音也会继续播放。当播放发布的SWF文件时，事件与声音混合在一起。“开始”选项：与“事件”选项的功能相近，但如果声音正在播放，使用“开始”选项则不会播放新的声音实例。“停止”选项：将使指定的声音静音。“数据流”选项：将强制动画和音频流同步。与事件声音不同，音频流随着SWF文件的停止而停止。而且，音频流的播放时间绝对不会比帧的播放时间长。当发布SWF文件时，音频流混合在一起。通过“同步”弹出菜单还可以设置“同步”选项中的“重复”和“循环”属性。为“重复”输入一个值，以指定声音应循环的次数，或者选择“循环”以连续重复播放声音，如图

22、8所示。图8设置重复或者循环属性3“编辑”按钮单击该按钮可以利用Flash中的声音编辑控件编辑声音。虽然Flash处理声音的能力有限，无法与专业的声音处理软件相比，但是在Flash内部还是可以对声音做一些简单的编辑，实现一些常见的功能，比如控制声音的播放音量、改变声音开始播放和停止播放的位置等。编辑声音文件的具体操作如下。（1）在帧中添加声音，或选择一个已添加了声音的帧，然后打开属性面板，单击右边的“编辑”按钮，如图9所示。图9单击“编辑”按钮（2）弹出【编辑封套】对话框，如图10所示。图10【编辑封套】对话框【编辑封套】对话框分为上下两部分，上面的是左声道编辑窗口，下面的是右声道编辑窗口，在

23、其中可以执行以下操作：要改变声音的起始和终止位置，可拖动【编辑封套】中的“声音起点控制轴”和“声音终点控制轴”，如图11所示为调整声音的起始位置。图11编辑声音的起始位置在对话框中，白色的小方框成为节点，用鼠标上下拖动它们，改变音量指示线垂直位置，这样，可以调整音量的大小，音量指示线位置越高，声音越大，用鼠标单击编辑区，在单击处会增加节点，用鼠标拖动节点到编辑区的外边，单击“放大”或“缩小”按钮，可以改变窗口中显示声音的范围。要在秒和帧之间切换时间单位，请单击“秒”和“帧”按钮。单击“播放”按钮，可以试听编辑后的声音。13.1.4按钮声效Flash动画最大的一个特点是交互性，交互按钮是Flas

24、h中重要的元素，如果给按钮加上合适的声效，一定能让作品增色不少。给按钮加上声效的步骤如下：（1）按照前面讲解的方法导入一个合适的声音文件，导入的声音文件一般要短，这里不再详述。（2）打开“库”面板，用鼠标双击需要加上声效的按钮元件，这样就进入到这个按钮元件的编辑场景中，下面要将导入的声音加入到这个元件中。（3）新插入一个图层，重新命名为“音效”。选择这个图层的第2帧，按F7键插入一个空白关键帧，然后将“库”面板中的“标题”声音拖放到场景中，这样，“音效”图层从第2帧开始出现了声音的声波线，如图12所示。图12给按钮添加声音（4）打开属性面板，将“同步”选项设置为“事件”，并且重复1次。再测试一

25、下动画，当鼠标移动到按钮上时，声效就出现了。这里必须将“同步”选项设置为“事件”，如果还是“数据流”同步类型，那么声效将听不到。给按钮加声效时一定要使用“事件”同步类型。13.1.5压缩声音Flash动画在网络上流行的一个重要原因就是因为它的体积小，这是因为当我们输出动画时，Flash会采用很好的方法对输出文件进行压缩，包括对文件中的声音的压缩。但是，如果对压缩比例要求得很高，那么就应该直接在“库”面板中对导入的声音进行压缩了。在“库”面板中直接将声音“减肥”的具体操作方法如下：（1）双击“库”面板中的声音图标，打开【声音属性】对话框，如图13所示。图13【声音属性】对话框在这个【声音属性】对

26、话框中，我们就可以对声音进行“压缩”了，在“压缩”下拉菜单中有“默认”、“ADPCM”、“MP3”、“原始”和“语音”压缩模式，如图14所示。图14几种声音压缩模式在这里，我们重点介绍“MP3”压缩选项，因为这个选项最为常用而且对其他的设置也极具代表性，通过对它的学习可以达到举一反三，掌握其他压缩选项的设置。（2）进行MP3压缩设置。如果要导出一个以MP3格式导入的文件，可以使用与导入时相同的设置来导出文件，在【声音属性】对话框中，从“压缩”菜单中选择“MP3”，选择“使用导入的MP3品质”复选框。这是一个默认的设置，如果不在“库”里对声音进行处理的话，声音将以这个设置导出。如果不想使用与导入

27、时相同的设置来导出文件，那么可以在“压缩”下拉菜单中选择“MP3”后，只要取消对“使用导入的MP3品质”复选框的选择，就可以重新设置MP3压缩设置了，如图15所示。图15使用MP3压缩功能（3）设置比特率。“比特率”这个选项，确定导出的声音文件中每秒播放的位数。Flash支持8Kbps到160Kbps（恒定比特率）的比特率，如图16所示。图16设置“比特率”在【声音属性】对话框中设置的比特率越低，声音压缩的比例就越大，但比特率的设置值不应该低于16Kbps。如果这里将声音的比特率设置过低，将会严重影响声音文件的播放效果。因此应该注意根据需要选择一个合适值，在保证良好播放效果的同时尽量减小文件的

28、大小。（4）设置“预处理”选项。选择“将立体声转换为单声道”复选框，表示将混合立体声转换为单声（非立体声）。这里需要注意的是，“预处理”选项只有在选择的比特率为20Kbps或更高时才可用。（5）设置“品质”选项。选择一个“品质”选项，以确定压缩速度和声音品质：“快速”：压缩速度较快，但声音品质较低。“中”：压缩速度较慢，但声音品质较高。“最佳”：压缩速度最慢，但声音品质最高。（6）进行压缩测试。在【声音属性】对话框里，单击“测试”按钮，播放声音一次。如果要在结束播放之前停止测试，请单击“停止”按钮。如果感觉已经获得了理想的声音品质，就可以单击“确定”按钮了。除了采样比特率和压缩外，还可以使用下

29、面几种方法在文档中有效地使用声音并减小文件的大小：设置切入和切出点，避免静音区域保存在Flash文件中，从而减小声音文件的大小。通过在不同的关键帧上应用不同的声音效果（例如音量封套，循环播放和切入/切出点），从同一声音中获得更多的变化。只使用一个声音文件就可以得到许多声音效果。循环播放短声音，作为背景音乐。13.2实战范例带配乐的古诗朗诵“没有声音，再好的戏也出不来”。如果Flash作品有了声音，将会大大增加作品的吸引力。但Flash的音频处理能力有限，有时需要借助其它音频编辑工具对作品中的声音进行编辑，然后再将编辑好的声音文件导入到Flash中应用。13.2.1范例简介本范例是带配乐的古诗朗

30、诵作品“鸟鸣涧”，它以配乐诗朗诵的形式将古诗的意境表现出来，让读者在作品营造的真情实景中欣赏优美的音乐和古诗朗诵。范例效果如图17所示。图17范例效果通过制作，将学习使用GoldWave软件编辑和裁减背景音乐，以及在Flash中导入、处理声音文件的方法。尤其要学习到制作配音作品时将声音和动画同步的动画制作方法。13.2.2制作步骤1.用GoldWave剪裁和编辑背景音乐GoldWave是一个功能强大的声音编辑软件，它简单易学。制作多媒体作品时，利用它可以弥补Flash在录制声音、编辑处理声音上的不足。下面学习用GoldWave来编辑处理声音的方法。根据古诗的意境，作品采用的背景音乐为一首古筝曲

31、“广陵散”，音乐素材很容易找到，可以在网络去下载，也可以从CD中截取。在这里提供的是一个MP3格式的音频文件。根据作品的内容和长度，作品只需要整个古曲中一部分，下面将用GoldWave对音乐进行剪裁和编辑。（1）在GoldWave中打开音乐。运行GoldWave软件，界面如图19所示。图19GoldWave界面（2）选择“文件”|“打开”命令，弹出“打开”对话框，查找到“广陵散”音乐素材文件：广陵散.mp3，单击“打开”按钮，如图20所示。图20打开音乐文件音乐文件打开后，如图21所示。图21打开的音乐文件（3）剪裁音乐。在工具栏上单击“播放”按钮，音乐开始播放，在试听过程中选择一段合适的音乐

32、，记下这段音乐的时间段，时间提示标记在打开的音乐窗口最下端。单击选中音乐段的起始位置，再右击音乐段的终止位置，选择“设置结束标记”，音乐段将在音乐窗口中高亮显示，如图22所示。图22选取音乐片段（4）选择“编辑”|“复制”命令，再选择“编辑”|“粘贴为新文件”命令，这样就把选择的音乐段复制到了一个新建的声音文档中了。（5）编辑声音效果。通过剪裁，得到了作品中需要的背景音乐，为了使作品整体效果更好，往往还需要对音乐素材进一步编辑，比如添加淡入、淡出效果等。（6）选择“效果”|“音量”|“淡出”命令，弹出“淡出”对话框，如图23所示。设置完后，单击“确定”按钮。图23对声音进行渐出效果处理这时再播

33、放音乐，就能听出音乐快结束时的淡出效果。选择“文件”|“保存”命令，把剪裁并编辑过的音乐片段保存为Wave格式的声音文件（素材：背景音乐.wav）。2新建Flash影片文档和设置文档属性启动FlashCS3，新建一个影片文档，按快捷键Ctrl+J，打开“文档属性”对话框，设置背景颜色为绿色，其他参数保持默认值。3导入声音、图像素材选择“文件”|“导入到库”命令，弹出“导入”对话框，在“查找范围”中找到存放素材文件的文件夹（素材素材13），选择准备好的图像和声音文件，将所需的图像文件和声音文件导入到文档中。4创建元件（1）将“图层1”重命名为“背景”，运用绘图工具在元件的编辑场景中绘制如图24所

34、示的背景图形。选择图形，按F8键将其转换成名称为“背景”的图形元件，图24绘制背景图（2）绘制花瓣图形元件。新建“花瓣”图形元件，用绘图工具绘制花瓣，并将其柔化，效果如图25所示。图25绘制的花瓣图形元件（3）新建“月亮”图形元件，运用形状切割法绘制一个月亮。效果如图26所示。图26古诗标题（4）创建文本影片剪辑元件。用文本工具创建包括标题在内的5个古诗文本影片剪辑元件元件，其中标题效果如图27所示。图27古诗标题（5）创建“花瓣”影片剪辑元件，在其中运用引导路径动画制作花瓣飘落动画效果，图层如图28所示。图28“花瓣”影片剪辑元件图层结构（6）创建“小鸟”影片剪辑元件，运用逐帧动画创建小鸟飞

35、翔的动画效果。图层和效果如图29所示。图29“小鸟”影片剪辑元件图层和效果5.声音和动画同步播放的制作（1）单击“编辑场景”按钮，转换到“场景1”编辑环境中。插入2个新图层并重新将3个图层命名为“背景”、“古画”和“背景音乐”。从“库”中将背景图形元件拖放到“背景”图层上，将导入的“古画”图像拖放到“古画”图层上，如图30所示。图30放置古画（2）将“背景声音”文件拖放到“背景声音”图层，在第1帧上出现一条短线，说明声音文件已经应用到了关键帧上。如图31所示。图31添加音乐到关键帧（3）单击“背景音乐”图层的第1帧，在“属性”面板中，选择“声音”下拉列表框中的“背景音乐”选项，在“同步”下拉列

36、表框中选择“数据流”选项，如图32所示。图32应用声音（4）单击“属性”面板中的“编辑”按钮，弹出【编辑封套】对话框，如图33所示。图33声音编辑知道了声音的长度后，在“背景音乐”图层上，选择最后已经知道的声音帧数，在最后一帧插入帧，这样，声音波形就完整的出现在“背景音乐”图层上，如图34所示。图34完整的声音波形（4）插入新图层，并命名为“朗读声音”，用同样的方法将“古诗标题”和“古诗”声音文件分别应用到该图层的第68帧和第157帧上，在“属性”面板中设置它们的“同步”选项为“数据流”。（5）定义声音分段标记。新建图层，命名为“文本”。按Enter键试听声音，当出现第一句朗读句子时，再按一下

37、Enter键暂停声音的播放。这时，播放头的位置就是出现第一句朗读文字的帧的位置。在“文本”图层上，选择此时的播放头处的帧，按F7键，插入一个空白关键帧。选中刚新增的空白帧，在“属性”面板的“帧”文本框中，将“帧标签”修改为“第一句”，如图35所示。图36定义帧标签此时文本图层的该帧出现小红旗和帧标签的文字，如图37所示。图37“文本”图层的标签标志用同样的方法在所有的朗读句子处加上标签，将“库”中的文本图形元件拖放到相应的空白关键帧上，这样朗读文字就能与声音同步了。效果如图38所示。图38文字与声音同步（6）定义动画。插入图层，根据古诗的内容创建相应的关键帧，并定义画轴、小鸟、月亮和文本的补间

38、动画，整个动画过程的图层结构如图39所示。其它具体的制作过程在这里不再详细叙述。图39作品的图层结构教学后记:第十四课视频在Flash中的应用FlashCS3在视频处理功能上更是跃上一个新的高度，Flash视频具备创造性的技术优势，允许把视频、数据、图形、声音和交互式控制融为一体，从而创造出引人入胜的丰富体验。14.1Flash支持的视频类型lash支持的视频类型会因电脑所安装的软件不同而不同，比如：如果机器上已经安装了QuickTime7及其以上版本，则在导入嵌入视频时支持包括MOV（QuickTime影片）、AVI（音频视频交叉文件）和MPG/MPEG（运动图像专家组文件）等格式的视频剪辑

39、，如表1所示。文件类型扩展名音频视频交叉.avi数字视频.dv运动图像专家组.mpg、.mpegQuickTime影片.mov表1FlashCS3支持的视频格式1如果系统安装了DirectX9或更高版本，则在导入嵌入视频时支持以下视频文件格式。如表2所示。文件类型扩展名音频视频交叉.avi运动图像专家组.mpg、.mpegWindowsMedia文件.wmv、.Asf表2FlashCS3支持的视频格式2默认情况下，Flash使用On2VP6编解码器导入和导出视频。编解码器是一种压缩/解压缩算法，用于控制多媒体文件在编码期间的压缩方式和回放期间的解压缩方式。如果导入的视频文件是系统不支持的文件格

40、式，那么Flash会显示一条警告消息，表示无法完成该操作。而在有些情况下，Flash可能只能导入文件中的视频，而无法导入音频，此时，也会显示警告消息，表示无法导入该文件的音频部分。但是仍然可以导入没有声音的视频。FlashCS3对外部FLV（Flash专用视频格式）的支持，可以直接播放本地硬盘或者web服务器上的.flv文件。这样可以用有限的内存播放很长的视频文件而不需要从服务器下载完整的文件。14.2导入视频下面通过实际操作介绍将视频剪辑导入为Flash中嵌入文件的方法。（1）新建一个FlashCS3影片文档。（2）选择“文件”|“导入”|“导入视频”命令。弹出“导入视频”向导，如图3所示。

41、图3打开“导入视频”向导（3）在“文件路径”后面的文本框中输入要导入的视频文件的本地路径和文件名。或者单击后面的“浏览”按钮，弹出“打开”对话框，在其中选择要导入的视频文件。如图4所示。图4“打开”对话框单击“打开”按钮，这样“文件路径”后面的文本框中自动出现要导入的视频文件路径。（4）单击“下一个”按钮，出现如图所示的“部署”向导窗口。如图5所示。图5部署这个窗口中有一个“您希望如何部署视频？”的选项，其中有6个单选项。FlashCS3增加了“作为在SWF中绑定的移动设备视频”功能，这里选择“在SWF中嵌入视频并在时间轴上播放”选项。选择这种方式，视频文件将直接嵌入到影片中。这里，由于导入的

42、视频文件格式不是QuickTime影片，所以“用于发布到QuickTime的已链接的QuickTime视频”这个单选项成灰色显示，不可用。（5）单击“下一个”按钮，出现如图6所示的“嵌入”向导窗口。图6嵌入在这个向导窗口中，“符号类型”下拉列表中包括嵌入的视频、影片剪辑、图形。嵌入到时间轴最常见的选择是将视频剪辑作为嵌入的视频集成到时间轴。如果要使用在时间轴上线性回放的视频剪辑，那么最合适的方法就是将该视频导入到时间轴。嵌入为影片剪辑使用嵌入的视频时，最佳的做法是将视频放置在影片剪辑实例内，因为这样可以更好地控制该内容。视频的时间轴独立于主时间轴进行播放。将视频剪辑嵌入为图形元件意味着，将无法

43、使用ActionScript与该视频进行交互。通常，图形元件用于静态图像以及用于创建一些绑定到主时间轴的可重用的动画片段。因此，会很少希望将视频嵌入为图形元件。另外，在“嵌入”窗口中，还可以选择是否“将实例放置在舞台上”，如果不选择，那么将存放在库中。选择“如果需要，可扩展时间轴”这个选项以后，可以自动扩展时间轴以满足视频长度的要求。这里保持默认设置，不做任何改动。（6）单击“下一个”按钮，出现如图所示的“编码”向导窗口。如图7所示。图7编码在这个窗口中，FlashCS3为4个选项卡，分别可以在其中详细设置“编码”的相关参数。下面主要介绍FlashCS3增加和改进的功能。在视频编码配置文件中增

44、加了DV编码配置，丰富了Flash视频方面的功能。如图8所示。图8DV编码配置增加了导入导出编码配置文件功能。现在可以将自定义的配置配置以XML文件的形式导出，下次再使用时再导入即可。在上图中，右上角的“文件夹”按钮用来读取保存过的编码配置文件，“磁盘”按钮用来将编码配置文件保存在磁盘上。其实这项功能在Adobe的其它产品中就已经屡见不鲜。单击保存按钮便弹出了如图9所示的对话框。图9导出xml文件另外，调整视频大小被整合到“裁剪和调整大小”选项卡中。这里保持默认设置，不做任何改动。（7）单击“下一个”按钮，出现如图10所示的“完成视频导入”向导窗口。图10完成视频导入这里会显示一些提示信息。我

45、们直接单击“结束”按钮。将会出现如图所示的导入进度窗口。如图11所示。图11导入进度最后进度完成以后，视频就被导入到了舞台上。按下Enter键可以播放视频效果。另外，在FlashCS3中我们还可以给视频加上滤镜效果。具体操作如下：（1）选择舞台上的视频，选择“修改”|“转换为元件”命令，将其转换为影片剪辑元件。（2）展开“滤镜”面板，单击“”按钮，在弹出的菜单中选择“模糊”滤镜，设置参数如图12所示。图12添加模糊滤镜（3）按CtrlEnter键测试影片，视频被加上模糊滤镜后效果发生了改变。14.3渐进式下载播放外部视频除了将视频嵌入到SWF文件中进行应用外，还可以使用渐进式下载播放外部视频功

46、能。渐进式下载是将外部FLV文件加载到SWF文件中，并在运行时回放。与嵌入的视频相比，渐进式下载有如下优势：创作过程中，只需发布SWF界面，即可预览或测试Flash的部分或全部内容。因此能更快速地预览，从而缩短重复试验的时间。运行时，视频文件从计算机磁盘驱动器加载到SWF文件上，并且没有文件大小和持续时间的限制。不存在音频同步的问题，也没有内存限制。视频文件的帧频可以不同于SWF文件的帧频，从而能更灵活地创作影片。在制作渐进式下载播放外部视频影片时，可以导入已部署到Web服务器上的视频文件，也可以选择存储在本地计算机上的视频文件，导入到FLA文件后再将其上载到服务器上。下面通过具体操作进行讲解

47、。（1）新建一个FlashCS3影片。文档属性保持默认设置。（2）选择“文件”|“导入”|“导入视频”命令。弹出“导入视频”向导，如图13所示。图13打开导入向导（3）在“文件路径”后面单击“浏览”按钮，弹出“打开”对话框，在其中选择要导入的视频文件。如图14所示。图14“打开”对话框然后单击“打开”按钮，这样“文件路径”后面的文本框中自动出现要导入的视频文件路径。（4）单击“下一个”按钮，出现如图15所示的“部署”向导窗口。图15部署（5）选择“从Web服务器渐进式下载”单选按钮，然后单击“下一个”按钮。出现如图16所示的“编码”向导窗口。图16编码从上图可以看出，编码对话框的下方出现了新的

48、选项提示点，在FlashCS3中，解码参数和提示点的设置参数可以保存和导入。如图17所示。图17导出xml文件（6）直接单击“下一个”按钮。出现如图18所示的“外观”向导窗口。图18外观在这个向导窗口中可以选择播放视频文件的播放器外观。在“外观”下拉列表框中有许多默认的播放器外观可供选择。同时，FlashCS3在此页面增加了外观的“调色”功能，我们可以在调色板中任意设置播放器的颜色，设置完成后单击“下一个”按钮。（7）出现窗口后，单击“结束”按钮，弹出一个“另存为”对话框，在其中输入要保存的文件名，并选择保存的路径。如图19所示。图19“另存为”对话框（8）单击“保存”按钮，经过一定的导入进度

49、提示后，就完成了操作。舞台上出现先前所选择的视频播放器。如图20所示。图20视频播放器（9）按CtrlEnter键测试影片，可以在播放器的支持下对视频进行播放。如图21所示。保存文件后，在“资源浏览器”窗口中查看文件。我们可以发现，保存影片的文件夹下对应这个影片有4个文件：渐变式下载播放视频.fla（影片源文件）、渐变式下载播放视频.swf（影片播放文件）、视频素材1.flv（外部视频，这是在制作过程中自动通过对原来的视频文件的转换得到的FLV视频文件）。SkinOverPlaySeekMute.swf（播放器外观组件影片）。图21测试影片14.4导出FLV视频文件FLV视频文件是Flash的

50、专用视频格式。如果想将其他格式的视频文件转换为FLV格式，可以先将视频导入Flash中，然后在将视频导出为FLV视频文件。下面讲解一下具体操作步骤。（1）先将视频文件导入到Flash库中。（2）在“库”面板中，右击视频，在弹出的快捷菜单中选择“属性”命令，弹出“视频属性”对话框。如图22所示。图22“视频属性”对话框（3）单击“导出”按钮，出现“导出FLV”对话框。如图23所示。图23“导出FLV”对话框输入要导出的视频文件名，然后单击“保存”按钮即可。（4）最后，关闭“视频属性”对话框。教学后记:第十五课滤镜和混合模式滤镜和混合模式是FlashCS3在设计动画时非常实用的两项功能，这两个功能

51、极大地增强了Flash设计方面的能力。它们珠联璧合，相得益彰，如果能恰如其分地结合使用，将能创造出意想不到艺术效果。FlashCS3的滤镜功能，借用了PhotoShop的设计，大大增强了它在设计方面的能力。这项特性对制作Flash动画带来了极大的方便，产生了深远的影响。它不仅基本满足了绘图设计的需求，而且使动画作品更加精彩纷呈。混合模式和滤镜效果同源于图像设计软件，两者相互配合使用可以相得益彰、锦上添花。使用混合模式，可以创建复合图像。复合是改变两个或两个以上重叠对象的透明度或者颜色相互关系的过程。还可以混合重叠影片剪辑中的颜色，从而创造独特的效果。综合范例夕阳红夕阳无限好，只是近黄昏。夕阳自

52、古以来就给人以无尽的享受和无穷的遐想。运用滤镜效果和混合模式来表现夕阳红壮观的一幕自然充满了令人侧目的美。15.1范例简介本范例利用Flash强大的滤镜效果和混合模式制作夕阳红的一个镜头，波涛平缓地起伏，海鸥和文字在经过不同的背景区域呈现出不同的姿态，极富镜头感。范例效果如图1所示。图1范例效果通过本例的学习，可以掌握使用混合模式的方法和技巧。15.2制作步骤1新建影片文档和设置文档属性启动FlashCS3，新建一个影片文档。参数保持默认。2导入位图选择“文件”|“导入”|“导入到舞台”命令，将准备好的素材图片导入到库中：素材夕阳.jpg，niao001niao003.gif）。导入的海鸥图片

53、可新建为影片剪辑元件。3制作简单的元件（1）制作“边框1”元件。新建一个名称为“边框1”的影片剪辑元件，在该元件的编辑场景中绘制边框形状。如图3所示。图3“边框1”元件（2）制作“边框2”元件。改变填充色绘制一个名称为“边框2”的影片剪辑元件，如图4所示。图4“边框2”元件（3）制作“海鸥飞翔”元件。新建一个名称为“海鸥飞翔”的影片剪辑元件，将库中的“海鸥”影片剪辑元件拖放到舞台上，在第80帧按F6键插入关键帧。定义第180帧的补间动画。然后将第80帧上的海鸥实例拖放到左上方，减小该实例的大小和透明度。如图5所示。图5海鸥（4）制作“文字”元件。新建一个名称为“文字”的影片剪辑元件，在该元件的

54、编辑场景中设置字体为黑体，字号为45，颜色为红色，斜体。接着输入“夕阳红”3个字，为其添加“渐变发光”滤镜效果，设置如图6所示。图6滤镜参数（5）在第50帧插入关键帧，在第60帧插入帧。然后运用任意变形工具将第50帧上的文字放大，并向上拖动一段距离，最后定义第160帧间的补间动画。最终效果如图7所示。图7文字效果4运用滤镜效果制作波纹动画效果（1）新建一个名称为“波纹”的影片剪辑元件，选择刷子工具，在“属性”面板中设置其填充色为赭色，平滑度为10，如图8所示。图8设置刷子工具的平滑度（2）使用刷子工具在舞台上画出不规则的波纹状图形，如图9所示。图9绘制波纹状图形（3）新建一个名称为“波纹上”的

55、影片剪辑元件。在这个元件的编辑场景中，将“波纹”元件从“库”中拖放到舞台上。（4）分别在第20帧第40帧处插入关键帧，并设置动作补间运动。在第20帧处，将“波纹”元件向右斜上方向略加移动。制作完毕“波纹”将会作从下向上再向下的运动。打开绘图纸外观按钮可以看到其移动轨迹，如图10所示。图10波纹上”影片剪辑元件（5）下面制作波纹向下运动的元件，其运动方向与“波纹上”刚好相反，是先向下再向上的运动。新建一个名称为“波纹下”的影片剪辑元件。在这个元件的编辑场景中，将“波纹”元件从“库”中拖放到舞台上。（6）分别在第20帧第40帧处插入关键帧，并设置动作补间运动。在第20帧处，将“波纹”元件向左斜下方

56、向略加移动。（7）新建一个名称为“重叠波纹”的影片剪辑元件。在这个元件的编辑场景中，将“波纹上”元件从“库”中拖放到舞台上。（8）插入一个新图层，在“图层2”中放入“波纹下”元件。调整实例位置，使“波纹下”的位置比“波纹上”略高，如图11所示。图11“重叠波纹”影片剪辑元件（9）新建一个名称为“模糊波纹”的影片剪辑元件。在这个元件的编辑场景中，将“重叠波纹”元件从“库”中拖放到舞台上。（10）打开“滤镜”面板，单击“”号按钮，在弹出的滤镜菜单中选择“模糊”。在默认状态下，X轴与Y轴的模糊值是同步变化的。单击旁边的锁状按钮，解除其同步锁定。分别修改X与Y的模糊值，如图12所示。图12设置模糊滤镜

57、（11）将“波纹”影片剪辑元件的填充色改为放射状渐变色，用来制作光亮集中的水波，好像夕阳下的波光一样。其填充色设置如图13所示。图13填充色设置运用放射状填充色后的“波纹”影片剪辑元件如图14所示。图14“波纹”影片剪辑元件5运用滤镜效果和混合模式制作主动画（1）回到主场景，将图层1重新命名为“边框”，将“边框1”和“边框2”影片剪辑元件拖放到舞台上，调整内外框的位置。选中“边框1”实例，打开滤镜面板，单击其中的“十”字按钮，在弹出的菜单中选择“渐变斜角”滤镜，其设置如图15所示。图15“渐变斜角”滤镜设置此时的边框1效果如图16所示。图16边框1效果（2）接着为“边框2”实例添加“渐变斜角”

58、滤镜，其设置如图17所示。图17“渐变斜角”滤镜设置这样，边框效果就完成了，如图18所示。图18边框效果（3）创建新图层，将其重新命名为“大海”，将“夕阳”图片从库中拖放到场景中，调整它的大小与边框相吻合。如图19所示。图19大海（4）从库中拖放“文字”元件到夕阳图片的中央，选中“文字”实例，单击属性面板中的“混合”后面的三角按钮，在弹出的下拉列表中选择“叠加”模式。如图20所示。这样，文字在运动时经过不同区域会呈现出不同的颜色，非常符合客观情况。图20叠加模式（5）按同样的方法拖放2个“海鸥飞翔”元件到夕阳图片的右下角，选中两个实例，单击属性面板中的“混合”后面的三角按钮，在弹出的下拉列表中

59、选择“增加”模式。如图21所示。图21增加模式此时的舞台效果如图22所示。图22舞台效果（6）创建新图层，将其重新命名为“海浪”，将“模糊波纹”元件拖放到场景中，调整它的大小和位置。如图23所示。图23海浪效果（7）创建新图层，将其重新命名为“遮罩”，接着使用矩形工具绘制一个矩形刚好将大海遮住。如图24所示。图24绘制遮罩（8）选择“遮罩”图层，右击，在弹出的快捷菜单中选择“遮罩”命令，定义遮罩动画。此时的时间轴效果如图25所示。图25时间轴效果至此，本范例制作完毕。教学后记:第十六课动画交互的简单控制HYPERLINK/fl9.0/lesson16/飞行.fla本课素材下载通过前面几课的学习

60、，我们已经掌握了一些动画的基本制作方法，那么如何能实现动画的交互控制呢？下面一起制作一个控制动画播放的简单实例。（1）我们首先制作一个文字动画，打开FlashCS3软件并建立一个“Flash文件（ActionScript2.0）”新文档,场景设置默认.将图层1命名为“背景”，在“背景”图层的第1帧,绘制如图1所示的背景图:图1参考背景图插入图层2,将该图层命名为“动画”，在第1帧用文本工具,属性中选用静态文本,字号为35,字体和字的颜色任意,写出“欢迎光临闪客启航”几个字,将其置于舞台左侧.第15帧插入关键帧,将字水平移动到舞台中间,30帧插入关键帧,将文本适当放大,选中图层2,属性中创建补间