《第三章 Flash元件与库资源详细步骤精品优秀课件》由会员分享，可在线阅读，更多相关《第三章 Flash元件与库资源详细步骤精品优秀课件（29页珍藏版）》请在金锄头文库上搜索。
1、- 多媒体课件制作,主要内容： 资源与库 认识元件和实例 按钮元件,第3章 元件与库资源 - 这里的资源指的是素材,Flash的资源（素材）是放到库中管理的 【库面板】中可以存放的资源类型有： 原始素材：图片、视频、声音 元件素材：图形元件、影片剪辑元件和按钮元件 Flash文档不但可以使用自己的库资源，还可以使用其他文档中库资源,3.1 资源与库,元件：是指库中一个可重复使用的图像、动画或按钮 实例：将元件拖到舞台上就成为实例（instance）,3.2 认识元件和实例,元件的常用相关操作： 1）新建元件：常用菜单：插入新建元件 2）转换为元件：菜单：修改转换为元件(快捷键:F8) 3）修改
2、元件： 常用的方法是:双击相应实例或在库中修改 4）直接复制元件（不是复制实例）：在库中元件上的右键菜单 5）替换元件：相应实例上的右键菜单,实例：制作红、黄、绿、蓝、紫色的水晶按钮图片,新建一个元件：菜单：插入-新建元件，命名为红按钮 绘制红按钮 层1（球体）：红色圆，50*50 层2（上光）：白与透明线性渐变色的椭圆（透明度分别为：80，80，49，0）， 用渐变变形工具调整渐变方向 层3（下光）：白与透明线性渐变色的椭圆，调整渐变方向,保存 绘制蓝按钮 鼠标在【库】中红按钮元件上，右键菜单：“直接复制”，改名为“蓝按钮” 将层1中红色圆，改为蓝色，保存。 绘制其他颜色按钮，类似于蓝按钮
3、从库中拖各按钮到舞台，观看效果。,实例：水晶按钮图片,新建一个元件：菜单：插入-新建元件，命名为按钮界面 绘制按钮 层1（底圆）：圆角矩形：75*58，圆角：95 层2（底部花饰）：白花元件，调整透明度 层3（上光椭圆）：白与透明线性渐变色的椭圆（透明度分别为：80，80，49，2），调整渐变方向 层4（面上花饰）：白花元件，形变变小 层5（文字）：输入文字并调整层的位置,实例 制作一个闪烁文字的元件,制作效果：”要点” 闪烁3次 当然也可以是一个图形或一个图形的一部分闪烁。 制作要点：直接新建元件 1）菜单：插入|新建元件，并命名为“要点” 2）输入文字，并绘制箭头，箭头由小矩形调整而成 3
4、）在5到35帧处每隔5帧插入一个关键帧（如下图），然后隔一个删除一个关键帧中的图形，在最后一帧中插入动作: stop(); 4）回到场景，拖入一个“要点”元件，测试运行,建立一个动态的电影剪辑元件：雨滴,涟漪,制作要点：直接新建元件 1）Flash文档背景设为深蓝色，大小自定。 2）菜单：插入|新建元件，制作一个雨滴下落并激起一圈圈的涟漪的补间动画: a）层1（雨滴）：制作一个蓝白渐变的小椭圆作为雨滴，转化为元件，做一个雨滴下落的补间动画 b）层2（水波1）：制作一个浅灰色的椭圆作为水波（水波中心对准十字丝，这样比较好控制），转化为元件，做一个由小到大，淡入淡出的补间动画 c）复制层2为层3（
5、水波2）、层4（水波3），修改最后一帧中水波的大小，形成另外两个水波，在层3、层4前边位置添加一些普通帧，实现水波出现的时间差。 4）回到场景，拖入几个雨滴元件，注意到：主场景的帧数必须多于水滴元件中的帧数，动画才能播放完整。 5）测试运行,3.3 按钮元件 特殊的4帧动画,弹起：表示鼠标指针不在按钮上时的状态，即按钮的一般状态； 指针经过：当鼠标在按钮上，但还没有按下鼠标的状态； 按下：当鼠标移到按钮上，并按下按钮时的状态； 点击：定义有效的反应区域。这一帧的内容（无论是什么颜色）在影片中是看不见的。,自己创建的按钮可以使多种多样的。,常见的按钮样式有： 变色按钮： 将“指针在上”和“按下”
6、帧中图形改变颜色。 微动按钮： 将“指针在上”或“按下”帧中图形分别向右、向下移动两个像素。 缩放带音效的按钮： 对“指针在上”或“按下”帧中图形和文字进行90%等的缩小形变，并加一个音效层。 简单的文字按钮： 注意定义反应区，通常都是定义一个能覆盖文字的矩形 文字发散动态按钮： 制作一个文字发散的mc(电影剪辑)，并引入到“指针在上” 帧中。 透明无色按钮：无色透明按钮可以模仿ppt鼠标翻页等效果，用途很广 弹起和按下两个帧，都是空的，只定义“点击”反应区域。,实例：变色按钮将“指针在上”和“按下”帧中图形改变颜色,制作按钮：新建元件，类型:按钮，命名为:Play_btn 层1（按钮底图）：
7、 弹起帧：暗绿色圆角矩形 指针经过帧：改为亮绿到暗绿色径向渐变色 按下帧：改为金黄到暗绿色径向渐变色 点击帧：插入普通帧 层2（按钮文本）：输入金黄色文本Play 保存并进入主场景，菜单：控制|启用简单按钮，点击测试按钮,实例：缩放并带音效的按钮,制作按钮：新建元件，类型:按钮，命名为:Play2_btn 层1（按钮底图）： 弹起帧：导入一幅小图片，转化为mc元件 将按下帧和点击帧：插入关键帧 并将按下帧中的图片进行80%的缩放形变 层2（按钮文本）： 弹起帧：输入黑色文本Play，转化为mc元件 将按下帧：插入关键帧，并将其中的文本进行80%的缩放形变 层3（按钮音效）： 按下帧：插入关键帧
8、并导入声音,制作动态文本,制作按钮：新建元件，类型:按钮，命名为:文字发散按钮 层1（按钮底图）：圆角矩形 层2（按钮文本）： 弹起帧：输入白色文本“播放”，转化为mc元件命名为“基础文本播放” 在指针在上帧和按下帧中：插入关键帧 新建mc元件：发散文字 层1（底图文字）：拖入“基础文本播放”mc，在25帧处插入普通帧 层2（右发散）：复制层1，将第一帧拖到第10帧处，在第25帧处插入关键帧，将第25帧中的文字拖到右上角，并设置alpha为0，建立1025帧的补间动画 层3（左发散）：复制层2，将第25帧中的文字拖到左下角，建立1025帧的补间动画 用“发散文字mc”替换“指针在上帧”中的元件
9、 打散“按下帧”中的元件，改成文本“谢谢”,按钮的应用：按钮常用命令：（三种格式）,1）动作直接添加在按钮上： （仅用于as2.0) on(release) play(); on(release) stop(); 等 2) 动作添加在帧上：（仅用于as2.0,侦听器) Play_btn.onRelease = function() play(); Stop_btn.onRelease = function() stop(); 等 3) 动作添加在帧上：（仅用于as3.0,侦听器) import flash.events.MouseEvent; Play_btn.addEventListener
10、(MouseEvent.CLICK,Play_fn); Stop_btn.addEventListener(MouseEvent.CLICK,Stop_fn); function Play_fn(e:MouseEvent):void play(); /点击Play按钮要做的动作 function Stop_fn (e:MouseEvent):void stop(); /点击Stop按钮要做的动作 /Play按钮实例名：Play_btn,Stop按钮实例名：Stop_btn /为鼠标点击按钮注册侦听器,侦听器传递函数名：Play_fn和 Stop_fn;,实例：按钮的应用(12fps),按钮常用
11、命令： on(relese) play(); 或 on(relese) stop(); 等 应用按钮： 层1（背景图片） ：大海 层2（帆船）：帆船元件,实例名boat_mc:1120帧动画，由近及远，淡出效果 层3：两个控制按钮：从公用库中拖入两个按钮，作为Play和Stop按钮 在Play按钮元件上加上动作：on(release)play(); /控制主时间轴的播放 在Stop按钮元件上加上动作：on(release)stop(); 测试影片 可以再加两个按钮，控制帆船元件时间轴的播放： 在boat_Play按钮上加上动作：on(release) boat_mc.play();/控制帆船的
12、时间轴的播放 在boat_Stop按钮上加上动作：on(release)boat_mc.stop();,上机指导制作自己的按钮库,界面欣赏与制作制作自己的背景库,常见的背景底图效果设计： 框架加渐变效果 图片+90%的矩形透明元件 相当于加上彩色滤镜 框架点缀半透明图片 渐变动态背景 点缀若隐若现的小动画，加上轻柔的背景音乐等等,界面欣赏与制作制作自己的背景库,上机指导制作自己的标题库,上网查找：特别是课件制作网站中的课件作品、观察其中的静态和动态的标题效果，并尝试模仿制作。,=,实例 3-1 五角星缀园 （演示）,制作要点： 创建元件一般有两种方法，下面是其中的一种：做好图形转化为元件 1）
13、用星形工具在舞台上画一个五角星 2）菜单：修改|转化为元件，创建五角星元件，设置类型为影片剪辑（影片剪辑元件最常用，而且使用方便） 3）利用任意变形工具改变其形变中心 4）菜单：窗口|变形，设置“旋转”为：20，重复利用“复制和形变”按钮，即可生成五角星缀园。 5）保存，测试，再另存为新文件，将其中的五星元件替换成瓢虫元件。,实例 3-1 绘制鞭炮,制作要点：做好图形转化为元件 1）绘制炮捻：用线条工具+选择工具，画出炮捻（线宽2像素） 2）绘制鞭炮串： 制作鞭炮元件： 用矩形工具在舞台上画渐变红矩形 用线条工具线宽2像素，设置金色渐变色，绘制红鞭炮两头的金线 转化为元件，命名为红鞭炮 制作鞭
14、炮串：复制一些鞭炮，拖动到炮捻的合适位置，并稍作旋转 3）绘制火光效果：利用椭圆工具+选择工具，及径向渐变,建立电影剪辑元件：飘落的花瓣,步骤1：设置Flash文档 400*550，12fps 步骤2：制作3个飘落的花瓣的补间动画: 菜单：插入|新建元件，命名为花瓣移动1 层1：建立55帧，花瓣移动补间动画 层2：用铅笔工具绘制下落路径，右键菜单设为引导层 将层1第1帧中的花瓣移至路径上端，将层1第55帧中的花瓣移至路径下端 在库中利用右键菜单，【直接复制】上边做好的花瓣移动1元件为花瓣移动2，改动其中的路径，类似制作花瓣移动3元件. 步骤3：组合主场景 层1（底图）：导入背景图片 层2（蝴蝶
15、）：导入蝴蝶图片 层3（花瓣1）：在第1帧导入一些花瓣移动元件 层4（花瓣2）：在第15帧导入一些花瓣移动元件，这样产生下落的时间差。,实例：变色按钮将“指针在上”和“按下”帧中图形改变颜色,制作按钮：新建元件，类型:按钮，命名为:Play变色按钮 层1（按钮底图）： 弹起帧：暗绿色水晶按钮 指针经过帧：亮绿色水晶按钮 按下帧：橘黄色水晶按钮 点击帧：插入普通帧 层2（按钮文本）：输入黑色文本Play，保存并进入主场景 应用按钮： 层1：背景图片 层2：背景图片小松鼠动画元件，松鼠实例命名为:shu_mc 层3：两个控制按钮 从库中拖入Play按钮元件，加上动作：on(release) shu
16、_mc.play(); 利用“直接复制”建立Stop按钮元件,拖入舞台，加上动作：on(release) shu_mc.stop(); 测试影片,实例：缩放并带音效的按钮,制作按钮：新建元件，类型:按钮，命名为:Play缩放按钮 层1（按钮底图）： 弹起帧：导入一幅小图片，转化为mc元件 按下帧：插入关键帧并将其中的图片进行80%的缩放形变 点击帧：插入普通帧 层2（按钮文本）： 弹起帧：输入黑色文本Play，转化为mc元件 按下帧：插入关键帧并将其中的文本进行80%的缩放形变 点击帧：插入普通帧 层3（按钮音效）：按下帧：插入关键帧并导入声音 应用按钮： 层1：背景图片 层2：背景图片小松鼠动画元件，松鼠实例命名为:shu_mc 层3：两个控制按钮 从库中拖入Play按钮元件，加上动作：on(release) shu_mc.play(); 利用“直接复制”建立Stop按钮元件,拖入舞台，加上动作：on(release) shu_mc.stop(); 测试影片 - 也可以另存上个例子，对其中的按钮元件进行替换,制作动态文本,制
