Flash动画实用技术 教学课件 作者 刘彦武 刘玉山 第7章 Flash中的声音和视频.pptVIP

* 第7章 Flash中的声音和视频 任务18 MP3播放器 教学目标：掌握声音文件的导入及能够进行简单编辑 教学难点：也按钮相结合，通过代码控制声音文件 制作步骤： 1、利用Flash的多个绘图工具制作MP3播放界面。在绘制图形过程中要 注意分层，每个图形要独占一层，这样便于以后的修改编辑工作。首先 选择矩形工具，打开【属性】面板，在圆角输入框中输入14，填充色设 为黑色。 2、设置完成后，在舞台上绘制一个圆角矩形，并将此图层名称改为“黑底框”。 3、新建一图层，命名为“渐变高光”。制作一个具有渐变色的不规则图形，这 里省略它的制作过程，只提供渐变色的相关参数： 左侧色标（R：66，G：140，B：189）， 中间的色标（R：28，G：56，B：74）， 右侧色标则为纯黑色。 4、仿照前三步的做法，分别制作出“屏幕黑框”、“屏幕”、放置按钮的“圆环”。 放置按钮的“圆环” “屏幕” “屏幕黑框” 5、将刚刚绘制的图形进行摆放、比例进行调整后，便完成了MP3播放器界面的 绘制工作。 6、由于整个MP3播放器为暗色，要突出控制按钮的存在以白色体现最为合适。 将舞台背景颜色由默认的白色改为淡蓝色，这样会便于白色按钮的制作。 7、执行“插入—新建元件”命令，在打开的对话框中名称处输入“播放图片”，类 型处选择“图形”。点击“确定”按钮后便进入图形元件的编辑状态。 8、在工具栏中点选“多角星形工具”后展开【属性】面板，将填充色设置为白色， 点击“选项”按钮。在打开的“工具设置”对话框中“样式”选择“多边形”，并将“边数” 设为3。 9、点击“确定”按钮后便进入到图形元件编辑区，按下SHIFT键拖拽鼠标便在屏幕 上绘制出一个白色的正三角形，利用【对齐】面板将它对齐至舞台中心。 10、执行“插入—新建元件”命令，在打开的对话框中名称处输入“播放动态”，类型 处选择“影片剪辑”。点击“确定”按钮后便进入影片剪辑元件的编辑状态。 11、将“播放图片”图形元件由库中拖至舞台中心，在当前图层的第10帧处插 入关键帧。将第10帧下的图形元件实例的比例改为“150%”，透明度设为“0”。 在第1帧至第10帧之间创建补间动画。这样便完成了白色三角有小到大、由 有到无的动态效果。 12、执行“插入—新建元件”命令，在打开的对话框中名称处输入“播放按钮”， 类型处选择“按钮”。点击“确定”按钮后便进入按钮元件的编辑状态。 13、选择按钮的“弹起”帧后，将“播放图片”图形元件拖至舞台中心；在“指针经过 ”帧处插入空白关键帧后，将“播放动态”影片剪辑元件拖至舞台中心；在“按下”帧 处插入空白关键帧后将“播放图片”图形元件拖至舞台中心并将其缩小为原尺寸的 80%。至此便完成了一个动态按钮的制作，按照此方法制作其它几个控制按钮。 14、接下来制作模拟音乐在播放过程中跳动的波形。首先新建一个影片剪辑， 并命名为“跳动条”。进入影片剪辑的编辑区后，在当前图层的第2帧插入空白 关键帧（保持第1帧为空白关键帧），并在第2帧上绘制一个小矩形，颜色设 置为#400080；在第3帧处插入关键帧，在刚刚的小矩形上面绘制一个同样大 小的矩形，颜色设置为#8000FF；以此类推，直至第15帧 。 15、选中第2帧至第15帧后右键单击，在弹出的快捷菜单中执行“复制帧”命令。 在第16帧处右键单击，在弹出的快捷菜单中执行“粘贴帧”命令，这样从第16帧 到第28帧的内容与从第2帧到第15帧的内容完全一致。选中第16帧到第28帧后 右键单击，在弹出的快捷菜单中执行“翻转帧”命令。这样便实现了“跳动条”由 低到高，再由高到低的变化过程。 16、在第1帧上（空白关键帧）上输入代码：stop（）； 在第28帧上输入代码：gotoAndPlay（2）； 第1帧上代码的含义是使“跳动条”影片剪辑被放置在舞台上时是保持静止的，等 待其他指令启动它播放；而第28帧上的代码含义是跳转至第2帧播放，起到循环 播放的效果。 17、退回至主场景后，新建一图层并命名为“跳动条层”。将“跳动条”影片剪辑由 库中拖至舞台，摆放至MP3屏幕上，此操作反复13次。利用“自由变形工具”及 【对齐】面板，将13个“跳动条”影片剪辑实例进行调整，使它们均匀分布在MP3 屏幕上。 18、将这13个“跳动条”影片剪辑实例依次命名为t1、t2、t3……t13。 19、导入歌曲：执行“文件—导入—导入到库”命令，导入MP3文件分别是“歌曲1”、 “歌曲2”、“歌曲3”。右键单击库中的声音文件，在弹出的快捷菜单中选择“链接”命 令。在“链接属性”对话框中对所选的声音文件进行标示符的设置。本例将“歌曲1”、 “歌曲2”、“歌曲3”的标示符分别命名为m1、m2、m3。 20、在主场景中新建一图层，并命名为“代码