本站QQ客服在线 |
视频标签：形状补间动画,图形变形
所属栏目：信息技术优质课视频
视频课题：初中信息技术人教版八年级上册第3课形状补间动画图形变形
教学设计、课堂实录及教案：初中信息技术人教版八年级上册第3课形状补间动画图形变形李俊芳
形状渐变动画
教学目标 知识与技能:
1、 认识形状渐变动画的概念,掌握形状渐变动画的制作方法。
2、 学会使用影片剪辑元件及用工具绘制图案。 过程与方法：
教师展示“五朵小花变文字.swf”让学生观看，询问用我们以前学过的方法是否可以做出这样的动画。教师展示、剖析“五朵小花变文字.fla”。如何制作出这样的动画呢？导出本堂课主题：形状渐变动画。学生看书上机练习制作，制作过程中存在问题，学生、教师共同解决。巩固、提高练习。最后，小结本堂内容。
情感态度与价值观：
通过本节课的学习，培养、锻炼了学生的自学能力、观察能力和探索能力。培养了学生的审美观、提高了学生的审美能力。同时锻炼了学生的细心、仔细观察、小心操作。以及培养了学生的创新意识和能力。
教学重点：
1、 形状渐变动画的条件。 2、 将对象分离成矢量图。 3、 形状补间动画的制作方法。 教学难点：
1、 矢量图、位图、元件实例或组合体的判定。 2、 创建关键帧的制作方法。 3、 形状补间动画的创建。 课 型：新授课 课时安排：1课时
教具准备：教材、极域教学软件、多媒体网络机房、五朵小花变文字.swf、五朵小花变文字.fla、矢量图形的判断.fla。
教学过程：
一、 教师展示“五朵小花变文字.swf”让学生观看，询问用我们以前学过的方法是否可以做出这样的动画。教师展示、剖析“五朵小花变文字.fla”。如何制作出这样的动画呢？
二、 导出本课主题：形状渐变动画 1、 请一位学生朗读本节课的学习目标。
2、 形状渐变是Flash常用的一种动画制作方式，又称形状补间。即通过补充两个关键帧间的形状，创建类似于形变的效果，使一个形状看起来随着时间的推移变成另一个形状。
教师活动：剖析“五朵小花变文字.fla”中各个图层中各关键帧中的矢量图，选中起止两关键帧中的任意一帧，在属性面板的“补间”选项中选择“形状”，从而创建形状补间动画的过程，并一边用鼠标拖动时间轴，一边讲解“使一个形状看起来随着时间的推移变成另一个形状”的形状补间动画的概念在动画中的运用及再现，一边让学生用心聆听、仔细观察并用心体会小花渐变文字的形状渐变动画的过程。
3、 制作形状渐变动画的条件：形状渐变的起止对象都必须是矢量图形。Flash软件工具箱中工具绘制的都是矢量图形，可以直接制作形状渐变。
4、 如何判断图形对象是否是矢量图形。
教师活动：将“矢量图形的判断.fla”发至学生机，学生通过看书判断。请一位学生回答。
学生活动：判断图形对象是否是矢量图形的最简单的方法是使用选择工具将图形对象全部选中，若选择的图形对象为点状色表示（内部布满小白点），没有边框包围，它就是矢量图；若选择的图形对象被麻绳包围，它是位图；若选中的图形对象被蓝色的细线包围，它是元件实例或组合体。
5、 如何将图形对象转换为矢量图形。
若变形对象是组合体、位图或元件实例，必须先将这些对象“分离”。如何分离？
教师活动：在“矢量图形的判断.fla”中，将文字组合体“动画”分离为矢量图。
学生活动：用flash8软件打开教师发送到桌面上的“矢量图形的判断.fla”文件，将文字组合体“动画”选中，利用菜单“修改---分离”或快捷键Ctrl+B或在选中文字上击鼠标右键，在弹出的快捷菜单中选择“分离”，将“动画”两字进行再次分离成矢量图。
教师活动：请一位学生给大家演示分离“动画”文字的方法，并
对学生的方法加以评价和补充。
学生活动：仔细观看，用心体会。并再次上机实验操作。 师：“动画”文字为什么要进行再次分离？
生：因为“动画”文字是一个组合体，第一次分离是将组合体分离成为单个的元件，将单个的元件再进行第二次分离，才能将“动画”文字分离成矢量图。
6、 形状补间动画的制作方法
教师活动：根据教师剖析“五朵小花变文字.fla”的形状渐变动画的原理和过程，学生尝试制作“一朵小花变文字”的形状渐变动画。
在制作小花时，选择工具面板中的选择工具，将鼠标旋转在小圆上边缘，当鼠标光标变成 时，按下键盘Ctrl或Alt，向下拖动鼠标，鼠标光标变成状态，继续向下拖动鼠标，改变圆形花朵的形状。
由小圆变小花时，为什么要按下键盘Ctrl或Alt再拖动鼠标？不按下键盘Ctrl或Alt直接拖动鼠标，对圆形的改变有什么区别呢？
学生活动：上机操作，体验、理解区别。
教师活动：按下键盘Ctrl或Alt再拖动鼠标，比不按下键盘Ctrl或Alt，向下拖动鼠标，制作出的花朵形状要好看，圆形变成小花较规整、美观。以此方法，今后在做任何图形时，都可利用这种方法制作出规整、美观的图形。目的是完善学生对Flash8工具绘制图案的方法。
学生活动：尝试制作“一朵小花变文字”的形状渐变动画，大胆尝试，提高了学生的胆大心细的能力，细心观察的能力及勇于探索、
动手动脑的能力。
教师再详细讲解制作“一朵小花变文字”的形状渐变动画的过程。为节约时间，新建的影片剪辑元件不起名，默认，但要强调在类型中选择“影片剪辑”。在影片剪辑元件中，默认的图层1中的第1帧为空白关键帧，不需修改，只需在舞台上绘制出小花，第1帧中的空白关键帧自动转变为关键帧。在第40帧上插入关键帧（插入关键帧的方法在前面的章节中已经学习，在这里教师只需提醒，学生回顾），输入文字并转换为矢量图，在1—40帧中的任意一帧中单击，在属性面板的“补间”选项中选择“形状”，用鼠标拖动时间轴，观察、体会形状渐变动画。最后，回到场景1，将影片剪辑元件拖拽到舞台，测试影片。
学生活动：认真、细心听教师讲解，回忆刚才自己在制作过程中存在的问题，再次动手上机操作，制作完成。保存作业并提交教师机。
利用这种原理和方法，上机制作“自己姓名的汉字”形状渐变动画，或自己创意制作任何内容的形状渐变动画。
教师活动：巡视学生上机操作，个别辅导讲解。遇到几个学生同时存在的问题，及时纠正、补充、说明，帮助学生顺利完成任务；并发现有想法、有创意的学生作品提醒、告知全班学生，希望打开学生的思维，让每位学生都能做出与众不同的、性格各异的作品，体现学生的个性和创意。
教师展示一到两个较有创意较好的学生作品，师生共同赏析及点评。
作业提交
学生将自己制作好的“一朵小花变文字.fla”形状渐变动画、自己创意制作的形状渐变动画作品保存并提交到教师机。
课堂小结
1、 形状渐变又称形状补间。一种形状渐变到另一种形状（位置、大小、颜色）
2、 形状渐变的条件。起止对象都必须是矢量图形 3、 如何判断矢量图。 4、 如何分离、转换为矢量图。 5、 形状补间动画的制作方法。 巩固练习与提高
１、创意制作：学生尝试制作“自己姓名的汉字”形状渐变动画，或自己创意制作任何内容的形状渐变动画。
２、教师巡视，个别辅导。展示个别有特色学生作品，并师生共同赏析、点评。
板书设计：
第5课 形状渐变动画
教学目标
1、认识形状渐变动画的概念，掌握形状渐变动画的制作方法。 ２、学会使用影片剪辑元件及用工具绘制图案。 一、形状渐变动画 １、概念
２、形状渐变动画的条件-----矢量图 ３、如何判断矢量图及转换为矢量图。 二、小花变文字形状渐变动画的制作过程。
课后记：
虽然在做形状渐变动画前反复给学生强调起止关键帧是必需是矢量图，但仍有部分学生在制作过程中犯这样的错误，看来还需学生加强练习，才能掌握。
由于学生初次使用影片剪辑，对于影片剪辑的认识还有点迷糊，部分学生在影片剪辑中制作好的动画就直接测试影片，可达不到预期的动画效果，学生却找不到原因。说明让学生练习的还是太少，学生还是不能准确理解影片剪辑使用的意义。不过在后续章节中还要专门讲到这部分知识，所以学生有这样的现象也是正常的。是为后继的学习做铺垫打基础。
有个别学生尝试制作多个小花同时变文字（增加图层，在不同图层上制作渐变动画）。由于大多数学生到本堂课结束，才刚刚对形状渐变动画的整个制作过程有所领悟，所以对于稍复杂的动画，我在后继课堂上再引导学生上机尝试创意。
利用本节所学的知识点，学生要想达到完全掌握并能创意出自己的满意作品，至少还需一到两节课的反复巩固、练习、加强，并让学生在知识的接受上要有一个消化吸收的过程，不能急于求成。
视频来源：优质课网 www.youzhik.com
