形状渐变动画.docx

《形状渐变动画.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、形状渐变动画一、教学目标:知识目标：1.掌握形状渐变动画制作的原理2.制作简单的三形互变动画3.自由变形工具能力目标1.根据形变类型分析，能完成典型形变小动画制作2.根据技能掌握程度，能力争完成综合应用实例3.能在实践过程中学会思考并归纳小结情感目标1.增加学生对课程的专业情感，为后面的技能学习作铺垫2.在技能实践中，增强同学间的互助意识，培养合作精神二、教学重点与难点:形状渐变动画制作的原理三、教学方法:演示比较法自主探究法、总结归纳法四、教学手段与教学媒体多媒体网络教室。五、教学课时:2课时五、教学过程:导入：实例

2、说明:本例制作一个三形互变的动画。其效果是手形变成圆形，圆形变成方形。实例中应用了形变动画的制作技巧，如果掌握了本例就掌握了形变动画的制作方法。技术要点:使用直线工具，椭圆工具和颜料桶工具绘制手形，圆形、方形；自由变形工具的功能和形变动画制作的方法教学步骤:一、形状渐变动画原理形状渐变是动画制作的常用手法，它只能应用于打散的图形。其计算方法是在相近的特征处平滑变换。作者可以充分发挥想象力，创作出构思巧妙的动画作品。原理：Flash自动变形技术可以将一种形状自动变形为另一种形状.制作者只需要指定起始的图形和结束的图形,中

3、间的过渡部分就可由Flash自动完成.二、自由变形工具(FreeTransformTool)自由变形工具用来对选中的对象进行各种变形,包括缩放、旋转、歪斜及扭曲，等等。该工具有5种变形模式，分别是：自由变形模式、旋转和歪斜变形模式、缩放变形模式、扭曲模式和环绕变形模式。三、操作步骤：1.新建一个Flash文件，2.选中第1帧，然后选择铅笔工具，在舞台中央绘制一手形轮廓，填充颜色为橘黄色，并将其打散。3.选中第10帧，插入关键帧，然后选择椭圆工具，在舞台中央绘制一圆，填充颜色为橘黄色。4.选中第20帧，插入关键帧，然后选

4、择正方形工具，在舞台中央绘制一正方形，填充颜色为橘黄色。5.选中第30帧，插入帧，使得方形在屏幕上停顿几秒钟。6.选中第1帧，在属性面板中设置如下：Tween----Shape（设置形状渐变动画）7.依次在第10、20帧处设置运动属性为：shape（形状渐变动画）8.按住Ctrl+Enter，预览动画。四、练习1.做一个三形互变动画。2.练习使用自由变形工具，将图形做缩放，扭曲变形。第2课时颜色形状渐变动画教学目标:1.掌握颜色形状渐变动画的制作2.了解由大变小、由小变大动画的制作方法3.填充调整工具的使用教学重点与难

5、点:1.颜色渐变动画的制作2.填充调整工具的使用实例说明:本例制作一个颜色不断变化的球体。颜色由绿色变为红色，在从红色变为兰色，反光部分随之移动。技术要点:绘制基本图形，填色及使用填充调整工具调整填充效果；使用形变动画技术制作色彩变化效果教学方法:实例演示法教学课时:1课时教学步骤:一、填充调整工具（FillTransformTool）填充调整工具可以编辑的填充方式有3种：线性渐变填充、辐射渐变填充和位图填充。下面以线性渐变填充的调整为例来说明该工具的使用方法。1.从工具箱中选择填充调整工具2.在舞台中选中要调整填充的

6、对象，这时在该对象上将会出现控制柄，3.拖动中心控制柄可以调整填充中心的位置。（在flash中为学生演示起效果）4.拖动旋转控制柄可以调整填充的方向5.拖动比例控制柄可以调整线型的填充范围。二、操作步骤：1.新建flash文档2.选中第1帧，从工具箱中选择椭圆工具，在属性面板中选择颜色按钮，打开拾色器。按住shift键在场景中绘制一个圆形。3.选择颜料桶工具，打开拾色器。选择拾色器底部第2个色块，然后将鼠标移动到圆形上方为图形填色。4.选择填充调整工具，单击场景中的圆形。这时在圆形周围出现调节句柄，使用鼠标移动句柄，就

7、可以修改图形反光部分。5.选中第15帧，插入关键帧6.打开颜料桶工具的拾色器。选择拾色器底部第3个色块，然后将鼠标移动到图形上方为图形填色。使用填充调整工具修改图形反光部分。7.选中第1帧，在属性面板中设置运动属性为Shape，在第1帧和第15帧之间创建形变动画。8.在第30帧插入关键帧。打开颜料桶工具的拾色器。选择拾色器底部第4个色块，然后将鼠标移动到圆形上方为图形填色。使用填充调整工具修改图形的反光部分。在第15帧和第30帧之间创建形变动画。9.在第45帧插入关键帧。打开颜料桶工具的拾色器。选择拾色器底部第5个色块

8、，然后将鼠标移动到圆形上方为图形填色。使用填充调整工具修改图形的反光部分。在第3帧和第45帧之间创建形变动画。10.按住Ctrl+Enter，预览动画。三、练习1.按教师所讲，制作动感球体动画。小结.教学后记：