《第三章 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(); 测试影片 - 也可以另存上个例子,对其中的按钮元件进行替换,制作动态文本,制