Flash动画制作——曲线运动
教学目标:
掌握Flash动画制作中图层引导线的基本使用,并能熟练调整引导线成任意曲线;进一步熟练关键帧的设置与使用。
教学重点、难点:添加引导线,调整引导线,设置关键帧。
教材
分析:
本节内容是在学生
学习了Flash动画制作中基本的内容――直线运动动画和沿直线渐隐渐现动画的基础上,进一步学习Flash动画制作的一个新内容,与前面所学内容相比,本节要在一个图层的基础上新增引导线,并将引导线调整成任意曲线。这样就必需熟悉前面所学内容,并且掌握新的菜单项及工具按钮的使用。除此以外,还必需加强对关键帧的设置方法。同时,也要求学生能用几种不同的方法来完成同一种操作。
教学过程:
一、复习旧课,引入新课
提出问题,由学生来回答前面已学内容,其中适当加以提示,为学习新内容作好准备工作。
1、怎样设置一个组件?设置一个组件时要注意些什么?(由一到两名学生回答该问题,再加以简单讲解。)
首先必需选取定一个被操作的对象,再在菜单栏中选用【插入】菜单项的【转换成组件】(如图1)。这里还涉及到对组件的重新命名,并将组件设为“图形”(如图2)。
图1
图2
2、如何设置关键帧?
在设置完组件后,Flash自动将第一帧设为关键帧,这里主要是怎样设置最后一关键帧。先用鼠标点击第40帧,再用下面任意一种方法即设定最后一关键帧。
方法一:菜单设置,选用【插入】菜单的【关键帧】命令(如图3);
图3
图4
方法二:在第40帧处单击鼠标右键,在弹出的快捷菜单上选用【插入关键帧】(如图4)。
提出问题引入新课:前面学习的动画是让组件ball在一条直线上运动,那么我们能不能让一个组件沿我们自己设计的任意曲线运动呢?
二、讲授新课
1、新建组件ball,利用前面旧课的复习做出组件ball,具体操作步骤是:
①在工具栏选用〖椭圆工具〗在工作区画出一个圆;
②点击工具栏的〖颜料桶工具〗,再点击工具栏的〖填充颜色〗,选择球形渐变填充;
③选择〖箭头工具〗在圆的周围拉出一个矩形选择圆(如图5);或直接用鼠标单击圆。
④在菜单栏中选用【插入】菜单项的【转换成组件】命令(如图1);在弹出的“组件属性”(如图2)对话框的“名称”后输入“ball”,“类型”单选框中选择“图形”;此时,图层1的第一帧自动变为关键帧(如图6)
图5
图6
学生练习:学生各自在自己的机器上打开Flash5,按照以上操作步骤各自建立一个新的组件ball。
2、建立引导线图层
建立引导线的操作也可以采用Flash菜单栏的命令建立和右键快捷菜单命令建立,具体操作步骤如下:
方法一:在Flash菜单栏中选择【插入】菜单的【运动引导线】命令(如图7);
方法二:将鼠标移到“图层1”单击右键,弹出快捷菜单,在快捷菜单中选择【添加引导线】(如图8)
图7
学生练习:按照以上操作步骤建立图层1的引导线,根据学生各人掌握的程度和操作的熟练程度,要求已经领会了和操作较熟练的学生分别用Flash菜单和右键快捷菜单的方法建立引导线。
3、完成上面第2步操作(任意一种操作方法)后,在“图层1”的上方将出现“引导线图层1”(如图9),单击“引导线图层1”,调整引导线为任意曲线。
图9
①选用〖线条工具〗在工作区画出一条直线,再选用〖箭头工具〗单击直线选中直线(此时直线应变成加粗直线),即选择被操作的对象;
②单击工具栏上的平滑按钮(如图10),在工作区任意空白处单击鼠标左键,取消直线被选中的标记,将鼠标移至直线上,按住左键拖到鼠标,直线变成曲线(如图11);将鼠标移到曲线不同位置就可将原来的直线调整不任意曲线;
学生练习:练习制作任意曲线的方法。
此处操作的难点:①用〖箭头工具〗选择直线;②选择平滑按钮后,必需在工作区任意空白处单击鼠标左键,取消直线被选中的标记。
图10
图11
4、调整图层1,使图层1中的组件ball沿引导线图层所设计出的曲线运动,具体操作步骤如下:
①在〖时间线〗窗口中选择“图层1”,选择工具栏中选择〖贴紧对象〗(又名〖齐格线〗)按钮(如图10),用〖箭头工具〗拖动组件ball到“引导线图层1”所显示的曲线左端(如图12)
图12
②选择图层1的第40帧,用Flash菜单(如图3)或者用右键快捷菜单的方法(如图4)插入关键帧;选择引导线图层1的第40帧,用Flash菜单(如图3)或者用右键快捷菜单的方法(如图4)插入关键帧;
③选择图层1的第40帧,用〖箭头工具〗拖动组件ball到“引导线图层1”所显示的曲线右端;
④选择图层1的第1帧,单击鼠标右键,弹出快捷菜单,选择菜单【面板】项的【帧】(如图13),调出帧数窗口(如图14);
注:还可以用以下方法完成该操作:
①右键单击第1帧的组件ball,在弹出的快捷菜单上选择【实例】或者【效果】;
②在图层1中用鼠标左键双击第1关键帧。
⑤在帧数窗口“标签”输入框中输入“曲线运动”,“变化”的下拉菜单输入框中选择“动作”(如图15);帧数窗口变成如图16所示形状;选择“使路径适应”的选项(即在“使路径适应”前面的方框内单击鼠标打上勾)(如图您现在访问的是中国学科吧旗下
教案网http://www.jsfw8.com/jafs/
16);
图14
图15
完成以上设置后,就可以看到从图层1的第1帧有一条箭头指向第40帧,并且,背景变为淡蓝色(如图17),这就说明动作的变化已经赋予了组件ball。动画制作完成。
学生练习:定义并设置组件和引导线的开始关键帧及最后关键帧;设置图层1的动画,并学会判断动画是否已经设置完成。
此处操作的重点:组件的开始关键帧及最后关键帧一定要使用〖贴紧对象〗按钮;帧数窗口中“使路径适应”选项的选择。
此处操作的难点:帧数窗口的设置。
图17
图18
5、预览动画效果,选择Flash菜单【控制】中的【测试场景】命令(如图18)就可以预览以上制作动画的动画效果了。
6、保存文件,选择Flash菜单【文件】中的【保存】命令,或者单击工具栏的保存按钮保存文件。
三、课堂及课后练习
1、熟练图层引导线的绘制,并掌握制作任意曲线的技巧;
2、综合上一节课和本节所学内容,制作一个沿任意曲线运动并且组件渐隐(或渐现)的动画。
四、本课小结
教学反思:
本课主要是在前面学习的基础上,进一步加深对Flash的学习,增加引导图层的使用及设置,重点在于对图层中关键帧的帧数窗口部分选项的设置,如“贴紧对象”、“变化”和“使路径适应”等选项的设置。一部分同学对引导线理解不够,导致物体不能随着曲线运动,教师可对引导线的概念重点强调,同时强调物体的起点和终点的设置。您现在访问的是中国学科吧旗下教案网http://www.jsfw8.com/jafs/