搜索
宁国汇基电脑学校授课教师：俞松松网页三剑客课堂教学教案课程名称网页三剑客教学对象单科专业教材《网页设计与制作教程》授课内容第五章FlashMX2004的动画制作（二）课时3课时教学目的与要求通过教学，使学生掌握以下技能熟练掌握形变动画的制作熟练掌握变形精灵的使用重点难点形变动画的制作要领变形精灵的使用课型新授课教学方法讲授法教学过程设计（包括讲授知识、演示内容及案例、提问及学生演示内容）一、导入课题（20～30分钟）本讲使用案例导入课题。观看3～4个动画短片。以提高学生的学习兴趣。过后提问学生：在这些动画短片中有哪些部分是发生了形状的变化？总结学生的回答。加以讨论。如果使用我们前一章的学习内容，逐帧动画，可否完成刚才所观看到的形状变化的动画。如果可以，我们该怎么样制作？二、知识剖析上面我们大家已经看到了在这些动画短片中，所使用的部分动画在运动过程中发生了形状的改变，那么这些动画就是我们本章所学习的动画类型：形变动画。下面我们来学习形变动画的制作。本章内容共分为三部分。宁国汇基电脑学校授课教师：俞松松教学过程设计（续表）形变动画基础（15～20分钟）1.简述通过改变首尾两帧上对象的外部形状，也可改变对象的位置、尺寸、颜色，来产生动画。2.制作时要点首尾帧上的对象必须是矢量图形、如果是文字或位图的话，必须要先分离。形变动画的创建（35～40分钟）创建步骤：1、新建400×300pix画布；2、选中层一中的第一个关键帧，使用工具箱中的矩形工具绘制一个正方形；3、在第20帧处，创建关键帧（F6），在此关键帧上使用工具箱中的圆形工具创建一个正圆；4、选中第一个关键帧和第20个关键帧中间的普通帧，在属性面板补间下列菜单中选择“形状”补间；5、按“Ctrl+Enter”测试动画。属性面板：外形渐变的属性设置Blend（过渡模式）：I.Distributive（分散过渡）：可使中间帧的形状过渡更光滑、更随意。II.Angulor（棱角过渡）：使中间帧的过渡形状保持关键帧上图形的棱角。此模式只适用于有尖锐棱角的图形变换，否则Flash将模式转为分散模式。Easing（减速）：设定图形在形变运动的首末帧处进行减速。点击小三角按钮后，拖动滑块，向上拖动，表示在末帧处减速，运动是由快到慢；向下拖动，则反之。数字越大，表示减速程度越深。默认状态为0，表示匀速运动。变形精灵⑴变形精灵可以控制图形间对应部位的变形。利用变形精灵可以制作复杂的形变动画。⑵变形精灵的创建：①在已创建好的变形动画上选取起点帧的图形；②执行Modify→Transform→AddShapeHint，添加变形精灵，起点图形上出现一个写着“a”的红色的变形精灵；宁国汇基电脑学校授课教师：俞松松教学过程设计（续表）③将变形精灵放到一个适当的位置，点取终点帧，发现图形上有一个同样的红色的变形精灵a；④重复步骤②、③，添加变形精灵b、c、d；变形精灵的删除I.要删除单个变形精灵，将变形精灵拖出画板即可II.要删除所有变形精灵，选择Modify→Transform→RemoveAllHints命令实例(50分钟)1、安装进度条2、文字的形变3、形变动画与逐帧动画结合实例宁国汇基电脑学校授课教师：俞松松复习思考题作业上机任务理论作业：1、形变动画可以对图形哪些属性产生作用？2、作文字形变时应该注意什么？3、变形精灵有什么作用？4、Frame面板中,Blend选项有什么作用？详细说明。5、现要将动画作成匀速运动，该怎样做？6、比较本讲与上讲中的进度条实例，说说逐帧动画与渐变动画在制作方法与效果上有何不同。上机操作：1、试用图形变为文字来作一形变动画。图形可以是任意的矢量图形，文字自选。参教文献《网页设计与制作教程》《Flash完全自学手册》课后记（或归纳小结）本节课我们主要讲解了以下内容：1、形变动画的制作要领。2、变形精灵的使用3、形变动画的制作