《《形变动画的精确控制》教学设计(共6页).doc》由会员分享，可在线阅读，更多相关《《形变动画的精确控制》教学设计(共6页).doc（6页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、精选优质文档-倾情为你奉上形变动画的精确控制教学设计赣南教育学院 汪宏海所属学科：计算机科学与技术所属专业：计算机应用技术课程名称：FLASH动画设计适用对象：专科层次计算机多媒体技术及相关专业大学二年级学生一、教学背景目前，Flash动画已成为网络多媒体的主力，其强烈的视觉冲击力给浏览者留下了深刻的印象，广泛应用于广告、网络动画、多媒体教学软件、游戏设计、企业介绍、产品展示、电子相册等领域。Flash 动画设计作为一种应用广泛和不断发展创新的计算机二维动画主流技术，已成为很多高校计算机多媒体技术和相关专业的重要基干课程。因此，如何使学生在有限的学时内更好的掌握这门课程，需要我们广大教师探索新
2、的教学方法，不断在教学实践中总结各种教学方法的特点、适用场合。总体来说Flash动画设计这门课程常用的教学方法有：案例教学法、问题导向教学发、任务驱动教学法、项目教学法、分层教学法等。各种教学方法的综合、灵活应用对提高课堂教学效果和学生学习兴趣具有非常重要的作用。本视频通过对形变动画的精确控制这一内容进行讲解，综合应用各种教学方法把相关的基本理论、基础知识讲解透彻，并通过实际操作让学生亲自体验，让学生成为课堂上积极主动的角色，培养其主动学习，终身学习的意识和创新能力。二、教学内容分析Flash的动画类型主要有位移动画、形变动画、逐帧动画、路径动画、蒙版动画、脚本动画等，形变动画主要分两类，一类
3、是不需要精确控制的，另一类是需要精确控制的。在这两类中，需要精确控制的是形变动画制作中的重点和难点。本课主要介绍形变动画的精确控制方法。三、教学方法与教学策略根据对学习对象的分析制定出以下教学方法：案例教学法、问题导向法、任务驱动教学法相结合教学法等。基于学生学习课时紧、任务重，但学生对动画的兴趣浓等特点，首先通过给学生展示两个不同的形变动画，让学生经思考哪一个是需要精确控制的形变动画；再导出形变动画精确控制的概念；再通过实际案例的制作，边演示边讲解，逐步把其中的重点和难点讲解清楚，让学生掌握形变动画精确控制的基本方法；最后给学生布置练习进一步熟悉、巩固所学知识。在整个课堂教学过程中，以案例为
4、主线，把案例分解为一个一个单独能完成的小任务，并通过设置一系列合理的问题，以问题为核心逐步引导学生掌握解决这些问题的知识和方法，从而完成一个一个的子任务的制作，进而完成整个案例的制作。四、教学目标、重点、难点1.教学目标(1)理解需要精确控制形变动画的概念；(2)掌握形变动画精确控制的步骤和方法；2.教学重点形变动画精确控制的方法。3.教学难点通过形状提示点精确控制对象的方法和步骤。五、教学过程1.何谓形变动画的精确控制？下面有两个形变动画实例，大家区分一下这两个实例中，哪个是不需要精确控制的，哪个是需要精确控制的。 分析：第一个动画是由鸡变成鸭，再由鸭变回鸡，它反映的是一种慢慢变化，也就是一
5、种渐变，这种变化是不规则的，没有规律的，我们称这种动画为不需要精确控制的形变动画；第二个动画中有一个立方体，在立方体内部有一个变形体沿着立方体的轮廓不断的变化，这种变化是按照预先设计好的变化进行的，也就是说是一种有规律的变化，我们称这种动画为需要精确控制的形变动画。那么，形变动画的精确控制究竟如何实现的呢？我们通过实例的制作来看看究竟是如何实现的。2.制作立方体(1)新建一个文件，画一个立方体轮廓：选择矩形工具，去掉填充色，边框色设置为黑色，画一个矩形（200*100），按Ctrl+T打开变形面板，倾斜45度，用Alt键复制一份，再用直线工具把对应的点连接起来。(2)立方体里面三条线被遮挡住，
6、应该画成虚线表示。新建一个图层2，把图层1改名为实线，图层2改名为虚线，再在图层“实线”中选择此三条直线，按Ctrl+X，把它原位置粘贴到图层“虚线”中，再把“虚线”图层放置在“实线”图层的下面，最后再把“虚线”图层里的三条直线改为虚线效果。 3.绘制变形体三角形和平行四边形(1)再新建一个图层3，改名为“变形体”，让“变形体”图层放在“实线”图层和“虚线”图层之间。 (2)变形体刚开始是三角形，所以我们开始应该画一个三角形，用直线工具画，直线颜色设置为红色。 (3)用颜料桶工具给“变形物体”图层中的三角形填充一个半透明绿色：在选择颜色工具后会弹出颜色选择框，选择绿色，里面有个Alpha设置，
7、默认是100%，把它修改为50%，再用颜料桶工具把三角形填充为绿色，此时填充的绿色即是半透明的绿色，后面的虚线就可以看见了。 (4)在“变形体”图层的第15帧处按F7键，通过按F5键让其它两个图层里的对象也延长显示到第15帧，再这个空白帧里画一个平行四边形，也填上半透明绿色，平行四边形的线条颜色为红色。 4.检查形变动画制作的条件是否满足两个基本条件：一是要求对象必须为散件（图形）； 二是在两个不同对象之间创建补间形状。因为我们这个动画所需的素材都是自己通过线条工具画的，全部都是散件(图形)，所以不存在元件转换成散件的问题，也即第一个条件满足，在第1到第15帧之间“创建补间形状”后，形变动画的
8、两个基本条件就都满足了。5.调试运行 (1)调试运行，可能会发现变形的方式不是跟我们实例里不一样，如果运行效果不是我们想要的效果怎么办？ 这就需要对形变动画进行精确控制。 (2)如何进行精确控制？ 通过添加形状提示（控制点），用控制点来进行控制。 6.控制第一次变形再调试运行，可能会发现变形方式还跟我们实例里不一样，造成这种情况的原因是什么呢？大家把“变形物体”图层第1帧里的三角形放大并让控制点显示，就会发现c点和d点放在两条边的交叉点上，这样就会造成c点和d点不知道控制哪条边这种类似职责不明确的情况，这就是跟实例不一样的原因。修正这种情况的方法是：让c点不要放在交叉点上，让它放在它要控制的边
9、上，d点也类似。重新调试运行，发现就是我们要的效果。7.控制第二次变形在第30帧处按F7，上面和下面图层都在第30帧处按F5键，在“变形物体”图层上第30帧里画一个矩形（和立方体正前面相对的面），然后填充半透明绿色，再“创建补间形状”，运行后发现没问题，不需要精确控制。8.控制第三次变形在“变形物体”图层第45帧处按F7键，上面和下面图层都在第45帧处按F5键，在这个空白帧中画一个矩形，填充半透明绿色，再“创建补间形状”，调试运行发现跟实例不一样，需要进行精确控制，在第30帧里执行“添加形状提示”四次，出现四个控制点，放好四个控制点的位置（从左上角沿着顺时针方向放），在第45帧里也按这个方向放
10、好四个控制点，调试运行发现也不行（因为控制点都放在边的交叉点上），调整方法跟前面类似（a点控制左边的斜边，其它控制点沿顺时针方向放）。 9.控制第四次和第五次变形 (1)在“变形物体”图层第60帧处按F7键，上面和下面图层都在第60帧处按F5键，在这个空白帧中画一个矩形，填充半透明绿色，再“创建补间形状”，调试运行发现跟实例一样，不需要进行精确控制。 (2)在“变形物体”图层第75帧处按F7键，上面和下面图层都在第75帧处按F5键，在这个空白帧中画一个矩形，填充半透明绿色，再“创建补间形状”，调试运行发现跟实例一样，不需要进行精确控制。为了让动画播放完一遍后有个停顿效果，需要把三个图层中的帧都延长演示到第80帧，即在第80帧处分别按F5。到此为止，实例制作完成。六、教学总结形变动画精确控制的方法1. 设置好变形前和变形后的变形对象； 2. 根据控制的对象添加形状提示点(控制点)； 3. 在变形前的对象上分配控制点； 4. 在变形后的对象上分配控制点； 5. 调试运行，不断完善，如果跟预期效果不同，调整控制点。形变动画精确控制的方法总结成十个字：设置、添加、分配、调试、完善。在总结方法时，结合实例制作过程着重进一步解释每一步骤的作用。七、课后练习参照下面“立方体变形”的播放效果，用形变动画精确控制的方法完成从右、上、左、下的变形效果，具体效果参见PPT课件。专心-专注-专业