Flash项目五制作补间动画教案.pdf

《Flash项目五制作补间动画教案.pdf》由会员分享，可在线阅读，更多相关《Flash项目五制作补间动画教案.pdf（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Flash 项目五-制作补间动画教案 章节 项目五 周次 第七周 日期 4月8 日 课题 制作补间动画 课时 总课时 6 节 ，其中：理论 2 节 ；实训 4 节 。授课 方式 讲授、演示、练习 作业 题数 3 拟用 时间 270分钟 教学 目的 1、掌握补间动画的原理和创建方法 。2、掌握形状提示点的原理和使用方法 。3、使用形状补间动画表现事物变化的过程 。4、会制作“汉字的演变”动画。5、会制作“翻书”动画。6、会制作“烛光”动画。选用教具挂图 教 学 重 点 教学重点：创建形状补间动画 解决措施：讲授、演示、实践操作 教 学 难 点 教学难点：创建精确形状补间动画 解决措施：讲授、演示

2、、实践操作 教学 回顾 本堂课内容理论较少，重点在于掌握形状补间动画的制作。通过教师演示与学生实践相结合，当堂练习巩固所学知识，促进学生对知识的理解与掌握。通过评选优秀作品，调动学生学习积极性，收到了较好的教学效果。说 明 审阅签名：年 月 日 教学过程 教学内容 教学方法 组织教学 3 分钟 上课礼仪，清点人数，集中学生注意力 复习 5 分钟 放映上一节课同学们的作品“一生一世”，先让同学们互评，老师再做点评。提问：1、怎样把文字分散到图层？师 生 互动，交流讨论 导入 3 分钟 播放漂亮的动画：“汉字的演变”、“庆祝国庆”、“翻书”、“翻书”，学习完“形状补间动画”这次课之后，我们同学也同

3、样能制作出更好看的动画来。放映动画效果，学生观赏 讲授新课 70 分钟 形状补间动画是动画制作中一种常用的动画制作方法，它可以补间形状的位置、大小和颜色等，使用形状补间可以制作出千变万化的动画效果。一、形状补间动画的原理。（5 分钟）形状补间动画可以实现两个矢量图形之间颜色、形状、位置的变化。演示操作：“苹果变熟”“1 变到 3”二、创建形状补间动画。（2 分钟）同一图层上，在绘制着不同矢量图形的两关键帧之间任选1 帧，然后再在【属性】面板上的【补间】下拉列表中选择【形状】选项，就可创建一个形状补间动画。三、认识形状补间动画的属性面板。（10 分钟）Flash 8 的【属性】面板随选定的对象不

4、同而发生相应的变化。当建立了一个形状补间动画后，单击时间轴，设置其【属性】面板。其中经常使用的选项有如下两种：（1）【缓动】选项。在【缓动】选项中输入相应的数值，形状补间动画则会随之发生相应的变化。（2）【混合】选项。在【混合】选项中包含“角形”和“分布式”两个参数。演示操作案例：“气球爆炸”，先快后慢，则设置其缓动值为 100。当用形状补间动画制作一些较为复杂的变形动画时，常常会使画面变得混乱，根本达不到用户想要的变化过程，这时就需要使用形状提示点来进行控制。四、添加形状提示。（8 分钟）单击形状补间动画的开始帧，执行【修改】/【形状】/【添加形状提示】菜单命令。这样在形状上就会增加一个带字

5、母的红色圆圈，相应地在结束帧的形状上也会增加形状提示符。分别将这两个形状提示符安放到适当的位置时，起始关键帧上的形状提示点为黄色，结束关键帧的形状提示点为绿色。演示操作：“绳子拉直”动画 五、活动：分组比赛，制作“庆祝国庆”（第二节课）（45 分钟）比赛规则及相关流程：演 示 操作，提问，回答 分小组研究比赛 1、按班里默认 4 个小组，每个组派出至少一个人上台完成动画“庆祝国庆”2、下面的同学则可以提示或给自己组的成员加油 3、老师在旁边计时当裁判。比赛名次以时间加动画效果进行评判。4、每个组只有9 分钟的时间，9 分钟之内没有完成，则强行停止，计时为 9 分钟；若在规定时间内完成了，则按照

6、时间时间进行计时。5、比赛结束，评出名次，给予表扬，同时，让四个小组代表上台的同学发表制作过程中的感受及经验。6、老师总结这次比赛中学生做得好的地方，最重要的是哪里出现的问题比较多，再加以指正。小结 5 分钟 1、创建形状补间动画方法：【鼠标右键】“创建形状补间动画”或【属性面板】【动画】“形状”。2、形状补间动画两个属性：【属性面板】【缓动】、【混合】。3、形状提示点用于识别起始形状和结束形状中相对应的点，并用字母 a 到 z 来表示。布置作业 4 分钟 思考与回答：1、形状补间动画的主要应用对象是什么？2、应 用 形 状 补 间 动 画 时，如 果 产 生 的 效 果 与 预 期 的 效

