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）， 右侧色标则为纯黑色。 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 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”。右键单击库中的声音文件，在弹出的快捷菜单中选择“链接”命 令。在“链接属性”对话框中对所选的声音文件进行标示符的设置