《引导层动画.docx》由会员分享,可在线阅读,更多相关《引导层动画.docx(8页珍藏版)》请在三一文库上搜索。
1、电子商务网页美工课程教案袁鑫湖南商务职业技术学院教师授课课时计划课程章节FLASH 软件之图层的高级应用授课老师签字及 主 题(一):引导层动画教研室主任签字教学目的1. 知识与技能目标:能熟练使用图层及元件;能理解并掌握引导层动画原理,并能根据自身水平模仿教师完成动画制作、加工半成品或利用提供的素材创作动画。2. 过程与方法目标:通过启发引导式教学法,让学生在自主探究中发现问题和解决问题。同时掌握引导层路径动画的制作方法。3. 情感态度与价值观目标:通过本节课的学习一方面激发学生的科技探索精神;另一方面使学生在掌握引导层路径动画制作的同时,能够发挥自己的创作潜能,培养学生的探究和创新精神,提
2、升动画制作的整体素养。教学重点 引导层理解 引导层路径动画制作方法教学难点 动画制作过程中元件对齐及调整到路径 动画运动路径起始点问题教学方法讲授法实例演示法实践法授课班次授课日期授课地点教 学 过 程 及 内 容 提 要一、复习上次课内容二、新课内容 引导层动画的制作三、实验内容四、小结五、课后记电子商务网页美工课程教案袁鑫教 学 过 程 及 内 容 上节课知识回顾 运动补间动画的制作; 形状补间动画制作 新课内容教师首先采用 PPT 导入,演示知识点,小结;然后利用实例讲解引导层的制作方法与原理;最后学生理解知识点,思考并完成课堂练习。1. 引导层动画的定义将一个或多个层链接到一个运动引导
3、层,使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。2. 建引导路径动画的方法2.1 创建引导层和被引导层一个最基本“引导路径动画 ”由两个图层组成,上面一层是 “引导层”,它的图层图标为,下面一层是“被引导层”,图标同普通图层一样。在普通图层上单击时间轴面板中的“添加运动引导层”按钮,该层的上面就会添加一个引导层,同时该普通层缩进成为“被引导层”,如图所示。2.2 引导层和被引导层中的对象引导层是用来指示元件运行路径的,所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。而“被引导层”
4、中的对象是跟着引导线走的,可以使用影片剪辑、图形元件、按钮、文字等,但不能应用形状。电子商务网页美工课程教案袁鑫由于引导线是一种运动轨迹,不难想象,“被引导”层中最常用的动画形式是动作补间动画,当播放动画时,一个或数个元件将沿着运动路径移动。2.3 向被引导层中添加元件“引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端,被引导的对象起始、终点的 2 个“中心点”一定要对准“引导线”的 2 个端头,如图所示。在图中,我们特地把“元件”的透明度设为 50%,使你可以透过元件看到下面的引导线,“元件”中心的十字星正好对着线段的端头,这一点非常重要,
5、是引导线动画顺利运行的前提。3. 应用引导路径动画的技巧(1)“被引导层”中的对象在被引导运动时,还可作更细致的设置,比如运动方向,把“属性”面板上的“路径调整”前打上勾,对象的基线就会调整到运动路径。而如果在“对齐”前打勾,元件的注册点就会与运动路径对齐。(2)引导层中的内容在播放时是看不见的,利用这一特点,可以单独定义一个不含“被引导层”的“引导层”,该引导层中可以放置一些文字说明、元件位置参考等。(3)在做引导路径动画时,按下工具栏上的“对齐对象”功能按钮,可以使“对象附着于引导线”的操作更容易成功。(4)过于陡峭的引导线可能使引导动画失败,而平滑圆润的线段有利于引导动画成功制作。(5)
6、被引导对象的中心对齐场景中的十字星,也有助于引导动画的成功。电子商务网页美工课程教案袁鑫(6)向被引导层中放入元件时,在动画开始和结束的关键帧上,一定要让元件的注册点对准线段的开始和结束的端点,否则无法引导,如果元件为不规则形,可以按下工具栏上的任意变形工具,调整注册点。(7)如果想解除引导,可以把被引导层拖离“引导层”,或在图层区的引导层上单击右键,在弹出的菜单上选择“属性”,在对话框中选择“正常”作为图层类型。(8)如果想让对象作圆周运动,可以在“引导层”画个圆形线条,再用橡皮擦去一小段,使圆形线段出现 2 个端点,再把对象的起始、终点分别对准端点即可。(9)引导线允许重叠,比如螺旋状引导
7、线,但在重叠处的线段必需保持圆润,让 Flash 能辨认出线段走向,否则会使引导失败。4. 引导层动画实例讲解课堂实例 1:空中历险的飞机题目:一个飞机沿曲线运动,机头方向沿曲线。知识点: 通过引导层添加飞机的曲线运动路径 如何将运动对象吸附在引导线上 如何使飞机机头沿飞行线方向参考步骤:1、创建背景图层,将背景图片放入舞台2、创建飞机运动图层:(1)单击第一层的第 1 帧,输入飞机。(2)选择第 40 桢,按 F6 键插入关键帧。(3)建立 1-40 帧之间的飞机动作补间动画。3、单击时间轴窗口上的添加引导图层按钮,为第一图层增加一个引导图层。(提示:引导图层是专门用来制作运动轨迹的,在播放
8、动画的时候,电子商务网页美工课程教案袁鑫轨迹不会显示出来。)4、在绘图工具箱中选择铅笔工具,并选择铅笔工具的附属选项“平滑”。然后用铅笔工具在场景中画一个平滑曲线(按鼠标左键不放拖曳画曲线)。5、按下吸附按钮 ,选择第一层的第 1 帧。拖动第 1 帧上的飞机到曲线(轨迹线)的右端点上。(提示:注意拖动飞机前一定要保证吸附按扭被按下,这样在拖动鼠标时,中心出现的空心圆会自动吸附在轨迹线右端点,松开鼠标,飞机就会停在轨迹线的右端点,这就是运动的起点。)6、选择第一层的第 40 帧。用同样的方法将飞机拖动到曲线的左端点上。下面是图层结构示意图:课堂实例 2:制作枫叶飘飘的效果。(效果见:枫叶飘飘.s
9、wf)题目:利用引导层动画,制作如“枫叶飘飘的效果 .swf”所示动画。要求:树叶沿不规则曲线飘落,并逐渐变小。(有兴趣给动画配以抒情的音乐背景或者自己的诗朗诵录音片断)。知识点: 利用引导层动画制作树叶飘落的效果 各种动画的综合运用电子商务网页美工课程教案袁鑫“枫叶飘飘.swf”效果图参考步骤:导入背景及枫叶到库中;将枫叶转化为元件,并制作相应的引导层,图层提示如下图所示:课堂实例 3:毛笔字效果。(效果见:毛笔字效果.swf)题目:利用引导层动画,制作如“毛笔字效果.swf”所示动画。要求:毛笔沿着文字的书写顺序移动。(有兴趣给动画配以抒情的音乐背景或者自己的诗朗诵录音片断)。知识点: 利
10、用引导层动画制作毛笔字的效果 各种动画的综合运用“毛笔字效果.swf”效果图电子商务网页美工课程教案袁鑫参考步骤:见教师演示。图层提示如下图所示:5. 课堂思考:1、引导层动画的原理是什么?2、制作引导层动画至少需要几个图层?3、勾选【调整到路径】选项对引导层动画有什么影响? 学生实验内容:实验 1:制作蝴蝶花中飞效果。(效果见:蝴蝶花间舞.exe)基本步骤省略,见教师课堂演示。实验 2:制作一个毕业语录效果。(效果见:毕业语录.exe)基本步骤省略,见教师课堂演示。实验 3:制作一个小球沿着某种轨迹运动的动画效果。(效果见:运动的小球.swf)基本步骤省略,见教师课堂演示。电子商务网页美工课程教案袁鑫实验 4:结合上例,制作多个小球沿着各自的轨迹进行运动的效果动画。(效果见:天体运动.exe) 小结通过教师对动画的讲授与演示,让学生完全掌握引导层动画的制作原理以及制作过程。 课后记