7、果 不一致，应该采取怎样的措施？板书设计 【实训教案】项目名称 翻书 学时 1 实训目的 1、会使用形状补间动画来添加形状提示 2、会使用矩形工具、任意变形工具、形状补间动画命令制作翻书效果 教学准备 教师机 1 台、学生机若干、多媒体演示与控制系统、课件、FLASH 教材 组织教学（5 分钟）上课礼仪，清点人数，集中学生注意力 示范演示（7 分钟）广播“翻书”动画，明确任务。1.打开 FLASH,新建一个空白文档(550,400)选择文件,导入,导入到库导入事先准备好的图片(我这里导入了8 张图)然后把各图转换成图形元件 具体方法是Ctrl+l打开库用鼠标按住要转换的图拖到舞台中再按 F8

8、转换成图形元件,(其它几个图一样操作)补充一下转换元件的时候把注册点调到中间那里 2、Flash 制作翻书效果教程(2)2.按 Ctrl+l 打开库面板点元件 1(元件 1 就是刚转换的图形元件:呵没有改名你可以随便点一张图)按住鼠标不放拖到舞台中,并调整图的大小及坐标(我这里大小是宽 200 高 300 坐标x=300,y=50 3.在主场景插入一个图层2 并锁定图层1。4.按 Ctrl+l打开库把元件2 拖到舞台中(图层2)。调整:宽=200,高=300,x=100,y=50 如下图所示:并在 240帧处按F5 插入帧 5.锁定图层2,并新建图层3,按 Ctrl+l打开库把元件3 拖入图层

9、 3。调整宽=200,高=300,x=300,y=50 6.点图层3 的第一帧再点舞台上的图形元件,再按 Q 键把旋转中心点调到左边的边上如图所示：7.在图层3的30帧处按F6插入关键帧点30帧处的图再按Ctrl+T打开变形面板 点倾斜一栏的第二个框输入 -90 再按回车键 如下图所示：8.在图层3 的 1-30帧中间的间任意一帧处点右键创建补间动画 3Flash 制作翻书效果教程(3)回顶部 9.新建一个图层 4 在 30 帧处按 F7 创建一个空白关键帧,按Ctrl+l打开库面板拖入元件4 并调整大小和坐标和元件2 一样如图：10.点图层4的30帧再点舞台上的元件4,按Q键调整旋转中心点到

10、右边。11.在图层 4 的 60 帧处按 F6 插入关键帧，再回到 30 帧处按 Ctrl+T 键跳出变形面板，点下面的倾斜的第二个框输入 89 按回车如下图所示：12.在图层 4 的 30-60 帧中间按右键创建补动间动画。13.在图层 1 的 60 帧处按 F7 插入空白关键帧再按 Ctrl+l 打开库面板拖入元件 7(这里随便可以是别的图)并调整大小及坐标,宽=200,高=300,x=300,y=50(作用是当上一张图翻上去的时候可以看这张图)。14.再在图层 4 上新建一个图层 5 在 60 帧处按 F7,再按 Ctrl+l 打开库拖入元件1(就是图层1第一帧的那张图)再按照图层3和图

11、层4的方法制作剩下的图片。巡回指导（30 分钟）1、部分同学还是会犯老错误，新绘制图形总是忘记新建图层，只有通过学生边做边给他们强调。2、调整书的页面形状，再次强调选择工具的使用方法。结束指导（3 分钟）大部分同学还是能够顺利完成翻书动画，并且表扬提交比较快，做得比较好的同学。项目名称 汉字的演变 学时 1 实训目的 本案例通过制作一个汉字演变过程的模拟动画让学生掌握：基础知识：形状补间动画的创建方法。表现技巧：利用形状补间动画表现事物逐渐变化的过程。教学准备 教师机 1 台、学生机若干、多媒体演示与控制系统、课件、FLASH 教材 组织教学（5 分钟）上课礼仪，清点人数，集中学生注意力 示范

12、演示（7 分钟）广播“汉字的演变”动画，明确任务。1、绘制太阳。（1）新建一个 Flash 文档，设置文档【尺寸】为“470px600px”，文档的其他属性使用默认参数。（2）将默认图层 1 重命名为“背景”图层，然后按 F5 键在图层的第 100 帧处插入帧。（3）选择【文件】/【导入】/【导入到舞台】命令，将教学素材中的“素材项目五汉字的演变卷轴.jpg”文件导入到舞台中。（4）设置图片的宽、高分别为“468”px、“600”px，并相对舞台居中对齐，使其刚好覆盖整个舞台。（5）将“背景”图层锁定，在“背景”图层上新建图层并重命名为“日”图层。（6）利用【椭圆】工具在“日”图层上绘制一个圆

13、形，并设置圆形的宽、高都为“80”px。（7）选中绘制的圆形，在【颜色】面板中设置【笔触颜色】为“无”，【填充颜色】的【类型】为“放射状”。其中第 1 个色块和第 2 个色块的颜色为“#FFFF00”，第 3 个色块为“#C0C0C0”，使圆形具有一定的太阳放光效果。2、制作形状补间动画。（1）选中在“日”图层的第 25 帧，按 F7 键插入空白关键帧。利用【文字】工具在该帧输入一个“日”字，在【属性】面板中设置【文字颜色】为“黑色”，【字体大小】为“60”，【字体】为“甲骨文”。（2）选中输入的“日”字，按 Ctrl+B 组合键将其打散。（3）选中“日”图层的第 1 帧，然后在【属性】面板的

14、【补间】下拉列表框中选择【形状】选项，设置【属性】面板中各参数。（4）选中在“日”图层的第 50 帧，按 F6 键插入关键帧。（5）选中在“日”图层的第 75 帧，按 F7 键插入空白关键帧，利用【文字】工具在该帧输入一个“日”字，在【属性】面板中设置【文字颜色】为“黑色”，【字体大小】为“60”，【字体】为“华文楷体”。（6）选中输入的“日”字将其打散，然后在第 50 帧第 75 帧之间创建形状补间动画。（7）利用相同的方法，制作“月”字的演变过程。（8）保存并测试影片，一个文字演变过程动画就制作完成。巡回指导（30 分钟）1、在文字与图形之间创建形状补间动画的时候，大部分同学是忘了把文字进

15、行打散处理。边做边强调文字需要打散后才能创建形状补间动画。结束指导（3 分钟）本次任务比较简单，大家只要记住把文字打散，基本上就能完成了。1、展示点评部分学生作品，表扬做的比较优秀的同学；项目名称 烛光 学时 2 实训目的 会用形状补间动画制作蜡烛火焰 复习绘图工具：【矩形工具】、【椭圆工具】、【填充渐变工具】等 教学准备 教师机 1 台、学生机若干、多媒体演示与控制系统、课件、FLASH 教材 组织教学（5 分钟）上课礼仪，清点人数，集中学生注意力 示范演示（20 分钟）广播“烛光”动画，明确任务。1、绘制蜡烛（1）新建一个 Flash 文档，设置文档【尺寸】为“800px600px”，【背

16、景】为黑色，文档的其他属性使用默认参数。（2）新建一个名字为“蜡烛身”的图形元件，在此元件编辑场景中，用“矩形工具”画出一个尺寸合适的矩形，运用“渐变变形工具”调整填充色。绘制出蜡烛身形状。1、Ctrl+J 文档属性设置 300*200 尺寸，黑色背景。2、矩形工具，画矩形，填充色无所谓，任意变形工具，将下面都往里压，可以结合 shift 与 ctrl 两边同时进行提高速度，变形后，呈现出一个上边长下边短的梯形。3、在选中蜡身的前提下，展开混色器中的颜色面板，进行线性渐变填充，需要增加至三个滑块，由上至下，分别是橙色、红色和黑色。这里步骤比较复杂，需要耐心进行。在默认填充线性渐变时，方向是从左

17、到右的，我们需要填充变形工具进行调节，CS3 中的填充变形工具被藏在了任意变形工具组里面了，和以前的版本不一样。4、如果上一步没问题，这一步也会比较轻松，在原梯形上方画一个椭圆形，然后填充放身状渐变，颜色的色值如下图，可以利用神奇的滴管工具取色。做到这一步，建议将各部件群组 Ctrl+G。5、这一步中，我们要为蜡身添加烛心，使用铅笔工具，并且开启了“平滑模式”进行的，注意一个小细节，就是将烛心设置为灰色，末端还有一小截是很亮的红色。6、轮到画烛火了，必须新建一个图层，椭圆工具画圆，马上按一下 V 转换到选择工具，同事按住 Ctrl 键调节烛火顶点，将烛火顶端打尖 填充透明至白色的放射状渐变，再

18、利用填充变形工具细节调整 7、时间轴，第十帧处，按一下 F6 插入关键帧，鼠标右击两关键帧之间的部分，弹出的菜单中，选择第二项创建补间形状。（要注意的是：Flash 版本必须是CS3，位置也相同才能和这里一样）8、这里的操作比较多，大家耐心的尝试吧。必须先看到绿色的补间背景，调节第十帧处的第二个关键帧，对应的烛火使用选择工具，轻轻的压，让它变形。每改动一下，都请你测试一下效果，因为这里很容易出现效果过于夸张的问题。调整完美后，重复一下步骤，后面继续 F6，继续创建补间形状，继续用选择工具调节重复再重复 9、保存并测试提交 巡回指导（60 分钟）1、同学们对【渐变填充工具】不太熟悉。再次通过广播演示【渐变填充工具】的使用。结束指导（5 分钟）通过学生作业抽查，明确形状补间动画的制作方法及要点