《Flash CS3中文版动画制作教学课件 PPT 作者 龙天才 模块七 制作有声动画（29的图好像换过？）》由会员分享，可在线阅读，更多相关《Flash CS3中文版动画制作教学课件 PPT 作者 龙天才 模块七 制作有声动画（29的图好像换过？）（32页珍藏版）》请在金锄头文库上搜索。
1、,主讲：,制作有声动画,图形的绘制,&熟悉声音素材的导入方法 & 掌握声音的加载方法 &掌握音频的属性和编辑方法 &掌握用组件加载视频的方法 &掌握视频组件的属性和设置方法,学习目标:,任务一 为动画添加声音,操作一 制作有声按钮 操作二 制作“贺新春”动画 操作三 制作“火车出站” 操作四 制作“声音切换”效果,制作有声按钮,制作有声按钮,【操作要求】 （1）新建文档，导入声音素材。 （2）新建按钮元件，并制作按钮 。 （3）从“库”中拖入声音 。,制作有声按钮,【操作步骤】 （1）新建一个Flash文档，并保存为“制作有声按钮.fla”，选择“文件”“导入”“导入到库”命令，导入“素材模块
2、七”中的声音文件“wa3.mp3”，按【Ctrl+F8】键，在打开的“创建新元件”对话框中选择“按钮”，如图7-1所示。 （2）单击 打开按钮编辑窗口，用椭圆工具、钢笔工具和颜料桶工具绘制“弹起”帧处的图形，如图7-2所示。 （3）在“指针经过”帧处插入关键帧，用任意变形工具 选择图形，并旋转一定的角度，如图7-3所示。,制作有声按钮,（4）在“按下”帧处插入关键帧，选择图形，并设置填充颜色为“#00CCFF”、“#0000FF”渐变色，如图7-19所示。 （5）在“点击”帧处插入关键帧，并填充图形的颜色为“#0066FF”，如图7-5所示。 （6）新建图层2，用椭圆工具绘制一个圆，并填充颜色
3、为“#0066FF”、Alpha值为80%，如图7-6所示。,制作有声按钮,（7）在“指针经过”帧处插入关键帧，并跳帧圆的位置，如图7-7所示，在“点击”帧处插入空白关键帧。 （8）新建图层3，在“指针经过”帧处插入关键帧，打开“库”面板，选择声音元件“wa2.mp3”元件，按住鼠标不放拖动到场景中，如图7-8所示，然后松开鼠标左键。 （9）此时引用声音的时间帧如图7-9所示。 （10）返回主场景，将按钮元件拖放到场景中，然后按【Ctrl+Enter】键测试动画，效果如图7-10所示。,制作“贺新春”动画,制作“贺新春”动画,【操作要求】 （1）新建文档，导入图片和声音 。 （2）新建图层，创
4、建补间动画效果 。 （3）拖入声音到场景 。,制作“贺新春”动画,【操作步骤】 （1）新建一个Flash文档，设置文档大小为“600px350px”，并保存为“制作贺新春动画.fla”，选择“文件”“导入”“导入到库”命令，导入“素材模块七”中的图片和声音素材，如图7-11所示。 （2）新建2个图层，从“库”面板中拖放位图1.jpg、2.jpg到图层2和图层3中，分别将位图转换为图形元件menl、menr，如图7-12所示。 （3）分别在图层2、3的20、40帧处插入关键帧，在40帧处分别移动元件实例到舞台左右两边，并分别在第20帧处创建补间动画，如图7-13所示。,制作“贺新春”动画,（4）
5、在图层1上新建图层4，从“库”面板中将位图1.png拖放到图层2中，将位图转换为图形元件“同心结”，并相对于舞台居中对齐，如图7-14所示。 （5）在25、45帧处插入关键帧，在第45帧处将元件实例向上移动出舞台，在第25帧处创建补间动画，如图7-15所示。 （6）锁定图层2、3、4，从“库”面板中将位图3.jpg拖放到图层1中，并转换为图形元件“背景”，并调整其相对于舞台垂直居中对齐和左对齐，在第20、100帧处插入关键帧，在第100帧处调整元件右对齐，并在第20帧处创建补间动画，如图7-16所示。 （7）新建影片剪辑元件“元宝”，从“库”面板中拖入位图1.png到图层1中，并转换为图形元件
6、，新建引导图层，用钢笔工具绘制引导线图形，在第1帧处将元件实例移动到引导路径的起点上，如图7-17所示。,制作“贺新春”动画,（8）在引导图层的20帧处插入帧，图层1第20帧处插入关键帧，并将元件实例到终点上，并在图层1的第1帧处创建补间动画，如图7-18所示。 （9）返回主场景，在图层1上新建图层5，拖放多个元件“元宝”放置到图层5上，如图7-19所示。 （10）在图层3上新建图层6，在第20帧处插入关键帧，选择20帧，在“属性”面板中的“声音”下拉列表框中选择“贺新春.mp3”，如图7-20所示。 （11）单击 按钮，在打开的“编辑封套”对话框中拖动滑块剪切多余的声音片段，如图7-21所示
7、。 （12）单击关闭对话框，如图7-38所示，保存并测试动画效果。,制作“火车出站”,制作“贺新春”动画,【操作要求】 （1）新建文档，绘制背景图形 。 （2）创建补间动画元件 。 （3）导入声音并设置声音属性 。,制作“贺新春”动画,【操作步骤】 （1）新建一个Flash文档，并保存为“制作火车出站.fla”，新建图形元件“站台”，用线条工具和颜料桶工具绘制一个平台图形，如图7-39所示。 （2）绘制柱头图形，并填充颜色，如图7-40所示。 （3）用绘图工具绘制站标图形，如图7-41所示。 （4）用刷子工具绘制出花盆图形，如图7-42所示。,制作“贺新春”动画,（5）新建图形元件“铁路”，用
8、刷子工具绘制铁路图形，如图7-43所示。 （6）新建影片剪辑元件“联动”，绘制一个链条图形，在第3帧处插入关键帧，将图形水平翻转，如图7-44所示。 （7）新建图形元件“火车”，用绘图工具绘制一个火车图形，如图7-45所示。 （8）新建影片剪辑元件“运动”，将“火车”元件放置到图层1，新建图层2，将多个“联动”元件放置到图层2中的火车轮子位置，如图7-46所示。,制作“贺新春”动画,（9）返回主场景，将站台和铁路元件放置到图层1中，并调整到合适的位置，并在70帧处插入帧，如图7-47所示 （10）新建图层2，将“运动”元件放置到图层2中的场景左边，在第20、70帧处插入关键帧，在70帧处将火车
9、实例移动到场景右边，在20帧处创建补间动画，并自定义缓动效果，如图7-48所示。 （11）在菜单中选择“文件”“导入”“导入到库”命令，导入文件“素材模块七火车鸣笛.mp3”，在第1帧处拖入声音，在“属性”面板中单击 按钮打开“编辑封套”对话框，将光标移动到封套线上单击，添加几个封套手柄，拖动封套手柄调整封套样式，将封套线调整为如图7-49所示的效果。 （12）单击 按钮关闭对话框，按【Ctrl+Enter】键测试动画效果如图7-50所示。,制作“声音切换”效果,制作“声音切换”效果,【操作要求】 （1）新建文档，导入素材 。 （2）创建火车补间动画 。 （3）创建滴水动画 。 （4）应用声音
10、并设置声音属性。,制作“声音切换”效果,【操作步骤】 （1）打开“素材模块七火车出站.fla”文档，并另存为“制作声音切换.fla”，如图7-51所示。 （2）在菜单中选择“文件”“导入”“导入到库”命令导入“/素材/模块七”中的图片和声音文件，如图7-52所示。 （3）新建影片剪辑元件“水波”，用刷子工具绘制一个水滴图形，并转换为图形元件，如图7-53所示。 （4）在第10帧处插入关键帧，将水滴图形向下移动到合适位置，在第1帧处创建补间动画，并设置缓动为-60，在第12帧处插入关键帧，将水滴元件实例的Alpha值设置为10%，如图7-54所示。,制作“声音切换”效果,（5）锁定图层1，新建图
11、层2，在第11帧处插入关键帧，用椭圆工具绘制一个圆环，如图7-55所示。 （6）在第40帧处插入关键帧，将圆环放大到合适位置，在第11帧处创建补间形状，如图7-56所示。 （7）返回主场景，在图层1的52帧处插入空白帧，从“库”面板中拖动位图“钟乳石.png”放置到图层1的52帧处，在100帧处插入帧，如图7-57所示。 （8）在图层2的52帧处插入空白帧，从“库”面板中拖动元件“水波”放置到图层2的52帧处，在100帧处插入帧，如图7-58所示。,制作“声音切换”效果,（9）新建图层3，选择第1帧，在“属性”面板中的“声音”下拉列表框中选择音频“火车鸣笛.mp3”，在“同步”下拉列表框中选择
12、“数据流”，如图7-59所示。 （10）在第52帧处插入关键帧，在“属性”面板中的“声音”下拉列表框中选择音频“滴水声.mp3”，如图7-60所示。 （11）完成时间轴效果，如图7-61所示的效果。 （12）单击 按钮关闭对话框，按【Ctrl+Enter】键测试动画可以看出在动画场景切换过程中声音会和场景的切换同步。,任务二 为动画添加视频,操作一 制作“身边的空气” 操作二 制作“自定义视频组件动画”,制作“身边的空气”,制作“身边的空气”,【操作要求】 （1）新建文档，添加视频组件。 （2）在组件“参数”面板中输入视频路径。 （3）测试动画效果。,制作“身边的空气”,【操作步骤】 （1）新
13、建Flash文档，设置场景大小为400300像素，并保存为“制作身边的空气.fla”。 （2）在菜单中选择“窗口”“组件”命令打开“组件”面板，在该面板中展开Video组件，如图7-62所示。 （3）在Video选项中选择FLVPlayback组件，并拖动到场景中，在“对齐”面板中设置组件相对于舞台匹配大小和居中对齐，如图7-63所示。,制作“身边的空气”,（4）选择组件，打开“参数”面板，可以查看视频组件的相关参数，如图7-64所示。,制作“自定义视频组件动画”,制作“自定义视频组件动画”,【操作要求】 （1）新建文档，添加视频组件。 （2）输入视频路径。 （3）设置组件的参数。,制作“自定
14、义视频组件动画”,【操作步骤】 （1）新建Flash文档，设置场景大小为400300像素，并保存为“制作自定义视频组件动画.fla”，将视频文件“素材模块七洪水.flv”复制到与Flash文档相同的目录下，如图7-67所示。 （2）从“组件”面板中拖入一个FLVPlayback组件，在路径中选择“洪水.flv”，如图7-68所示。 （3）选择视频组件，在“参数”面板中的skin选项中单击按钮打开“选择外观”对话框，在“外观”下拉列表框中选择SkinOverAllNoCaption.swf，“颜色”选择为“#66CC99”，如图7-69所示 。,制作“自定义视频组件动画”,（4）单击按钮关闭对话框，在skinAutoHide选择中选择true，如图7-70所示。 （5）按【Ctrl+Enter】键预览动画效果，播放工具栏式隐藏了的，如图7-71，将光标移动到视频下方可以显示播放工具栏，单击“全屏”按钮可以将视频全屏显示，如图7-72所示。,
