第六章元件和实例

信管系孟东霞第六章元件和实例主要内容认识元件和实例元件的类型和创建影片剪辑元件按钮元件上机实训和指导：动画《春天在哪里》1.认识元件和实例元件：可以重复利用的图形、动画片段或按钮，是构成Flash动画的基本要素之一，便于大量制作，有助于减少影片文件的大小，被保存到库面板中。实例：登上舞台表演的元件被称为“实例”，是元件在舞台上的具体表现。元件和实例的关系类似于演员和扮演的角色（例如：杨幂和角色赵默笙、林萧、晴川等），一个元件可以生成多个实例。元件变化，实例肯定变化，实例的设置不影响元件。2元件的类型和创建元件包括三种类型：图形元件、影片剪辑元件和按钮元件。图形元件：通常存放静态图像，可以是形状、位图、文字等多种图像形式；影片剪辑元件：是独立的动画片段，具备自己独立的时间轴，可以包含交互控制、音效，甚至是其他的影片剪辑元件；按钮元件：对鼠标事件（单击和滑过）做出响应的交互按钮，可以与观众实现交互动画。2元件的类型和创建创建元件：“插入””新建元件”或者选中场景中的对象“修改””转换为元件”编辑元件：在当前位置编辑、在新窗口中编辑和在元件编辑模式下编辑练习春天在哪里新建flash文档，文档属性使用默认值；制作背景：修改图层1名称为“蓝天背景”，导入图片“蓝天”，将其拖动到舞台上，将此图层一直作为背景层；片头动画：新建图层“片头文字”，输入文字“春天在哪里”，为文字添加滤镜效果（发光、投影和模糊等，可自定义文字滤镜），在第1帧到第80帧之间制作文字闪光多次后变模糊又清晰的动画效果；练习春天在哪里桃树出现：新建图层“桃树”，在第100帧导入图片“桃树”，使用分离和套索工具删除多余背景后，将其转换为图形元件“桃树”，在第100帧到关键帧140帧之间制作从无到逐渐清晰的动画效果（元件Alpha值的变化）；太阳升起：新建图形元件“太阳”，其为椭圆工具绘制的没有轮廓、径向填充的正圆。新建图层“太阳”，在第160帧上创建关键帧，在160帧到关键帧210帧之间制作太阳移动的过程中颜色和大小也变化的动画效果。给太阳的动画添加引导层，使其按照弧线形状升起。练习春天在哪里花瓣飘落：新建图形元件“花瓣”，使用线条工具和颜料桶工具制作花瓣；新建图层“花瓣1”，在220帧关键帧上将元件“花瓣”添加到舞台上，使用引导层绘制花瓣旋转飘落的动画；再创建两个图层，分别在第240帧和第260帧插入关键帧，然后添加花瓣飘落的动画效果。新建图层文件夹，将所有的花瓣图层放置到文件夹中。3影片剪辑元件可以创建可重用的动画片段，拥有独立于主时间轴的多帧时间轴，可包含交互式按钮、声音和其他影片剪辑实例；例如：骏马飞奔（比较将单个静态图片转为元件和利用多个关键帧创建影片剪辑元件）同样的例子还有：人物行走、蝴蝶飞舞等练习春天在哪里影片剪辑练习：被风吹动的柳树：新建影片剪辑元件“柳树”，制作柳枝摇动的动画效果；新建图层“柳树”，在第310帧将多个“柳树”的实例导入到舞台上，在310帧到340帧之间制作其从无到逐渐清晰的动画效果，之后一直有柳枝摇摆的效果；摇动的小草：新建影片剪辑元件“小草”，制作小草舞动的动画效果；新建图层“小草”，在第350帧将多个“小草”的实例导入到舞台上；练习春天在哪里影片剪辑练习：蝴蝶飞舞：制作类型为影片剪辑的元件“蝴蝶”，将上次制作的蝴蝶对应的关键帧复制粘贴到元件里；新建图层“蝴蝶”，将元件导入，创建多个关键帧并且使用引导层制作蝴蝶连续飞舞的动画。鸟儿飞翔：打开已有的flash源文档，找到小鸟的影片元件，粘贴到现有文档的库中。新建“小鸟”图层，在第570帧上将元件导入，使用引导层制作小鸟飞翔的动画。动画在第690帧全部结束。4按钮元件按钮元件是Flash动画和用户交互的灵魂，能够响应鼠标事件（单击或者滑过等），外观可以有多种表现形式，可以是文字、位图、形状，还可以是看不见的透明按钮。鼠标元件的时间轴上只有4个帧，通过这4个帧可以指定不同的按钮状态：弹起：鼠标指针不在按钮上的状态指针经过：鼠标指针在按钮上的状态按下：鼠标单击按钮时的状态点击：定义鼠标做出反应的区域，即响应区。区域用实心图形定义，面积必须包含前面三帧中的所有元素，运行时，只有在这个范围内操作鼠标才能被识别，播放影片时区域不显示。练习变色按钮制作渐变色的矩形按钮，按钮上有文字“PLAY”，当鼠标指向和单击时，椭圆的颜色发生变化。新建元件，类型为按钮元件。选择“矩形工具”，制作笔触为无，填充为径向填充的矩形；选择“文本工具”，在上面输入文本“PLAY”。选择指针经过和按下的帧创建关键帧，重新定义椭圆和文字的颜色。选择点击帧，插入关键帧，定义鼠标的响应区域为矩形。练习春天在哪里添加按钮新建图层“action”，在第85帧上，添加动作脚本“stop”，将刚创建的按钮元件添加到该图层的舞台上在选中按钮后出现的属性面板上，定义按钮的实例名称为“mybutton”，然后在“action”的第85帧上添加下列脚本：functionstartMovie(event:MouseEvent){ this.play();

}//startMovie响应鼠标事件后做出的操作mybutton.addEventListener(MouseEvent.CLICK,startMovie);//按钮一直在监听点击事件，若检查后执行startMovie函数在第86帧上创建关键帧，导入外部音乐“春天在哪里”。练习春天在哪里添加按钮在第690帧上，添加动作脚本“stop”，新建按钮元件“REPLAY”，通过添加脚本实现