1、Flash CC 动画设计与制作第七章 Flash CC声音和视频 教学目标1.掌握如何在FlashCC中使用声音。2.掌握如何在FlashCC中编辑声音。3.掌握如何在FlashCC中导入视频。教学内容：本章主要学习制作FlashCC声音和视频，利用这些工具可以在影片中添加声音。本章采用动画案例详细分析在FlashCC中使用声音、在FlashCC中编辑声音、FlashCC中导入视频、改视频编辑属性等基本动画制作技巧，其中包括导入声音、在帧中添加声音等，这些内容是利用FlashCC进行制作动画创作的基础，是必须熟练掌握的。目录7.1 制作小狮子7.2 制作跳远动画7.3 制作烟花视频7.4 制
2、作篮球本章小结 7.1 制作小狮子 7.1.1 案例描述 7.1.2 制作步骤 7.1.3 案例小结 7.1.4 能力扩展 7.1.1 案例描述 本案例是制作狮子吼叫的动画视频，首先新建影片剪辑元件，然后在影片剪辑元件中制作狮子吼叫的动画并添加音效，最后回到主场景并将影片剪辑导入完成。制作的过程主要使用线条工具、创建新元件等制作方法。7.1.2 制作步骤1.新建一个Flash空白文档，选择【修改】【文档】命令，打开“文档设置”对话框，在对话框中将舞台大小设置为“700*500像素”，如图所示。2.选择【插入】【新建元件】菜单命令，打开“创建新元件”对话框，然后在“名称”文本框中输入“狮子”，在
3、“类型”下拉列表中选中“影片剪辑”选项，如图所示。3.完成后单击按钮进入影片剪辑“狮子”的编辑区中，将“素材第七章7.1 制作小狮子小狮子.png”导入到编辑区中，如图所示。4.在“时间轴”面板上单击“新建图层”按钮，新建“图层2”，使用“线条”工具在“图层2”的第1帧处绘制小狮子的嘴巴，如图所示。5、分别在“图层1”、“图层2”的第15帧处按下F5键插入帧，如图所示。6、在“图层2”的第6帧处按下F7键，插入空白关键帧，然后绘制狮子嘴巴张开的形状，并在“图层2”的第11帧处按下F7键，插入空白关键帧，然后绘制狮子嘴巴张开的形状，如图所示。7、选择【文件】【导入】【导入到库】命令，将“素材第七
4、章7.1制作小狮子sound1.wav”导入到“库”面板中，新建“图层3”选择该层的第1帧，然后在“属性”面板中的“名称”下拉列表中选择刚导入的声音文件，如图所示。8、单击按钮，返回主场景，选择【执行】【导入】【导入到舞台】命令，将“素材第七章背景.jpg”导入到舞台中，新建“图层2”，从“库”面板中将影片剪辑“小狮子”拖曳到舞台上，如图所示9、新建“图层3”，将其拖曳到“图层2”的下方，然后使用“椭圆工具”绘制一个无边框，填充为透明浅灰色（红：51，绿：51，蓝：51，A：70%）的椭圆，保存动画文件，然后按Ctrl+Enter组合键测试效果，如图所示。7.1.3 案例小结在Flash动画中
5、导入声音的运用 本案例主要是学会在Flash动画中导入声音，在影片剪辑元件中制作狮子吼叫的动画并添加音效。7.1.4 能力扩展 综合运用前面所学的知识，通过在Flash动画中导入声音，运用线条工具、导入声音等方法，在影片剪辑元件中制作老虎的吼叫动画并添加音效。7.2 制作跳远动画 7.2.1 案例描述 7.2.2 制作步骤 7.2.3 案例小结 7.2.4 能力扩展 7.2.1 案例描述 本案例制作一个跳远的动画，在跳远的同时伴有风吹过的声音，并且风声逐渐变大。7.2.2 制作步骤1.新建一个Flash空白文档，选择【修改】【文档】命令，打开“文档设置”对话框，在对话框中将舞台大小设置为“55
6、0*300像素”，设置帧频为“6fps”，选择【文件】【导入】【导入到舞台】命令，将“素材第七章7.2 制作跳远动画夜景.jpg”导入到舞台，并调整至舞台大小尺寸，如图所示。2.单击“时间轴”面板上的“新建图层”，插入“图层2”，然后选中“图层2”的第1-8帧，按F7键，插入空白关键帧，接着在“图层1”的第8帧处插入帧，选中“图层2”的第1帧，选择【文件】【导入】【导入到库】命令，将“素材第七章7.2 制作跳远动画jump1-8.jpg”导入到库中，如图所示。7.2.2 制作步骤3.选中“库”面板中的jump1.jpg，然后按住鼠标左键，将其拖曳到舞台的对应位置，然后选中“图层2”的第2帧处，
7、选中“库”面板中的jump2.png，并将其拖曳到舞台的对应位置，如图所示。4.选中“图层2”的第3帧，选中“库”面板中的“jump3.png”，并将其拖曳到舞台的相对应位置，再选中“图层2”的第3帧，选中“库”面板中的“jump4.png”，并将其拖曳到舞台的相对应位置，如图所示。7.2.2 制作步骤5.使用同样的方式，将“库”面板中的图像，按顺序拖曳到剩余空白关键帧的对应位置，如图所示。6.选择【文件】【导入】【导入到库】命令，将“素材第七章7.2 制作跳远动画sound2.mp3”导入到“库”面板中，新建“图层3”，选择该层的第1帧，然后在“属性”面板中的“名称”下拉列表中选择刚导入的声
8、音文件，在“属性”面板的“效果”下拉列表框中选择“淡入”选项，如图所示。7、保存动画文件，然后按Ctrl+Enter组合键测试效果。7.2.3 案例小结在Flash动画中导入声音的运用 本案例主要是学会在Flash动画中编辑声音，在影片剪辑元件中制作跳远的动画并添加音效。7.2.4 能力扩展 通过在Flash动画中编辑声音，在影片剪辑元件中制作袋鼠跳跃动画并添加音效。7.3 制作烟花视频 7.3.1 案例描述 7.3.2 制作步骤 7.3.3 案例小结 7.3.4 能力扩展 7.3.1 案例描述 本案例制作烟花视频，内嵌视频也称为嵌入视频，是指导入到Flash中的视频文件。7.3.2 制作步骤
9、1、新建一个Flash空白文档，选择【插入】【新建元件】命令，弹出“创建新元件”对话框，接着在“名称”中输入“夜景”，选择“元件类型”为“影片剪辑”。选择【文件】【导入】【导入到舞台】命令，将“素材第七章7.3 制作烟花视频城市夜景.gif”导入到舞台中，如图所示。2、回到主场景，新建“图层2”，然后选择【文件】【导入】【导入视频】命令，打开“导入视频”对话框，如图所示。7.3.2 制作步骤3.单击对话框中的“浏览”按钮，在弹出的“打开”对话框中选择一个视频文件，单击“打开”按钮，确定视频文件路径，然后“导入视频”窗口中勾选“在SWF中嵌入FLV并在时间轴中播放”选项，如图所示。4、单击“下一
10、步”按钮，进入“嵌入”步骤，单击“下一步”按钮，完成视频导入，如图7-30所示。然后单击“完成”按钮，视频文件成功导入到舞台中。7.3.2 制作步骤5、选择【修改】【文档】命令，在弹出的“文档设置”窗口中激活“匹配内容”按钮，并单击“确定”按钮，使舞台大小和导入视频相匹配，然后选中导入视频，按F8键将其转换为“影片剪辑”元件，并命名为“烟花”。在视频转换为“影片剪辑”元件的过程中会弹出“为介质添加帧”对话框，单击“是”按钮即可，如图所示。6、选中“烟花”，然后在“属性”面板中，设置“混合”为“滤色”，使视频达到透明的效果，选中“图层1”然后打开“库”面板，选择“夜景”元件，将其拖曳到舞台的对应
11、位置，并将其调整至舞台大小，如图所示。7.3.2 制作步骤7、在“图层1”第120帧的位置插入帧，然后新建一个图层3，并将“图层2”中的烟花复制到新建图层3中，接着选择【修改】【变形】【垂直翻转】命令，将烟花翻转作为其在水中的投影，如图所示。8、将烟花调整至适合位置后，打开“属性”面板，设置“色彩效果”为Alpha。保存动画文件，然后按Ctrl+Enter组合键测试效果。7.3.3 案例小结在Flash动画中导入和编辑视频 本案例主要是学会在Flash动画中导入和编辑视频，制作烟花视频。7.3.4 能力扩展 综合运用前面所学的知识，通过在Flash动画中导入和编辑视频，制作气球上升的动态并添加
12、音效。7.4 制作篮球 7.4.1 案例描述 7.4.2 制作步骤 7.4.3 案例小结 7.4.4 能力扩展 7.4.1 案例描述 本例制作一个篮球在球场上弹跳的动画，并伴有篮球拍打地板的声音。7.4.2 制作步骤1、.新建一个Flash空白文档，选择【修改】【文档】命令，打开“文档设置”对话框，在对话框中将舞台大小设置为“600*400像素”，选择【文件】【导入】【导入到库】菜单命令，打开“素材第七章7.4制作篮球篮球场.jpg”导入到舞台中，如图所示。2、选择【插入】【新建元件】菜单命令，打开“创建新元件”对话框，然后在“名称”文本框中输入“蓝球”，在“类型”下拉列表中选中“影片剪辑”选
13、项，完成后单击“确定”按钮进入影片编辑“篮球”的编辑区中，将“素材第七章7.4制作篮球篮球.png”导入到编辑区中，如图所示。7.4.2 制作步骤 3、在“时间轴”的第20帧处插入关键帧，选择“任意变形工具”将该帧处的篮球纵向缩小，然后在第1帧与第20帧之间创建补间动画，在“时间轴”的第24帧处插入关键帧，选择“任意变形工具”将该帧处的蓝球恢复原始大小，然后在第20帧与第24帧之间创建动作补间动画，如图所示。4、在“时间轴”的第40帧处插入关键帧，将该帧处的篮球向上移动，然后在第24帧与第40帧之间创建动作补间动画，新建“图层2”，将其拖曳到“图层1”下方，选择“椭圆工具”在篮球的下方绘制一个
14、无边框，填充色为浅灰色椭圆作为篮球的阴影，如图所示。7.4.2 制作步骤 5、选中绘制的椭圆，按F8键将其转换为图形元件，名称保持默认，选中阴影，在“属性”面板中将其Alpha值设置为80%，在“图层2”的第20帧处插入关键帧，选择“任意变形工具”将该帧处的阴影横向放大，然后在第1帧与第20帧之间创建动作补间动画，如图所示。6、在“图层2”的第24帧处插入关键帧，选择“任意变形工具”将该帧处的阴影横向缩小一点，然后在第20帧与第24帧之间创建补间动画，在“图层2”的第40帧处插入关键帧，选择“任意变形工具”将该帧处的阴影横向缩小，然后在第24帧与第40帧之间创建补间动画，如图所示。7.4.2
15、制作步骤 7、选择【文件】【导入】【导入到库】菜单命令，打开“素材第七章7.4制作篮球sound3.MP3”导入到“库”面板中，新建“图层3”，并将其重命名为“声音”，然后选择该层的第1帧，并在“属性”面板的“名称”下拉列表中选择刚导入的声音文件，如图所示。8、单击“场景1”按钮，返回主场景，新建“图层2”，从“库”面板中将“篮球”影片剪辑元件拖曳到舞台的对应位置，保存动画文件，然后按Ctrl+Enter组合键测试效果。7.3.3 案例小结任意变形工具、补间动画、Alpha值的运用 本案例主要是学会使用任意变形工具、补间动画、Alpha值等功能，使用任意变形工具改变图形的大小，并掌握Alpha
16、改变图片的透明度，在Flash动画中导入声音，制作篮球动画。7.4.4 能力扩展 通过使用“任意变形”工具、“补间动画”工具等，在Flash中导入声音，并制作乒乓球运动的动画。7.4 制作篮球 7.4.1 案例描述 7.4.2 制作步骤 7.4.3 案例小结 7.4.4 能力扩展 7.4.1 案例描述 本例制作一个篮球在球场上弹跳的动画，并伴有篮球拍打地板的声音。7.4.2 制作步骤1、.新建一个Flash空白文档，选择【修改】【文档】命令，打开“文档设置”对话框，在对话框中将舞台大小设置为“600*400像素”，选择【文件】【导入】【导入到库】菜单命令，打开“素材第七章7.4制作篮球篮球场.
17、jpg”导入到舞台中，如图所示。2、选择【插入】【新建元件】菜单命令，打开“创建新元件”对话框，然后在“名称”文本框中输入“蓝球”，在“类型”下拉列表中选中“影片剪辑”选项，完成后单击“确定”按钮进入影片编辑“篮球”的编辑区中，将“素材第七章7.4制作篮球篮球.png”导入到编辑区中，如图所示。7.3.3 案例小结任意变形工具、补间动画、Alpha值的运用 本案例主要是学会使用任意变形工具、补间动画、Alpha值等功能，使用任意变形工具改变图形的大小，并掌握Alpha改变图片的透明度，在Flash动画中导入声音，制作篮球动画。7.4.4 能力扩展 通过使用“任意变形”工具、“补间动画”工具等，在Flash中导入声音，并制作乒乓球运动的动画。
