资源简介

(共34张PPT)
《动画角色变换》
河北大学版 初中版第二册
教学目标
1.信息意识：建立将学习其他软件的方法应用到学习制作“遮罩动画”中的意识；
2.计算思维：能够运用计算机科学领域的思想、 策略、方法、技术等解决真实信息系统问题的过程中所形成的一种内在思维品质。
3.数字化学习与创新：在真实的信息环境下，以问题解决Animate软件中的问题为导向，选择恰当的数字化工具，资源等；
4.信息社会责任：负责任、合理、安全地使用技术。
新知导入
首先让我们一起来看个视频，了解一下什么是“遮罩技术”，以及遮罩技术的运用，这是我们今天的重点学习内容。
新知讲解
在欣赏动画作品时，你或许会注意到一些图像的动态切换、画轴展开和探照灯等特殊效果，这些特殊效果多半是使用动画的遮罩技术来实现的。
新知讲解
拓展延伸
遮罩技术：
是将多个图像组合到一起的技术。本质上来讲，遮罩和裁剪是一样的，它告诉计算机何处可见，何处透明。
新知讲解
学习任务
制作《花卉大观》动画的片头，如下图所示，一朵旋转的花，在向右侧移动的同时，逐渐露出后面的标题文字。要求:动画时长3秒。(样例为配套教学资源中的“第2章/样例”中的“花卉大观-片头.swf”）
新知讲解
任务分析
1.动画角色分析
观察右图，本任务涉及两个动画角色:花朵和文字标题。因为花朵是动态的，具有旋转效果，所以需创建一个影片剪辑类型的元件;而文字标题是静态的，创建一个图形元件即可。
新知讲解
2.角色动作设计
花朵的运动是从左向右直线移动，使用动作补间动画即可实现。
文字标题相对来讲比较复杂一些，其开始是完全不显示的，之后随着花朵的移动逐渐显露出来。也就是说，标题刚开始被遮住了，然后逐渐显露出来。实现这一动画效果，需要使用一种被称为“遮罩动画”的动画效果。
最后，需要考虑的是，如何使花朵的移动与文字标题显露同步进行。可通过调整二者动画播放时长和开始位置来实现。
新知讲解
操作指南
1.新建文件并保存
（1）新建文件。
（2）设置舞台属性：颜色为黑色，频为24 fps。
（3）执行“文件”“保存”命令，以“花卉大观-片头”为名保存该动画文件。
新知讲解
2.设计花朵元件
（1）新建元件。
执行“插入”→“新建元件”命令，以“花朵”为元件名，元件类型设为“影片剪辑”。
（2）绘制花朵。
在第1帧，完成花朵的绘制。
（3）退出元件编辑环境。
新知讲解
3.设计文字标题元件
（1）新建元件。
执行“插入”→“新建元件”命令，以“标题”为元件名，元件类型设为“图形”。
新知讲解
（2）输入标题。
①选择工具面板的“文本工具”，在其属性面板中设置标题的字体、字号、颜色，设置滤镜，如右图所示。
②在第1帧，输入标题“花卉大观”。
（3）退出元件编辑环境。
新知讲解
4.在舞台上设置花朵的动画
（1）调用“花朵”元件。
①将“图层1“重命名为“花”。
②选中第1帧，然后将“库”中的“花朵”元件拖到左侧舞台外，并适当调整大小。
新知讲解
（2）设置动画效果。
帧频为24 fps，3秒的动画应该在第72帧处结束。
①选中第72帧，插入关键帧。
②水平拖动舞台上的“花朵”实刷到右侧舞台外。
③创建传统补间。
④调整补间动画的属性。将“旋转”属性改为“顺时针”。
新知讲解
5.在舞台上设置文字的动画
（1）调用“标题”元件。
①新建一个图层，将图层重命名为“标题”。
②选中第1帧，然后将“库”中的“标题”元件拖到舞台中央，并适当调整大小。
③选中第72帧，插入普通帧。
新知讲解
（2）制作遮罩动画。
①新建一个图层，将图层重命名为“遮罩层”。
②设置起始关键帧。
选中该图层第1帧，利用工具面板的几何图形工具，如“矩形工具”，绘制一个几何图形，如右图所示，然后将该图形拖动至舞台外侧，和“花朵”实例在第1帧的位置基本重合。
新知讲解
③设置终止关键帧。
在第72帧处插入关键帧，选中工具面板的“变形工具”，拖动几何图形的中心点到该图形的左侧中间控制点，向右拖动几何图形右侧中间控制点，使几何图形的右侧边缘达到画面最右端，如图所示。
新知讲解
④创建遮罩层动画效果。
在第1帧和第72帧之间创建补间形状动画。
⑤生成遮罩层。
右击“遮罩层”图层名称，在快捷菜单中执行“遮罩层”命令，则时间轴的“遮罩层”和“标题”图层发生了变化，如图所示。
新知讲解
遮罩中可以使用的动画形式：
可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。
拓展延伸
新知讲解
6.测试影片，保存动画，导出影片
根据已掌握的方法完成影片测试并保存动画文件,然后导出影片。
新知讲解
最后我们一起来观看视频学习一下，“遮罩动画”的设计。
新知讲解
任务小结
1.遮罩层与被遮罩层的关系
遮罩图层的作用是可以透过遮罩图层内的图形看到其下面图层的内容。也就是说，在遮罩图层上绘制图形或输入文字，相当于在遮罩层上挖掉了相应形状的洞，形成挖空区域。通过挖空区域，下面图层的内容就可以被显示出来了；而没有绘制图形或输入文字的地方成了遮挡物，把下面图层的其余内容遮挡起来。
新知讲解
2.遮罩动画制作步骤
遮罩是用图层来实现的，具体步骤如下:
①创建被遮罩层，绘制或插入将要显示的对象，并根据需要设置动画。
②创建遮罩层，绘制形状，并根据需要设置动画。
③生成遮罩层。右击遮罩层图层名称,在快捷菜单中执行“遮罩层”命令。
新知讲解
知识链接
建立与取消普通图层与遮罩图层的关联
（1）建立普通图层与遮罩图层的关联，操作方法有三种:
方法一：在“时间轴”面板中，用鼠标将已经存在的普通图层拖到遮罩图层的下面。
方法二:在遮罩图层的下面创建一个新的普通图层。
方法三:选中一个普通图层，然后右击鼠标，在快捷菜单中执行“属性”命令，在弹出的对话框中选择“类型”为“遮罩层”。
新知讲解
（2）取消普通图层与遮罩图层的关联，操作方法有两种:
方法一：在时间轴中，用鼠标将被遮罩图层拖到遮罩图层的上面。
方法二：选中一个被遮罩图层，然后打开图层的“属性”对话框，选择“类型”为“一般”。
新知讲解
练习与思考
（1）利用遮罩动画制作一段诗歌书写动画，如图所示。
（2）思考：可否有两个以上的被遮罩层？
新知讲解
我们一起观看视频，看看怎么利用“遮罩技术”制作一个书写诗歌的动画。
新知讲解
遮罩动画只有一个遮罩层，但是可以有多个被遮罩层。
课堂练习
尝试自己制作一个有多个被遮罩层的遮罩动画，并和同学们分享一下你的制作方法和步骤。
课堂总结
1.学习了什么是“遮罩技术”，了解“遮罩”的含义。
2.学习使用遮罩技术制作遮罩动画视频。
3.了解“遮罩动画”图层的建立。
板书设计
“遮罩动画”的含义
制作遮罩动画
作业布置
请同学们回去制作一个自己喜欢的影视作品的“遮罩动画”介绍，然后下节课与同学们在课上分享。
谢谢
21世纪教育网（www.21cnjy.com)
中小学教育资源网站
兼职招聘：
https://www.21cnjy.com/recruitment/home/admin中小学教育资源及组卷应用平台
信息技术《动画角色变换》教学设计
课题 《动画角色变换》 单元 二单元 学科 信息技术 年级 八年级
教材分析 《动画角色变换》这一主题活动来自学生对于“遮罩”技术的学习和使用，掌握了“遮罩”的含义，学会使用“遮罩技术”制作“遮罩动画”，学会制作多被遮罩层的“遮罩动画”。这对于学生信息技术技能的提高有很大帮助。
学习目标 1.信息意识：建立将学习其他软件的方法应用到学习制作“遮罩动画”中的意识；2.计算思维：能够运用计算机科学领域的思想、 策略、方法、技术等解决真实信息系统问题的过程中所形成的一种内在思维品质。3.数字化学习与创新：在真实的信息环境下，以问题解决Animate软件中的问题为导向，选择恰当的数字化工具，资源等；4.信息社会责任：负责任、合理、安全地使用技术。
重点 掌握制作“遮罩动画”的方法和步骤。
难点 学会使用“遮罩技术”，自己动手制作更多动画。
教学过程
教学环节 教师活动 学生活动 设计意图
导入新课 1.导入：师：首先让我们一起来看一个视频，了解一下什么是“遮罩技术”，以及遮罩技术的运用，这是我们今天的重点学习内容。 学生观看视频 由视频引入今天的学习内容，提高学生学习兴趣
讲授新课 在欣赏动画作品时，你或许会注意到一些图像的动态切换、画轴展开和探照灯，等待效果，这些特殊效果多半是使用动画的遮罩技术来实现的。拓展延伸遮罩技术：是将多个图像组合到一起的技术。本质上来讲，遮罩和裁剪是一样的，它告诉计算机何处可见，何处透明。学习任务制作《花卉大观》动画的片头，如下图所示，一朵旋转的花，在向右侧移动的同时，逐渐露出后面的标题文字。要求:动画时长3秒。(样例为配套教学资源中的“第2章/样例”中的“花卉大观-片头.swf”）任务分析1.动画角色分析观察右图，本任务涉及两个动画角色:花朵和文字标题。因为花朵是动态的，具有旋转效果，所以需创建一个影片剪辑类型的元件;而文字标题是静态的，创建一个图形元件即可。2.角色动作设计 花朵的运动是从左向右直线移动，使用动作补间动画即可实现。 文字标题相对来讲比较复杂一些，其开始是完全不显示的，之后随着花朵的移动逐渐显露出来。也就是说，标题刚开始被遮住了，然后逐渐显露出来。实现这一动画效果，需要使用一种被称为“遮罩动画”的动画效果。 最后，需要考虑的是，如何使花朵的移动与文字标题显露同步进行。可通过调整二者动画播放时长和开始位置来实现。操作指南1.新建文件并保存（1）新建文件。（2）设置舞台属性：颜色为黑色，频为24 fps。（3）执行“文件”“保存”命令，以“花卉大观-片头”为名保存该动画文件。2.设计花朵元件（1）新建元件。执行“插入”→“新建元件”命令，以“花朵”为元件名，元件类型设为“影片剪辑”。（2）绘制花朵。在第1帧，完成花朵的绘制。（3）退出元件编辑环境。3.设计文字标题元件（1）新建元件。执行“插人”→“新建元件”命令，以“标题”为元件名，元件类型设为“图形”。（2）输入标题。①选择工具面板的“文本工具”，在其属性面板中设置标题的字体、字号、颜色，设置滤镜，如右图所示。②在第1帧，输入标题“花卉大观”。（3）退出元件编辑环境。4.在舞台上设置花朵的动画（1）调用“花朵”元件。①将“图层1”重命名为“花”。②选中第1帧，然后将“库”中的“花朵”元件拖到左侧舞台外，并适当调整大小。（2）设置动画效果。帧频为24 fps，3秒的动画应该在第72帧处结束。①选中第72帧，插入关键帧。②水平拖动舞台上的“花朵”实刷到右侧舞台外。③创建传统补间。④调整补间动画的属性。将“旋转”属性改为“顺时针”。5.在舞台上设置文字的动画（1）调用“标题”元件。①新建一个图层，将图层重命名为“标题”。②选中第1帧，然后将“库”中的“标题”元件拖到舞台中央，并适当调整大小。③选中第72帧，插入普通帧。（2）制作遮罩动画。①新建一个图层，将图层重命名为“遮罩层”。②设置起始关键帧。选中该图层第1帧，利用工具面板的几何图形工具，如“矩形工具”，绘制一个几何图形，如右图所示，然后将该图形拖动至舞台外侧，和“花朵”实例在第1帧的位置基本重合。③设置终止关键。在第72帧处插入关键帧，选中工具面板的“变形工具”，拖动几何图形的中心点到该图形的左侧中间控制点，向右拖动几何图形右侧中间控制点，使几何图形的右侧边缘达到画面最右端，如图所示。④创建遮罩层动画效果。在第1帧和第72帧之间创建补间形状动画。⑤生成遮罩层。右击“遮罩层”图层名称，在快捷菜单中执行“遮罩层”命令，则时间轴的“遮罩层”和“标题”图层发生了变化，如图所示。拓展延伸遮罩中可以使用的动画形式：可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。6.测试影片，保存动画，导出影片根据已掌握的方法完成影片测试并保存动画文件,然后导出影片。最后我们一起来观看视频学习一下，“遮罩动画”的设计。任务小结1.遮罩层与被遮罩层的关系 遮罩图层的作用是可以透过遮罩图层内的图形看到其下面图层的内容。也就是说，在遮罩图层上绘制图形或输入文字，相当于在遮罩层上挖掉了相应形状的洞，形成挖空区域。通过挖空区域，下面图层的内容就可以被显示出来了；而没有绘制图形或输入文字的地方成了遮挡物，把下面图层的其余内容遮挡起来。2.遮罩动画制作步骤遮罩是用图层来实现的，具体步骤如下:①创建被遮罩层，绘制或插入将要显示的对象，并根据需要设置动画。②创建遮罩层，绘制形状，并根据需要设置动画。③生成遮罩层。右击遮罩层图层名称,在快捷菜单中执行“遮罩层”命令。知识链接建立与取消普通图层与遮罩图层的关联（1）建立普通图层与遮罩图层的关联，操作方法有三种:方法一：在“时间轴”面板中，用鼠标将已经存在的普通图层拖到遮罩图层的下面。方法二:在遮罩图层的下面创建一个新的普通图层。方法三:选中一个普通图层，然后右击鼠标，在快捷菜单中执行“属性”命令，在弹出的对话框中选择“类型”为“遮罩层”。（2）取消普通图层与遮罩图层的关联，操作方法有两种:方法一：在时间轴中，用鼠标将被遮罩图层拖到遮罩图层的上面。方法二：选中一个被遮罩图层，然后打开图层的“属性”对话框，选择“类型”为“一般”。练习与思考（1）利用遮罩动画制作一段诗歌书写动画，如图所示。（2）思考：可否有两个以上的被遮罩层？我们一起观看视频，看看怎么利用“遮罩技术”制作一个书写诗歌的动画。遮罩动画只有一个遮罩层，但是可以有多个被遮罩层。作业布置请同学们回去制作一个自己喜欢的影视作品的“遮罩动画”介绍，然后下节课与同学们在课上分享。 学生了解什么是“遮罩技术”学生了解制作“遮罩动画”的任务分析学生首先设计角色，设计标题，在舞台上设置好花朵的位置然后设置动画效果，通过插入补帧来实现学生掌握制作“遮罩动画”的方法和步骤学生了解遮罩中可以使用的动画都有哪些学生观看视频学生掌握任务小结的内容学生掌握制作图层和取消图层的方法和步骤学生观看视频 增加学生知识，由此引出接下来的学习内容将难点分析，简易化提高学生动手实践能力学生掌握设置补帧的方法及其效果增加学生实践能力拓展延伸学生知识，提高学生知识技能通过观看视频再次学习增加学生知识技能增加学生知识通过观看视频学习
课堂练习 尝试自己制作一个有多个被遮罩层的遮罩动画，并和同学们分享一下你的制作方法和步骤。 学生完成课堂练习 巩固所学知识
课堂小结 学生总结本节课知识 总结概括本节课的学习内容
板书 “遮罩动画”的含义制作遮罩动画
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)

展开更多......

收起↑