资源简介

(共47张PPT)
《动画角色变身》
河北大学版 初中版第二册
教学目标
1.信息意识：建立将学习其他软件的方法应用到学习制作“倒计时水晶球”中的意识；
2.计算思维：培养使用动画程序制作更多创新作品的思维方式；
3.数字化学习与创新：有效地管理学习过程与学习资源，创造性地解决问题，从而完成学习任务，形成创新作品的能力。
4.信息社会责任：应以一种有利于信息社会的方式使用信息技术，开展生产、生活、学习等信息活动。
新知导入
制作动画的时候我们总说矢量图，那同学们知道什么是矢量图吗？
新知讲解
计算机合成图像也称为矢量图形。矢量图，也称为面向对象的图像或绘图图像,在数学上定义为一系列由点连接的线。矢量件中的图形元素称为对象。每个对象都是个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。
新知讲解
动画角色的变身是利用了变形动画的动画形式，这种动画将一种对象逐渐变化为另一种对象。在Animate软件中，可以将图形、分离的文字和由位图转换的矢量图进行变形，但不能将实例和群组等对象进行变形。
新知讲解
学习任务
制作一个倒计时水晶球动画,如图所示(要求:动画时长9秒)。(样例为配套教学资源中的“第2章\样例”中的“倒计时水晶球.swf”）
其中，球体逐渐变色，数字逐渐演化倒计时。
新知讲解
任务分析
1.动画角色分析
观察右图可以发现，该动画有3个动画角色。分析它们，可以发现它们各具特点，如下表所示。
新知讲解
动画角色分析
动画角色 内容 状态 来源
倒计时数字 5至1，两两之间变形生成 动态 可绘制
水晶球 带有渐变效果且不断变换颜色 动态 可绘制
架子 图片 静态 可绘制
表格如下：
新知讲解
因此，本任务需要设计3个元件，分别是倒计时数字、水晶球和架子，因其各自状态不同，前两个元件的类型为影片剪辑，而最后一个元件的类型为图形。
新知讲解
2.角色动作设计
对于“倒计时数字”而言，需要设计两种动作，一种是每个数字停留一定时间，如0.5秒;另一种是由一个数字向另一个数字的逐渐变形，可以让变形过程持续0.5秒。
新知讲解
由于每个数字在停留的一定时间内没有任何变化，所以可以用插入普通帧的方式延长该关键帧的内容。而数字5变化到数字4，是一个逐渐变形的结果，如右图所示。因此，用逐顿动画和补间动画来实现并不方便，这需要借助另外一种动画形式——变形动画。
新知讲解
对于“水晶球”而言，并没有发生外形上的改变，只是颜色上有变换，如下图所示。为了充分展示颜色的变换过程，应该考虑播放时间的设计，如从一种颜色变换到另一种颜色可以考虑播放时间设置成1秒，其中包含停留的0.5秒时间。
新知讲解
操作指南
1.新建文件并保存
①新建文件。
②执行“文件”→“保存”命令，以“倒计时”为名保存该动画文件。
新知讲解
2.设计倒计时数字元件
（1）新建元件。执行“插入”→“新建元件”命令，以“数字”为元件名，元件类型设为“影片剪辑”。
新知讲解
（2）设置数字5的停留时间。
①修改图层名为“数字”。
②单击第1帧，利用工具面板的“文本工具”在舞台上输入数字5。
③右击第12帧，在快捷菜单中执行“插入关键帧”命令。
新知讲解
（3）创建数字5到数字4的变形动画
①设置变形的起始关键帧。右击第13帧，在快捷菜单中执行“插入关键帧”命令。
②设置变形的终止关键帧。右击第24帧，在快捷菜单中执行“插入空白关键帧”命令，然后利用“文本工具”在舞台上书写数字4。
③分离起、止关键帧的对象。选择第13帧，右击数字，在快捷菜单中执行“分离”命令，如图所示。同样方法分离第24帧的数字4。
新知讲解
④创建变形动画
右击第13帧和第24帧之间的位置，在快捷菜单中执行“创建补间形状”命令，如图所示。
（4）创建其他数字之间的变形动画。方法与（3）类似，只是起、止关键帧的内容和帧数不同。
（5）退出元件编辑环境。
新知讲解
3.设计水晶球元件
（1）新建元件。
①执行“插入”→“新建元件”命令，以“水晶球”为元件名，元件类型设为“影片剪辑”。
②修改图层名为“水晶球”。
新知讲解
（2）绘制水晶球。
①选择工具面板中的“椭圆工具”。
②在属性面板中，设置笔触颜色为无，填充颜色为绿色渐变色，如图所示。
③在舞台绘制水晶球。(提示:按住Shift键，可以绘制正圆形)
新知讲解
（3）创建水晶球的变形动画
水晶球的动画与数字的动画关键帧位置相同，只是内容不同。因此，制作方法与数字变换相似。制作完成后，退出元件编辑环境。
新知讲解
4.导入架子图片
①执行“文件”→“导入”→“导入到库”命令。
②在“导入到库”对话框中，选择需要导入的图片文件，如“架子jpg”(图片素材在配套教学资源中的“第2章\素材”中)，单击“打开”按钮，导入架子图片。
新知讲解
5.场景调用各元件
①调用“水晶球”。将场景中图层名改为“水晶球”，拖动“库”中的“水晶球”元件到舞台中，并适当调整大小和位置。可通过执行“窗口”，“库”命令，调出“库”面板。
②调用“数字”。新建图层，取名为“倒计时数字”，拖动“库”中“数字”元件到舞台中，并适当调整大小和位置。
③调用“架子”。新建图层，取名为“架子”，拖动“库”中“架子”元件到舞台中，并适当调整大小和位宣。
新知讲解
6.调整图层层次
根据情况调整图层层次，可通过拖动图层上下移来实现。
7.测试影片，保存动画，导出影片
按已掌握的方法完成影片的测试并保存动画文件，然后导出影片。
新知讲解
最后我们一起观看视频，学习一下渐变的倒计时是怎么制作的吧！
新知讲解
任务小结
补间形状动画概念及其创建步骤。
（1）补间形状动画概念。
一个图形对象经过形状、颜色、位置大小等变化，转变为另一个图形对象的动画。
新知讲解
（2）创建步骤。
①在起始关键帧绘制一个图形，或插入一个经过分离的元件。
②在终止关键帧绘制一个图形，或插入一个经过分离的元件。
③创建补间形状动画。
新知讲解
知识链接
1.补间不同帧的含义
补间动画是计算机利用关键帧，通过计算自动生成的过渡帧动画。它大大提高了制作动画的效率。在Animate软件中，补间动画包括传统补间、补间动画和补间形状。在进行不同的补间动画设置时，补间帧显示如下表所示。
新知讲解
几种补间帧的不同样式和含义
补间帧的样式 样式描述 含义
实线箭头，紫色底纹 成功设置了传统补间
虚线，紫色底纹 设置传统补间时出现问题
蓝色底纹 成功设置了补间动画
实线箭头，绿色底纹 成功设置了补间形状
虚线，绿色底纹 设置了补间形状时出现问题
新知讲解
补间帧的类别：
1、动作补间：物体由一个状态到另一个状态。如位置变化、色彩变化、透明度变化、倾斜角度变化，其实现的要求应用对象是一个整体，如元件等。
2、形状补间：物体由一个物体变化到另一个物体。利用形状补间可以实现对象的形态变化的动画效果，如圆渐变到正方形，红色渐变成蓝色，其实现的要求应用对象是打散状态。
拓展延伸
新知讲解
2.形状提示
为了使补间形状的中间过程中各个画面变化比较流畅或达到预期效果，可以使用形状提示来控制复杂或特殊的变形过程。
形状提示就是在变形的初始图形与结束图形上分别指定一些变形关键点，并使这些点在起始帧和结束帧中一一对应，这样Animate软件就会根据这些点的对应关系来计算变形的过程。
新知讲解
操作方法与注意事项如下：
（1）单击时间轴上补间形状的起始关键帧，执行“修改”，“形状”→“添加形状提示”命令(Ctrl+shift+H），即可在起始帧的文字或图形上加入个关键点标记 。
（2）如果没有显示关键点标记，可执行“视图”→“显示图形提示”命令。
（3）重复（1)的操作就可以加入其他标记点。
新知讲解
（4）用鼠标拖动这些标记，分别放置在起始关键帧图形(或分离的文字或图像）的不同位置处。
(5)单击终止关键帧，这时就会看到终止关键帧的图形上也有关键点标记，用鼠标拖动这些标记分别放置在终止关键帧图形的相应位置处。
新知讲解
(6）起始关键帧的变形关键点用黄色圆圈表示，终止关键帧的用绿色圆圈表示。如图所示，如果关键点的位置不在曲线上，将显示红色圆圈。
新知讲解
接下来，我们一起观看视频学习一下，补间形状动画以及关键点制作的操作。
新知讲解
(7)为了获得更好的变形效果，在调整关键点标记时，一般应遵从以下原则：
①如果过渡比较复杂，可以在中间增加一个或多个关键帧。
②各变形关键点最好从图形的左上角开始沿逆时针方向排列。
③变形关键点不一定越多越好，关键是放置的位置合适。具体的放置位置可以通过不断地调整并观察其效果来决定。
课堂练习
学习完，使用关键点来制作动画，接下来请同学们试试看用相同的方法将云朵的图片变成云朵文字，并和同学讨论一下你是怎么制作的。
新知讲解
练习与思考
（1）利用补间形状制作一个进度条动画。
（2）制作一个看图识字动画，如将一个篮球图片转换成“篮球”文字。
新知讲解
我们一起观看视频学习一下“进度条”的制作。
新知讲解
阅读材料
位图与矢量图
1.位图
位图是以点(或称像素）的方式来记录图像的，因此位图图像是由许许多多个小点组成的。每个点都被分配一个特定位置和颜色值。在处理位图图像时，实际上是在编辑每一个点。
新知讲解
位图的优点是色彩显示自然、柔和、逼真。其缺点是图像在放大或缩小的转换过程中会产生失真，出现锯齿边缘，且随着图像精度提高或尺寸增大，所占用的磁盘空间也急剧增大。
位图一般用来描述轮廓非常复杂、色彩很丰富的对象。
新知讲解
2.矢量图
矢量图是抽象的位图，它反映了位图上的关键特征，如点、线、面等。矢量图不直接描述图像的每一个点，而是描述产生这些点的过程和方法，即用矢量来表示图形。
可以将矢量图形缩放到任意大小和以任意分辨率在输出设备上打印出来，都不会影响其清晰度。因此，矢量图是文字(尤其是小字）和线条图形（如徽标）的最佳选择。
新知讲解
矢量图的优点是信息存储量小，移动、缩放或更改颜色不会降低图形的品质。其缺点是运算比较复杂，而且所制作出的图形色彩比较单调，图形看上去比较生硬，不够柔和、逼真。
矢量图一般只能描述轮廓不是非常复杂、色彩不是很丰富的对象。
课堂总结
.
1.掌握了制作“倒计时水晶球”的方法和步骤；
2.认识了不同补间帧的类别；
3.位图和矢量图的辨别与学习。
板书设计
“倒计时水晶球”的制作
不同补间帧的学习
关键点的使用
作业布置
请同学们使用我们本节课学习内容——补间形状动画，来制作一个小动画，下节课和同学分享你制作的灵感和思路。
谢谢
21世纪教育网（www.21cnjy.com)
中小学教育资源网站
兼职招聘：
https://www.21cnjy.com/recruitment/home/admin中小学教育资源及组卷应用平台
信息技术《动画角色变身》教学设计
课题 《动画角色变身》 单元 二单元 学科 信息技术 年级 八年级
教材分析 《动画角色变身》这主题活动来自学生对“倒计时水晶球”制作的方法和步骤的掌握，了解了不同种类的“补间帧”，不同的含义。学会只有这些补间帧制作动画。这对于增加学生知识有很大帮助，也有助于提高学生的动手实践能力。
学习目标 1.信息意识：建立将学习其他软件的方法应用到学习制作“倒计时水晶球”中的意识；2.计算思维：培养使用动画程序制作更多创新作品的思维方式；3.数字化学习与创新：有效地管理学习过程与学习资源，创造性地解决问题，从而完成学习任务，形成创新作品的能力。4.信息社会责任：应以一种有利于信息社会的方式使用信息技术，开展生产、生活、学习等信息活动。
重点 掌握制作“倒计时水晶球”的方法和步骤
难点 学会使用不同的补间帧制作动画
教学过程
教学环节 教师活动 学生活动 设计意图
导入新课 1.导入：师：制作动画的时候我们总说矢量图，那同学们知道什么是矢量图吗？计算机合成图像也称为矢量图形。矢量图，也称为面向对象的图像或绘图图像,在数学上定义为一系列由点连接的线。矢量件中的图形元素称为对象。每个对象都是个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。 学生思考并回答问题 由问题引出今天的学习内容
讲授新课 动画角色的变身是利用了变形动画的动画形式，这种动画将一种对象逐渐变化为另一种对象。在Animate软件中，可以将图形、分离的文字和由位图转换的矢量图进行变形，但不能将实例和群组等对象进行变形。学习任务制作一个倒计时水晶球动画,如图所示(要求:动画时长9秒)。(样例为配套教学资源中的“第2章\样例”中的“倒计时水晶球.swf”）其中，球体逐渐变色，数字逐渐演化倒计时。任务分析1.动画角色分析观察右图可以发现，该动画有3个动画角色。分析它们，可以发现它们各具特点，如下表所示。表格如下：因此，本任务需要设计3个元件，分别是倒计时数字、水晶球和架子，因其各自状态不同，前两个元件的类型为影片剪辑，而最后一个元件的类型为图形。2.角色动作设计对于“倒计时数字”而言，需要设计两种动作，一种是每个数字停留一定时间，如0.5秒;另一种是由一个数字向另一个数字的逐渐变形，可以让变形过程持续0.5秒。由于每个数字在停留的一定时间内没有任何变化，所以可以用插入普通帧的方式延长该关键帧的内容。而数字5变化到数字4，是一个逐渐变形的结果，如右图所示。因此，用逐顿动画和补间动画来实现并不方便，这需要借助另外一种动画形式——变形动画。对于“水晶球”而言，并没有发生外形上的改变，只是颜色上有变换，如下图所示。为了充分展示颜色的变换过程，应该考虑播放时间的设计，如从一种颜色变换到另一种颜色可以考虑播放时间设置成1秒，其中包含停留的0.5秒时间。操作指南1.新建文件并保存①新建文件。②执行“文件”→“保存”命令，以“倒计时”为名保存该动画文件。2.设计倒计时数字元件（1）新建元件。执行“插入”→“新建元件”命令，以“数字”为元件名，元件类型设为“影片剪辑”。（2）设置数字5的停留时间。①修改图层名为“数字”。②单击第1帧，利用工具面板的“文本工具”在舞台上输入数字5。③右击第12帧，在快捷菜单中执行“插入关键帧”命令。（3）创建数字5到数字4的变形动画①设置变形的起始关键帧。右击第13帧，在快捷菜单中执行“插入关键帧”命令。②设置变形的终止关键帧。右击第24帧，在快捷菜单中执行“插入空白关键帧”命令，然后利用“文本工具”在舞台上书写数字4。③分离起、止关键帧的对象。选择第13帧，右击数字，在快捷菜单中执行“分离”命令，如图所示。④创建变形动画右击第13帧和第24帧之间的位置，在快捷菜单中执行“创建补间形状”命令，如图所示。（4）创建其他数字之间的变形动画。方法与（3）类似，只是起、止关键帧的内容和帧数不同。（5）退出元件编辑环境。同样方法分离第24帧的数字4。3.设计水晶球元件（1）新建元件。①执行“插人”→“新建元件”命令，以“水晶球”为元件名，元件类型设为“影片剪辑”。②修改图层名为“水晶球”。（2）绘制水晶球。①选择工具面板中的“椭圆工具”。②在属性面板中，设置笔触颜色为无，填充颜色为绿色渐变色，如图所示。③在舞台绘制水晶球。(提示:按住Shift键，可以绘制正圆形)（3）创建水晶球的变形动画水晶球的动画与数字的动画关键帧位置相同，只是内容不同。因此，制作方法与数字变换相似。制作完成后，退出元件编辑环境。4.导入架子图片①执行“文件”→“导入”→“导入到库”命令。②在“导入到库”对话框中，选择需要导入的图片文件，如“架子jpg”(图片素材在配套教学资源中的“第2章\素材”中)，单击“打开”按钮，导入架子图片。5.场景调用各元件①调用“水晶球”。将场景中图层名改为“水晶球”，拖动“库”中的“水晶球”元件到舞台中，并适当调整大小和位置。可通过执行“窗口”，“库”命令，调出“库”面板。②调用“数字”。新建图层，取名为“倒计时数字”，拖动“库”中“数字”元件到舞台中，并适当调整大小和位置。③调用“架子”。新建图层，取名为“架子”，拖动“库”中“架子”元件到舞台中，并适当调整大小和位宣。6.调整图层层次根据情况调整图层层次，可通过拖动图层上下移来实现。7.测试影片，保存动画，导出影片按已掌握的方法完成影片的测试并保存动画文件，然后导出影片。最后我们一起观看视频，学习一下渐变的倒计时是怎么制作的吧！任务小结补间形状动画概念及其创建步骤。（1）补间形状动画概念。一个图形对象经过形状、颜色、位置大小等变化，转变为另一个图形对象的动画。（2）创建步骤。①在起始关键帧绘制一个图形，或插入一个经过分离的元件。②在终止关键帧绘制一个图形，或插入一个经过分离的元件。③创建补间形状动画。知识链接1.补间不同帧的含义补间动画是计算机利用关键帧，通过计算自动生成的过渡帧动画。它大大提高了制作动画的效率。在Animate软件中，补间动画包括传统补间、补间动画和补间形状。在进行不同的补间动画设置时，补间帧显示如下表所示。拓展延伸补间帧的类别：1、动作补间：物体由一个状态到另一个状态。如位置变化、色彩变化、透明度变化、倾斜角度变化，其实现的要求应用对象是一个整体，如元件等。2、形状补间：物体由一个物体变化到另一个物体。利用形状补间可以实现对象的形态变化的动画效果，如圆渐变到正方形，红色渐变成蓝色，其实现的要求应用对象是打散状态。2.形状提示 为了使补间形状的中间过程中各个画面变化比较流畅或达到预期效果，可以使用形状提示来控制复杂或特殊的变形过程。 形状提示就是在变形的初始图形与结束图形上分别指定一些变形关键点，并使这些点在起始帧和结束帧中一一对应，这样Animate软件就会根据这些点的对应关系来计算变形的过程。操作方法与注意事项如下：（1）单击时间轴上补间形状的起始关键帧，执行“修改”，“形状”→“添加形状提示”命令(Ctrl+shift+H），即可在起始帧的文字或图形上加入一个关键点标记 。（2）如果没有显示关键点标记，可执行“视图”→“显示图形提示”命令。（3）重复（1)的操作就可以加入其他标记点。（4）用鼠标拖动这些标记，分别放置在起始关键帧图形(或分离的文字或图像）的不同位置处。(5)单击终止关键帧，这时就会看到终止关键帧的图形上也有关键点标记，用鼠标拖动这些标记分别放置在终止关键帧图形的相应位置处。(6）起始关键帧的变形关键点用黄色圆圈表示，终止关键帧的用绿色圆圈表示。如图所示，如果关键点的位置不在曲线上，将显示红色圆圈。接下来，我们一起观看视频学习一下，补间形状动画以及关键点制作的操作。(7)为了获得更好的变形效果，在调整关键点标记时，一般应遵从以下原则：①如果过渡比较复杂，可以在中间增加一个或多个关键帧。②各变形关键点最好从图形的左上角开始沿逆时针方向排列。③变形关键点不一定越多越好，关键是放置的位置合适。具体的放置位置可以通过不断地调整并观察其效果来决定。练习与思考（1）利用补间形状制作一个进度条动画。（2）制作一个看图识字动画，如将一个篮球图片转换成“篮球”文字。我们一起观看视频学习一下“进度条”的制作。阅读材料位图与矢量图1.位图位图是以点(或称像素）的方式来记录图像的，因此位图图像是由许许多多个小点组成的。每个点都被分配一个特定位置和颜色值。在处理位图图像时，实际上是在编辑每一个点。位图的优点是色彩显示自然、柔和、逼真。其缺点是图像在放大或缩小的转换过程中会产生失真，出现锯齿边缘，且随着图像精度提高或尺寸增大，所占用的磁盘空间也急剧增大。位图一般用来描述轮廓非常复杂、色彩很丰富的对象。2.矢量图 矢量图是抽象的位图，它反映了位图上的关键特征，如点、线、面等。矢量图不直接描述图像的每一个点，而是描述产生这些点的过程和方法，即用矢量来表示图形。 可以将矢量图形缩放到任意大小和以任意分辨率在输出设备上打印出来，都不会影响其清晰度。因此，矢量图是文字(尤其是小字）和线条图形（如徽标）的最佳选择。矢量图的优点是信息存储量小，移动、缩放或更改颜色不会降低图形的品质。其缺点是运算比较复杂，而且所制作出的图形色彩比较单调，图形看上去比较生硬，不够柔和、逼真。 矢量图一般只能描述轮廓不是非常复杂、色彩不是很丰富的对象。作业布置请同学们使用我们本节课学习内容——补间形状动画，来制作一个小动画，下节课和同学分享你制作的灵感和思路。 学生了解动画变身的原理学生观看表格，学会分析动画角色学生掌握制作“倒计时水晶球”动画大致的方法和步骤学生掌握制作倒计时的详细步骤和方法制作好大部分的动画，最后的保存以及检测都是我们上节课所学的内容学生掌握“任务小结”的内容学生掌握不同补间帧类型及其作用学生掌握制作标记关键点的方法和步骤学生观看视频学生完成练习，并观看视频学生学会区分位图和矢量图学生完成课后作业 对本节课学习内容有一个初步了解先分析问题再解决问题让学生对接下来的学习有一个初步的了解增加学生知识也提高学生的动手实践能力巩固学生上节课所学的内容增加学生知识技能拓展延伸学生知识关键点标记是为了让制作的动画更流畅的方法通过观看视频学习补间动画的制作解答学习练习的问题增加学生知识技能巩固所学知识
课堂练习 学习完，使用关键点来制作动画，接下来请同学们试试看用相同的方法将云朵的图片变成云朵文字，并和同学讨论一下你是怎么制作的。 学生完成课堂练习 巩固所学知识
课堂小结 学生总结概括 总结概括本节课的学习内容
板书 “倒计时水晶球”的制作不同补间帧的学习关键点的使用
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)

展开更多......

收起↑