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