Flash的引导层动画 制作

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,Flash,的,引导层,动画,授课年段：初二,授课教师：王梅婷,学习目标,了解引导层动画的基本功能,熟练掌握绘制引导层动画的基本方法,Flash,动画分类,逐帧动画,动作补间动画,(motion),可以设置对象的,大小,、,位置,、,旋转,、,倾斜,、,颜色,、,透明度,等等。但前提是此对象为一个独立的元件,(Symbol),或一个,(Group),。,补间动画,形状补间动画,(Shape),可以设置对象的形状变化。前提是此对象为,分离,状态。,(Break Apart),复习导入：,Flash,提供了一种简便方法来实现对象沿着复杂路径移动的效果，这就是引导层。带引导层的动画又叫轨迹动画。,引导层可以实现如,树叶飘落,，,小鸟飞翔，蝴蝶飞舞,，,星体运动,，,激光写字,等效果的制作。,Flash,的,引导层,动画,知识要点,掌握创建引导层的方法,掌握引导线的绘制方法,掌握将对象吸附到引导线起点和终点的方法,能通过模仿完成引导线动画实例的制作,轨迹动画由引导层和被引导层组成，引导层用于放置对象运动的路径，被引导层用于放置运动的对象。制作引导动画的过程实际就是对引导层和被引导层的编辑过程。,Flash,的,引导层,动画,1,、内容：,只放置绘制的运动路径。（引导线）,2,、作用：,使对象沿着绘制的运动路径（引导线）运动,3,、图标：,在引导层下方的图层称为“被引导层”,被引导,层会比其它图层往里缩进一些,。,一、引导层,引导层的创建方法,创建引导层的常用方法有：,用 按钮创建,用菜单命令创建,将普通图层转换为引导层三种方式。,二、引导线,1,、引导线不能是封闭的曲线，要有起点和终点,2,、起点和终点之间的线条必须是连续的，不能间断，可以是任何形状,3,、引导线转折处的线条弯转不宜过急、过多，否则,Flash,无法准确判定对象的运动路径,4,、被引导对象必须准确吸附到引导线上，也就是元件编辑区中心必须位于引导线上，否则被引导对象将无法沿引导路径运动,5,、引导线在最终生成动画时是不可见的,形状各异的引导线,引导层动画制作方法,-1,）在普通层中创建一个对象。,2,）单击 按钮，在普通层上层新建一个引导层，普通层自动变为被引导层。,3,）在引导层中绘制一条路径，然后将引导层中的路径沿用到某一帧。,4,）在被引导层中将对象的中心控制点移动到路径的起点。,5,）在被引导层的某一帧插入关键帧，并将对象移动到引导层中路径的终点。,6,）在被引导层的两个关键帧之间创建动作补间动画，引导动画制作完成。,引导层动画的制作要点,1,、一般将要移动的对象单独放在一个层，作为被引导层，在此层上面添加引导层。引导层一定要在被引导层的上方。,2,、引导层中只绘制运动路径，在被引导层中设置动作补间动画。,3,、启用“紧贴至对象”工具 ，指向元件的中心,点,拖动对象吸附到引导线的起点和终点。,4,、要使对象沿着路径旋转，需在被引导层的起始帧属性中，设置“调整到路径”。,5,、按,Enter,键播放动画，或按,Ctrl+Enter,键测试影片。,多层引导动画,多层引导动画，就是利用一个引导层同时引导多个被引导层中的对象。,一般情况下，创建引导层后，引导层只与其下的一个图层建立链接关系。如果要使引导层能够引导多个图层，可以将图层拖移到引导层下方，或通过更改图层属性的方法添加需要被引导的图层。,为一个引导层成功创建多个被引导层后，多层引导动画即创建完成。,任务制作“蝶恋花”引导层动画实例,蝴蝶围绕着花儿飞动，营造蝶恋花效果。,简单引导层动画，在2课时内完成,提供素材：图片信息（蝴蝶、花儿矢量图）,力求做出动感，比例合适。,实例构成,及设计思路,背景层：制作线形天蓝色到白色渐变背景，将花儿矢量图作为背景层一部分。,蝴蝶层：蝴蝶矢量图所在图层，用于固定蝴蝶起始和终了位置。,引导层：在此图层绘制引导线，制作引导动画。,根据构思，制作背景。,确定所需素材，并将素材导入到库中。,添加引导层并制作引导层动画。,制作时应注意的问题,色彩搭配和谐；,素材正确导入到库中；,正确应用引导层；,蝴蝶组件能正确沿引导线运动；,制作影片背景层,为了使制作出的,Flash MX,动画生动活泼，我们通常要对影片设计一个好的背景，利用渐变色作为背景是最常见的方法之一。背景效果入图：,操作步骤,(1)启动,FlashMX，,新建一个文件，将影片大小设置为宽：300,px，,高：400,px，,背景色设置为白色，帧频为 12,fps。,(2),双击层的名称，将层的名称改为“背景”。,(3)从工具箱中选择矩形工具，打开“混色器”面板将填充颜色设置为线性天蓝色到白色渐变，如图所示。然后在场景中绘制一个与影片尺寸等大的矩形。,(4)单击工具箱上的“填充变形”工具按钮，调整矩形中的渐变色为上蓝下白。,(5)选择“文件”“导入”菜单命令导入素材中的“,huaer.swf”,文件。,(6)移动“花儿”图象，调整位置，使之位于影片中心。,(7)单击“背景”层的第 35 帧，按,F5,键插入一个帧，将帧扩展到第 35 帧处。,(8),锁定背景层。,制作影片蝴蝶组件,蝴蝶是本动画实例的主角，下面我们就来制作位于被引导层的蝴蝶组件。蝴蝶组件如图：,操作步骤,(1)在选中背景层，插入一个新的图层，并将图层的名称改为“蝴蝶”。,(2)选择“文件”“导入”菜单命令导入本书第四章素材中的“,hudie.swf”,矢量图文件。,(3)选择“蝴蝶”图案，选择“插入”“转换为元件”命令，将蝴蝶矢量图转化为图形元件。,制作运动引导层,引导层的目的是引导蝴蝶元件沿着引导层上的曲线路径运动，引导层上的曲线决定着蝴蝶的运动路线。绘制出引导线如图所示：,操作步骤,(1)在选中蝴蝶层，右键单击图层名，选择弹出的菜单中的“添加引导层”命令，在蝴蝶层上方添加一引导层，将引导层名称改为“引导层”。,(2)单击常用工具栏的“铅笔”工具，并将常用工具栏下方的选项按钮设置为“平滑”。,(3)利用铅笔工具围绕着花儿的上方绘制如图曲线。,(4)单击引导层的第 35 帧，按,F5,键插入一个帧，将帧扩展到第 35 帧处。,(5)锁定引导层,制作曲线运动效果,制作好蝴蝶层与引导层，下一步是让蝴蝶沿着引导层做曲线运动，做出蝴蝶围绕着花儿飞翔的效果。,操作步骤,(1)选中蝴蝶层，单击引导层的第 1 帧。拖动蝴蝶元件，将蝴蝶元件的中心点与运动引导层的曲线起点对齐，如图 3.59 所示。,(2)在时间线面板上单击蝴蝶层的 35 帧，按,F6,键插入关键帧。,(3)拖动蝴蝶元件，将蝴蝶元件的中心点与运动引导层的曲线终点对齐，如图 3.60 所示。,(4)这一步操作的目的是确定蝴蝶沿曲线运动的起点和终点。效果如图显示：,第1帧蝴蝶位置,第35帧蝴蝶位置,(5)在蝴蝶层的帧编辑区上，单击鼠标右键，在弹出的菜单选择,“,创建补间动画,”,命令，帧编辑区上出现浅蓝色背景箭头，建立蝴蝶从左端移动到右端的曲线运动动画。,(6)保存动画，按,Ctrl+Enter,键，预览动画效果。,实例1：鸡宝宝过马路（书本实例）,实例2：龟兔赛跑（拓展实例）,课后作业,归纳小结,通过制作引导层动画，掌握,Flash MX,基本动画制作的操作方法，培养,Flash MX,软件的综合应用的相关经验。,学会利用辅助学习软件自主探究的学习方法，并能够互相学习，取长补短。,