北京师范大学版八年级下信息技术教学案14课时Word格式文档下载.docx
《北京师范大学版八年级下信息技术教学案14课时Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《北京师范大学版八年级下信息技术教学案14课时Word格式文档下载.docx（36页珍藏版）》请在冰豆网上搜索。
这些电影和电视剧、动画片一样，看上去非常地流畅，实际上都是由一幅幅的图片剪辑起来的。
每一幅画面或图片称为一个帧。
如我们FLASH窗口上的“1、5、10”。
提示学生观察FLASH窗口。
这些帧实际上是由一个叫时间轴的面板控制的。
时间轴：
动画制作的最重要的区域，是编辑动画的工作台，是加工动画的流水线，包括了层编辑区、帧编辑区和时间线。
（好比是剧本）
我们要制作一个动画，就好比是在导演一出戏，需要找好演员（制作好元件），置于后台（放在库里），然后把演员放在舞台上（把元件放在场景上），让演员照着剧本演出（在时间线上设置开始、结束时的状态，生成动画）。
或者说，FLASH就是将这些画面按一定的空间和时间顺序排放，然后按时间轴的顺序连续快速地显示，从而达到动画的效果。
2．帧的基本操作
在FLASH中，根据帧功能不同，通常可分为空白关键帧、关键帧和普通帧等。
通过帧可以设定画面的前后顺序。
（1）空白关键帧
空白关键帧是没有包含舞台上实例内容的关键帧。
我们每新建一个FLASH文档，显示在工作区域的就是一个空白关键帧。
特征：
在时间轴上表示为空心圆点。
方法1：
选中某帧，右击“插入空白关键帧”。
方法2：
选中某帧，快捷键F7。
（2）关键帧
关键帧是舞台上有实例内容的帧。
只要在空白关键帧是随意画点什么，这个帧是称为关键帧。
特征；
在时间轴上表示为实心黑点。
方法：
选中某帧，右击“插入关键帧”。
第5帧和第1帧有什么区别？
提示：
通过该命令所生成的关键帧与前一关键帧的内容是一样的，但它们又彼此独立。
（3）创建普通帧
特点：
只能显示实例对象，不能对实例对象进行编辑操作。
在时间轴上表示为灰色小方格。
观察发现，从关键帧到普通帧的内容是一样的。
关键帧和普通帧的区别：
关键帧的增加会加大FLASH文件的容量，使用普通帧可以有效减少文件容量。
练习
1：
分别创建普通帧和复制帧，画上同样的内容，分别保存，体会他们的区别。
2、如何进行动画测试：
①单击菜单栏中的“控制”——“测试影片”
②快捷键：
Ctrl+Enter
小
结
你有什么收获？
板
书
设
计
如何进行动画测试：
作
业
课内
制作一个旋转的正方形动画
课外
P9练习1
反
思
教研组
检查签章
年月日
教导处
元件及渐变动画
1、元件的基本概念、作用及制作方法；
2、通过设计“飘动的云”及“变形的云”，掌握渐变动画的制作；
3、理解并掌握将元件组合成完整的动画的基本操作。
采用工具绘制云朵；
理解元件的作用。
设计云朵飘动渐变动画，理解渐变动画的概念。
讲解演示、自主探究、
计算机、教材
一、导入新课
知识回顾：
1、上节课，我们通过制作“会动眼球的小猫”FLASH动画，了解了什么是逐帧动画。
顾名思义，逐帧动画就是用“连续的关键帧”中分解动画动作，我们需要将它的每个动作创建一个画面，也就是在时间轴的每帧上逐帧绘制不同的内容，当这些画面以一定的速度连续播放显示时就可形成动画；
这种方式通常称为逐帧动画。
2、欣赏上节课完成的动画作品—“会动眼球的猫咪”，引导学生分析其结构：
共有2个关键帧，
并且关键帧为连续的帧。
二、两种动画形式的不同
赏析与设疑：
1、欣赏一个含有100帧以上的精美动画，引导学生分析：
这个动画一共有几帧？
一共有几个关键帧？
2、试想一下，这个动画作品播放的时间很长，而逐帧动画的制作方法是需要插入连续的关键帧，这时逐帧动画的设计方法有什么不便之处？
还有没有更好的办法泥？
让我们带着这些疑问，走入今天的课堂。
三、知识技能的学习与巩固
欣赏影片：
Flash制作的动画文件通常称为“影片”。
舞台上参加表演的有道路、人行横道、蓝天、飘动的云等对象，这些对象中有静止的，有动态的。
影片中的演员就是表演的对象，需要设计成“元件”。
元件是Flash中的基本元素，是表演的对象。
我们先来了解一个什么叫元件。
（一）学习元件的基本概念
元件的概念：
也称为动画中符号或组件；
元件的类型：
图形、按钮、影片剪辑。
元件的作用：
可以重复使用，缩短动画制作的时间，减少文件的数据量，提高工作效率。
元件的放置：
库面板。
（二）任务提出
1、为了使我们能够了解元件的作用、元件的制作和使用方法，我们今天来设计一个精美的动画作品，先来体会作品的出奇效果。
2、欣赏“云可以飘动的动画”，
问：
这个作品哪个地方出现了变化？
（白云的位置发生改变，或形状发生改变，这是用渐变动画方法制作出来的效果）
以例子来开始“元件”的设计制作：
（三）分析任务，示范难度较大的步骤
1、讨论：
指导学生分析其中包含了几个元件，分析动画的制作可分为哪几个步骤，让学生讨论再回答。
作品中包含的元件：
背景、飘动的云、变形的云
分析动画的制作步骤：
分别建立元件：
（1）背景
（2）飘动的云（3）变形的云（4）将元件组合成完整的作品。
教师示范：
1.背景、绘制静止在天空中的一朵云
（1）建立新元件，类型为“图形”；
执行“插入”“新建元件”命令，命名为“云1”，类型设为“图形”；
（2）绘制元件;
选择工具栏中的椭圆工具在舞台上画出云朵，例如使用铅笔工具和填充颜色。
为了突出云，背景色调为黑色。
2.设计“背景”——绘制“天空、道路”
执行“插入”““新建元件”命令，在“创建新元件”对话框的“名称”输入框中输入“背景”，并在“行为”中选中“图形”选项后确定。
选择线条工具、矩形工具等工具在舞台上完成马路、人行横道、蓝天的设计。
3.设计“云”的动作
根据我们的生活经验，云通常是随风飘动的，它的形状是变化多样的。
难道我们需要将云的所有位置和形状都绘制出来吗？
（1）应用运动渐变来设计云的飘移。
1、打开库面板，用鼠标将库中的元件“云1”拖动到舞台左侧，此时时间轴面板中图层1的第1帧自动成为关键帧。
2、选中时间轴的第50帧，插入关键帧：
执行“插入”“时间轴”“关键帧”命令。
3、在对应第50帧的舞台上将“云1”的位置移至舞台右侧。
4、再次选定第1帧，在属性面板中将补间设为“动作”，观察：
动画建立后时间轴帧面板的背景变为淡蓝色，在起始帧和结束帧之间有一个长长的箭头。
四、学生合作交流，自主探究完成作品设计的任务
现在，让我们动起手来，根据老师刚才所讲的步骤，与背景、云朵的设计方法，分组讨论，共同完成这个作品的设计。
（一）出示任务一：
1、完成云的形状动画设计
1．打开库面板，用鼠标将其中的元件“云2”拖到舞台左侧。
3．选中舞台上的元件“云2”，执行“修改”“分离”命令将对象打散。
4．选中时间轴的第30帧，按F6插入关键帧。
5．利用工具箱的“任意变形工具”，在第30帧的舞台上将“云2”的形状加以改变。
6．选定第1帧，在属性面板中将补间接设为“形状”，动画建立后时间轴面板的背景变为淡绿色，在起始帧和结束帧之间有一个长长的箭头。
（二）出示任务二：
将设计好的元件组合生成完整的动画
1.回到场景：
单击时间轴上方的“场景”。
2.打开库面板，用鼠标将其中的元件“背景”拖到场景舞台中心。
3.将元件“云1”拖到舞台左侧，执行“控制”“播放”命令和执行“控制”“测试场景”命令，观察动画效果。
4.将元件“飘过的云”和“变形的云”从库中拖到舞台，再次执行“控制”“播放”命令和执行“控制”“测试场景”命令，观察动画效果。
以“过马路.fla”为名保存文件，生成SWF文件，提交源代码作业文件
五、交流分享：
将优秀作品进行展示，评价作品，并让作者交流制作经验。
1、制作步骤，元件的制作方法的技巧；
2、今天你学到了哪些新的动画制作新技能；
3、在完成作品时，你喜欢哪一部分的工作？
为什么？
渐变动画的含义：
运用渐变动画轻易就能制作出具有移动、缩放、旋转、形状渐变、色彩渐变效果的动画，还能控制动画行进的速度，看是要变慢或变快，都随意。
分类：
动作渐变动画、形状渐变动画
充分利用元件：
充分设计、绘制和利用元件，使影响体积减小，制作量减少
不必重新绘图，打开库面板，用鼠标将其的元件“云1”拖到舞台上，即可使用。
P18练习1
P18练习3
图层的作用
知识与技能目标：
了解图层的作用，理解图层的四种状态，掌握划分图层的要领。
过程与方法：
亲身参与探究过程，在交流、沟通与合作中，掌握“图层”的应用方法。
情感态度与价值观目标：
提高动画制作的兴趣，在快乐的氛围中掌握知识。
培养学生创新能力与探究问题的能力；
培养创造性思维能力。
理解图层的含义，会划分图层，掌握图层的操作方法
理解图层的含义，会运用图层灵活创作动画
计算机、电子教室
演示、任务驱动
一、导入新课：
播放示例动画，激发学生的学习兴趣。
师介绍，在动画中所有参与演出的对像都置于舞台上，云朵间相互覆盖或穿越，这就需要为对像设定不同的图层。
今天我们一起学习“图层的作用”。
二、互动新授
（一）认识图层
1、教师展示教具“鸡宝宝”，学生从直观上认识图层
2、引导生阅读P23页，认识“图层的作用”，深层了解图层
教师归纳：
图层可以被看做一些透明的互相重合的幕布，如果当前层没有任何东西，就可以透过它看到下一层。
对一个图层上的对像进行改变和编辑，不会影响到其它图层的对像。
使用图层可以使对像分离，防止它们之间的相互干拢，常见的设置是把静态图片放在背景层，其他的每一层放置一个动画对像，对声音和动用使用单独的层可在需要编辑它们的时候易于查找。
（二）添加图层
师介绍：
在新创建的Flash影片中，通常只有一个图层，可以通过时间轴的图层区里的“添加图层”或图层区的快捷菜单向其加入多个图层来组织管理动画中各个元件。
（三）观察示例动画中图层的设置
（四）设计图层
师强调有多个对像或元件同时设置渐变动画时，必须把每个对像置于不同的层中。
以便操作。
（四）演示制作鸡宝宝过马路动画
三、任务驱动，学生动手实践
四、创作作品
根据所学知识创作作品，在创作过程中，
学生分组，选题，以自主、协作的学习方式，进行实践活动。
在制作过程中，注意组间成员的交流、合作、探究。
（教师指导操作）。
五、展示作品，师生互评
P27练习1
P27练习3
引导层
1、了解引导层的作用、内容和图标
2、掌握引导线的绘制要点
3、掌握引导层动画的制作要点
①引导层动画的制作方法和要点
①能够搞清楚引导层中只绘制运动路径，在被引导层中设置动作补间动画
任务驱动法
计算机、flash
一、导入课题
通过上一节课的学习，同学们以及初步掌握补间动画的作用性是什么了？
教师：
上一节课结束以后，有好多同学都跑过来问我，老师，到底是怎么做出来的？
今天，我们就来看一下，到底有一个什么神奇的东西在起作用。
展示动画的源文件，引出课题：
二、讲授新课，师生互动
1、比较两个动画源文件
提问1：
在“过马路”这个动画中，多了一个什么图层？
提问2：
引导层里放的是什么呢？
（引出引导线的概念）
提问3：
引导层有什么作用呢？
教师演示具体制作过程
①创建引导层，提醒学生注意引导层的图标表示以及各层的属性，引出被引导层的概念，强调引导层和被引导层的关系，引导层一定要在被引导层的上方
②在引导层绘制引导线
强调引导线不能是封闭的，要有起点和终点，且起点和终点之间的线条必须是连续的
③在被引导层创建动画
强调在被引导层中将对象吸附到引导线的起点和终点，为能成功吸附，可选择“对齐对象”工具，指向元件的注册点拖动
④按Enter键播放动画，请学生发现此时动画效果和实例有何不同。
强调要使对象沿着路径旋转，需在被引导层的起始帧属性中，设置“调整到路径”。
⑤Enter键播放动画，按Ctrl+Enter键测试影片
2、课堂练习：
《鸡宝宝过马路》动画内容为一只鸡宝宝沿着“过马路”三个字的轮廓线进行运动
（1）插入场景：
执行“插入”——“场景”命令。
（2）新建元件“片头文字”，类型设为“影片剪辑”。
选择文本工具，在舞台中输入“过马路”三个字。
在属性面板中设置文本类型为静态文字，字体为华文彩云，字体大小为80，颜色为白色。
（3）切换场景：
单击时间轴右上方的“编辑场景”按钮，选择“场景2”切换到片头场景中。
（4）创建“文字”图层：
将场景2的图层1重命名为“文字”图层，对应第1帧，将“片头文字”的元件添加到舞台中间，在“属性”面板中设置X为150，Y为75；
在第60帧插入普通帧。
（5）创建“鸡宝宝”图层：
插入一个新的图层，命名为“鸡宝宝”图层。
（6）创建“引导”图层。
①添加“鸡宝宝”图层的引导层：
单击“鸡宝宝”图层，然后单击时间轴上的“添加引导层”按钮创建引导层，此时刚刚“鸡宝宝”图层会自动缩进到引导层下层，新建图层被命名为“引导层：
鸡宝宝”。
②、在引导层上制作引导线：
在第1帧舞台上添加“片头文字”元件，在“属性”面板中设置X为150，Y为75.然后执行“修改”——“分离”命令三次，把文字打散为图形，文字边缘已经成为“线段”，它将被我们用作“引导线”。
③在第60帧处插入普通帧。
（7）编辑“鸡宝宝”图层中的运动。
①选定“鸡宝宝”图层后锁定其他图层。
②按下工具箱中的“紧贴至对象”按钮。
③创建在“过”字引导线上的渐变动画：
对应时间轴第1帧，将元件“鸡宝宝”拖到舞台中“过”字的左下角，这是运动的起点，在时间轴第18帧插入关键帧，将元件“鸡宝宝”拖到舞台中“过”字的右下角，运动的结束点，在两个关键帧中间建立动作渐变动画。
④类似的，我们将“鸡宝宝”在“马”字个“路”字上的动作设计完成。
（8）测试场景并保存文件。
3、展示学生作品，请学生演示创建引导层，绘制引导线，将对象吸附到引导线起点和终点的具体过程，教师适当讲解容易出错的地方。
1、引导层的作用就是使对象沿着绘制的运动路径（引导线）运动。
2、引导线可以是封闭的或起点和终点之间的线条可以是不连续的。
3、在引导层中绘制引导线，而在被引导层中设置动作补间动画。
4、不将对象吸附到引导线上，对象就能沿引导线运动。
5、在最终生成动画时，引导线是可以看见的。
P36练习2
P36练习3
遮罩层
1、进一步理解帧、关键帧和元件的概念；
2、了解遮罩层的意义；
3、掌握遮罩层的使用方法。
教学重点：
遮罩层的意义
教学难点
遮罩层的使用方法
任务驱动法、演示法
计算机、flash8
一、导入：
（1）向学生展示“遮罩演示.fla”观察动画效果。
（2）观察时间轴对应的图层，观察动画效果。
遮罩图层的作用有哪些？
二、学生阅读教材，标记归纳本课知识要点。
三、新授：
（一）扫除知识障碍：
打开“鸡宝宝过马路.fla”片尾部分，分析其技术特点，引出遮罩层的概念。
遮罩层的概念
遮罩层和引导层一样，是FLASH中特殊的图层。
有两个图层，上边的图层叫遮罩层，下面的图层叫被遮罩层。
被遮罩层可以有多个，那就是多层遮罩。
遮罩动画的原理：
只能通过遮罩层里面的对象，才可以看到被遮罩层上的内容。
（2）引导学生分析本课任务完成技巧，
示范制作步骤：
1、鸡宝宝过马路片尾文字的制作教程欣赏与分析。
2、教师分步演示并讲解制作步骤
（1）将背景设置为黑色；
（2）插入/新建元件，名为“片尾文字”的影片剪辑元件；
（3）在“片尾文字”元件编辑区中输入“请遵守交通规则”，设置字体、字号、文字颜色，返回场景；
（4）创建“文字”图层，并添加内容；
（5）创建“遮罩”图层；
制作遮罩层效果；
（6）分别执行“控制”“播放”和“控制”“测试场景”，预览动画效果，并继续调整直到满意，保存文件；
（7）制作完成。
只能通过遮罩层中的矩形的变化才能看到文字层中的内容——请遵守交通规则。
文字层是静止的，遮罩层是运动的。
比一比，看谁学得快。
让已经学会的学生演示刚才的制作过程。
（借助于教学软件）
再次向学生演示刚才的制作过程，进入本课的下一个环节——练习与思考。
四、学生分组合作练习，完成本课任务。
比一比，看谁做得又快又好。
（教者巡回辅导）
五、优秀作品展示
引导学生评价作品，分析任务完成情况，强调操作注意的要点，进一步巩固学生对新知的掌握。
简单的总结本次课的主要内容。
讲解制作步骤
完成本课练习
P41练习与思考1
库、场景的组织与管理
1、了解场景的作用。
2、能在设计中恰当地使用多场景。
3、会组织库和管理元件。
4、能熟练地发布动画及输出影片。
教学难点：
熟练地使用库、场景及发布动画和影片的设置
【导入新课：
】同学们，通过上几节课的学习，我们掌握了渐变动画的制作，了解了各种图层的应用，本节课，我们来学习库、场景的组织与管理。
【布置任务：
】
调整“过马路.fla”动画中的3个场景，用场景组织动画，将库中的元件按类别存放，方便查找
【操作指南：
1、场景的调度――舞台的管理
（1）根据内容命名场景
A、打开“场景”面板，执行“窗口”－“其它面析”－“场景”命令，打开“场景”面板。
B、为场景重命名：
双击各场景的名称，将各场景对应命名为“小鸡过马路”、“片头”、“片尾”。
重新排列场景顺序：
片头－小鸡过马路－片尾测试影片，预览效果，保存文件。
2、库的整理――管理角色
（1）打开“库”面板：
窗口－库
（2）为元件重命名，将默认名更改为容易识别的元件名。
（3）在“库”面板中建立“图形”文件夹。
（4）将图形文件放入图形文件夹。
（5）同样，建立“影片剪辑”、“声音”文件夹，并将所有的影片剪辑类型及声音元件整理到对应文件夹。
（6）保存文件。
3、影片的发布
（1）执行“文件”－“发布设置”，选择发布类型与目标。
（2）设置各项参数。
（3）单击“发布”按钮，生成新文件。
第6节库、场景的组织与管理
舞台的管理
库的整理
完成本课任务
P50练习与思考2
动画综合设计
1、掌握动画的制作方法；
学会制作带有图层、引导层、遮罩层的逐针动画。
2、体验动画的制作过程，能够独立规划完成一个完整的动画。
1.要求学生学习基本的美术和动画制作原理；
2.了解Flash各种工具的使用方法；
1.有基本的卡通画绘制能力；
一、启动flash文档，并新建一个flash文件
设置大小：
550*400帧频：
10
二、引入素材
1）文件——导入到库——打开我的文档，找到图片“背景”——打开，即可将图片导入到库
2）文件——导入到库—
升级会员 