2021学年第十课 多变的形状补间动画教学设计

这是一份2021学年第十课 多变的形状补间动画教学设计，共3页。教案主要包含了创建补间动画，创建形状补间，能力提升等内容，欢迎下载使用。
知识与技能
1.理解形状补间的概念与意义；
2.掌握创建形状补间的方法，学会基本图形之间的相互转换操作；
3.掌握图片变形与文字变形的操作方法；
过程与方法
1.通过创建标题文字的旋转出现，复习运动补间的创建方法，以及旋转、颜色的设置；
2.通过创建孙悟空变身过程，掌握图片形状补间的创建方法与分离操作，并通过对帧、关键帧、空白关键帧的使用，掌握三者的区别；
3.通过添加解说文字，掌握文字形状补间的创建方法。
情感态度与价值观
1.认真听讲，学会形状补间的创建方法，并将之运用到实际的作品案例中，增强学生对于技能知识的实践能力；
2.小组协作完成作品，增加学生之间的沟通交流，培养学生的求知欲与创新能力，让学生在学习过程中学会合作并友好待人；
3.作品交流与评价，增强学生审美能力并加强知识技能的掌握。
2学情分析
教学对象为初二年级的学生，对于计算机的基础操作已经非常娴熟，对于Flash 动画也有了相关的学习，学习了关于逐帧动画、运动补间的相关知识。形状补间的知识对于学生来说难度相对有一点，但与之前的知识还是比较贯通，教学内容也比较饱满，容易理解与学习。
3重点难点
教学重点
1.图片与文字的分离操作；
2.形状补间的创建；
3.帧与关键帧、空白关键帧的区别与使用。
教学难点
1.快速完整地创建完成整个动画作品；
2.帧、关键帧、空白关键帧的区别与使用。
4教学过程
活动1【导入】课堂导入
教学导入
教师播放视频《孙悟空72变化》——节选自《大话西游》。
“相信大家对于这段视频中的人物并不陌生，没错，这就是我们小时候的英雄——美猴王孙悟空。大家都知道都知道孙悟空有几样看家本领，分别是72般变化、筋斗云、火眼金睛以及金箍棒。而视频中所播放的就是他的看家本领之一：72般变化。“
”对于孙悟空的这几样本领，老师也是羡慕的很，特别是他的72般变化。那虽然老师这辈子是肯定学不了神通广大的72变化了，但是借助于我们的flash技术，我们还是可以尝试体会一把72变化的奥秘。“
观看作品效果，引出课题：《多变的形状补间——看我72变》
教师：展示本节课作品完成效果：“看我72变.swf“
“那么今天我们这节课的主题就是完成一个孙悟空72变化的作品，理解Flash中形状补间的创建。”
活动2【活动】【创建补间动画】（标题旋转、透明度）
1.插入文本。选中图层1的第1帧，选择工具箱中的“文本工具”，在舞台上插入作品标题“看我七十二变”，在属性面板中给标题设置合适的字体、字号以及颜色。
2.转换为元件（制作动画补间的关键！）用选择工具选中“看我七十二变”，选择菜单栏的“修改”-“转换为元件”（快捷键F8），将新元件命名为“标题”，类型为“图形”。
3.创建动画补间。将图层1命名为“标题”，在第10帧插入关键帧，在1-10帧之间任选一帧，选择右键“创建传统补间”。在属性面板里设置旋转方向为“顺时针”“1次”。
4.设置补间效果。选中第1帧，使用任意变形工具将标题变小，并在属性面板中选择“色彩效果”-“样式”-“Alpha”(透明度)-“10%”。
活动3【活动】【创建形状补间】（孙悟空变身，图片形状补间）
5.新建图层2，命名为“变身”，在第15帧插入关键帧（快捷键F6），拖入库中的图形元件“孙悟空”，在第25帧插入空白关键帧（快捷键F7），拖入库中的图形元件“唐僧”。
6.分离。选中第15帧的孙悟空，在菜单栏里选择“修改”-“分离”（快捷键ctrl+B），将孙悟空从组合状态转换为分离状态。同理，选择第25帧的唐僧，右击进行分离。
7.创建形状补间。任意选择15-25中间的一帧，选择右键“创建形状补间”（注意，形状补间为淡绿色底纹、黑色实线箭头）。
同上，制作第二次变身。在第30帧插入关键帧（起始帧），在第40帧插入空白关键帧，拖入图形元件“红孩儿”并右击进行分离，创建形状补间。
9.选中图层“标题”，在作品的最后一帧右击插入帧，延续标题,通过菜单栏“控制”-“测试影片”（快捷键ctrl+Enter）查看动画效果，并对其他图层的帧做适当调整，使作品更流畅。
活动4【活动】【能力提升】（解说词变化，文字形状补间）
10.新建“解说”图层，从孙悟空变身开始，每完成一次变身的同时完成一次变身解说。（提示：使用文本工具，通过创建形状补间实现，注意,首尾两个关键帧一定要是分离状态!）
活动5【作业】（三）作品上传，展示评价
本节课共需上传2份文件：
（1）fla格式
文件->保存->文件名“学号姓名”，保存类型:fla
（2）swf格式
文件->导出->导出影片->文件名“学号姓名”，保存类型:swf
将源文件（.fla）和影片格式文件（.swf）以“学号姓名”命名，例如“00王小明“后，上传到ftp。
活动6【作业】（四）课堂小结
（1）形状补间就是两个关键帧之间的渐变动画，建立好形状不同的开始关键帧和结束关键帧，中间部分计算机会进行自动填补实现形状转换。
创建形状补间的首尾关键帧上的内容必须是分离状态，如果是组合状态的，可以使用菜单栏里的“修改”-“分离”进行分离（ctrl+B）。