初中第二册《信息技术》教材说明第一单元15课动画制作Flash资料Word格式.docx

初中第二册《信息技术》教材说明第一单元15课动画制作Flash资料Word格式.docx

《初中第二册《信息技术》教材说明第一单元15课动画制作Flash资料Word格式.docx》由会员分享，可在线阅读，更多相关《初中第二册《信息技术》教材说明第一单元15课动画制作Flash资料Word格式.docx（20页珍藏版）》请在冰豆网上搜索。

5

设计键盘交互

键盘交互动画；

Flash是最常用的动画制作工具，本单元主要是学习运用flash工具制作基本的动画，逐帧动画、补间动画等，动画影片、使用脚本制作交互动画等。

本单元介绍了动画原理、Flash动画类型的制作等，安排了种子发芽、动物形变、小孩捕捉蝴蝶、古诗二首多媒体课件等主题活动，通过完成活动任务引导学生在快乐中掌握动画的原理以及创作的基本知识和技能，使他们能够根据自己的知识经验创作动画。

建议7个课时完成。

第1课电脑动画制作初探，本课作为动画制作的导入课，介绍了动画原理，传统动画和电脑动画的制作，然后认识Flash这个动画制作工具，并使用这个工具制作简单的逐帧动画。

安排了“简单的三维动画”、“种子发芽”、“倒计时”等活动，学习制作简单的三维动画，用Flash编辑GIF动画，使用Flash制作逐帧动画，在活动的基础上进一步了解二维动画和三维动画，以及简单的Flash动画。

第2课创建补间动画，本课主要介绍了Flash动画的基本类型——补间动画，又叫做中间帧动画、渐变动画，只要建立起始和结束的画面，中间部分由软件自动生成，省去了中间动画制作的复杂过程，这正是Flash的迷人之处。

补间动画包括形状补间动画和动作补间动画。

形状补间又叫做形状渐变，适用的对象为图形，形状补间可以实现移动、缩放、旋转、填充渐变色、对象加速，减速，变形等效果。

形状补间起止对象都必须是图形（形状），Flash软件工具箱中工具绘制的图都是图形，可以直接制作形状补间。

动作补间又叫运动渐变，适用对象是元件。

动作补间可以实现位置移动、大小变化、颜色变化、透明度变化，明暗、色调变化等效果。

动作补间起止对象都必须是元件。

本课安排了“动物形变”和“小孩捕蝴蝶”两个活动分别制作形状补间动画和动作补间动画。

第3课导演动画影片，本课主要通过制作“猴子捞月亮”的动画，介绍了Flash短剧的创作环节和导演设计的内容：

故事情节分析、导演设计规划、场景设计、编写分镜头脚本、原画设计、制作动画、声音字幕合成等。

本课目的是要学生初步了解Flash短剧的制作过程，学会导演简单的动画影片。

第4课设计鼠标交互，交互式动画就是允许观众对影片进行控制的动画。

交互式动画在动画与观众之间形成一种互动，使观众可以参与到动画中来。

例如对按钮元件，通过鼠标的移入或移出制作出不同的响应效果。

此外，还可以通过为按钮编写脚本语言，使按钮具有控制影片的播放或者链接到指定的网页中去的功能。

这是传统动画所不具备的，在Flash中却能轻松实现。

本课通过制作古诗二首《题西林壁》、《游山西村》的多媒体课件，使学生掌握使用Flash中的动作脚本制作使用鼠标对动画进行交互的方法。

第5课设计键盘交互，本课介绍使用Flash动作脚本制作使用键盘实现人机交互的动画。

动画制作对学生具有很大的吸引力，教师要充分激发学生学习的兴趣，充分发挥学生的想象力，引导学生选择合适的工具进行素材加工和动画创作（注意引导学生使用前面收集的素材），创造出自己喜欢的形象。

在这一过程中，教师要给予学生基本的技术支持。

对于技术的学习教师要给予指导，但不是就技术讲技术。

技术的学习是整个创作过程的一个重要支撑，是创作到一定阶段的必然需求。

教学时不要从技术角度出发，以技术出结果，而是以需求选技术，用技术实现创作。

第一课电脑动画制作初探

本课为本单元动画制作的第一课，是电脑动画制作的引入课。

介绍了动画原理，传统动画、电脑动画的制作原理，然后在认识制作电脑动画的工具——Flash的基础上，让学生使用Flash编辑制作几个简单的动画作品。

本课建议课时1课时。

1．动画原理

教师讲解动画原理部分时，首先必须要让学生明白“视觉暂留”现象。

视觉暂留是人眼的一个有趣特征。

为了使学生更好的理解，教师可以列举日常生活中视觉暂留有关的事例，例如：

我们使用的日光灯每秒钟要熄灭一百次，可是由于人眼有视觉暂留的特性，在一般情况下，我们察觉不到灯光的闪动；

，在京剧《大闹天宫》里，当孙悟空迅速挥舞金箍棒的时候，金箍棒看上去就象是围绕着演员的一团金光，非常好看，这也是视觉暂留造成的。

动画原理便是以视觉暂留为基础，通过快速更换静态图像，在大脑中形成图像内容连续运动的感觉。

教师可以指导学生通过一个小实验来理解这一原理。

在书本的页脚画小花，每页增加一个花瓣，花心位置每页相同，画满花瓣后，再依次减少花瓣。

画好后快速翻动书页，观察小花的变化。

2．传统动画与电脑动画

在介绍这一部分时，教师可以给学生分别放映传统动画和电脑动画的典型作品片断，传统动画如《三个和尚》、《猫和老鼠》等，电脑动画如《小鸡快跑》、《狮子王》等。

在学生直观感受的基础上，能够使学生对动画的发展有更加深入的了解。

3．简单三维效果动画制作

教师首先要让学生了解什么是二维动画，什么是三维动画。

二维动画，是平面上的画面，以手工绘制，与传统的绘画造型艺术手段有着十分密切的联系，绘画造型水平的高低对动画作品有着直接的影响。

因此，二维动画对绘画造型能力有很高的要求。

二维动画的作品有《三个和尚》、《猫和老鼠》、《狮子王》等，三维动画的画中的景物有正面、侧面和反面，调整三维空间的视点，能够看到不同的内容。

三维动画的作品有《小鸡快跑》、《海底总动员》等。

三维动画的制作工具有很多，教材中使用UleadCool3D来制作简单的三维动画。

教师指导学生尝试使用UleadCool3D的各种功能，制作多种文字效果。

感受三维动画作品的魅力。

4．认识Flash界面

Flash是美国开发的矢量图形编辑和交互式动画制作专业软件，该软件与同是Macromedia公司出品的Dreamweaver（网页编辑软件）、Fireworks（图像处理软件）合称为网页设计的“三剑客”。

学生启动Flash后，根据教材熟悉Flash窗口名称以及Flash窗口组成元素。

在工具箱中，提供了绘制Flash图形的各种工具。

对于初次接触Flash的学生，尝试使用各种工具在舞台上进行操作。

信息岛中介绍了“时间轴、帧、图层、元件、库、影片和场景”几个Flash中的重要概念。

教师先指导学生初步理解这些概念，在以后使用Flash制作作品的过程中将更加深入了解。

5．使用Flash编辑Gif动画

Gif格式是流行于Internet上的图像格式。

GIF文件可以制作动画，这是它最突出的一个特点。

首先，在图像处理软件中作好GIF动画中的每一幅单帧画面，然后再用专门的制作GIF文件的软件把这些静止的画面连在一起，再定好帧与帧之间的时间间隔，最后再保存成GIF格式就制成了动画。

将Gif动画导入到flash中，可以清楚地看到Gif动画的帧序列。

改变帧的序列前后次序、改变图片的高、宽等，保存发布动画，体验动画制作工具的编辑动画的强大功能。

6．逐帧动画制作

教材在本课安排了两个逐帧动画制作的活动，一是“制作种子发芽”的动画，一是“制作倒计时”动画。

教师应让学生了解什么是逐帧动画。

绘制每一帧中的舞台内容，便可形成逐帧动画。

它适合于每一帧中的图像都在更改的复杂动画，而不是简单地在舞台中移动的动画。

电影电视都是由一帧一帧的画面组合完成的，也可以说是逐帧动画。

逐帧动画的概念不要求学生记住，教师在活动前，让学生观看豹子奔跑过程的8张图片，看看后一张图片和前一张图片有什么细微区别。

然后打开动画文件“奔跑的豹子”，看看由8张图片按顺序组合起来后的逐帧动画的动画效果。

创建逐帧动画

定义关键帧，即插入空白关键帧，教材上提供了一种方法，还可以使用快捷键F6实现。

制作种子发芽的动画，可以根据动画效果的需要绘制多幅画面。

幅数越多，动画越逼真。

创建逐帧动画，可以先插入所需的空白关键帧，然后逐帧绘制。

也可以绘制完成一幅画面后插入一个空白关键帧，再进行绘制。

种子图形由边框线和填充色组成。

绘制种子的方法很多，除了教材上提到的使用“铅笔工具”、“箭头工具”编辑修改的方法外，还可以使用“椭圆工具”、“钢笔工具”等进行绘制。

在学生运用不同工具完成种子图形绘制的同时，培养了他们的探究能力。

调整图片位置：

画面绘制完成后，播放动画，一般会出现种子图片的跳跃现象，影响动画的流畅和美观。

这是由于没有统一各帧图片在舞台上的位置，需要调整各帧图片的位置。

调整图片在舞台上的位置，简单的方法是使用“箭头工具”选中并移动种子图形，由于只能观看到一帧画面，必须记住上一帧画面的位置，这种方法只能大概调整每帧画面的位置。

精确调整图片位置，才能很好的避免在播放动画时出现图片跳跃现象，这里需要用到“绘图纸工具”。

绘图纸工具不在工具箱中，位于时间轴的下方。

7．保存与导出影片

文件的保存伴随Flash创作的整个过程，就是说在学生创作Flash动画文件中，要随时保存，或者每隔一段时间“另存为”新的文件，这样能够保证想要恢复到某一步操作时，调出以前的动画文件即可。

养成随时保存文件的好习惯，可以避免丢失文件。

种子发芽过程

猫和老鼠

小鸡快跑

三个和尚

海底总动员

Flash的发展史

自从Flash4在网站动画制作领域异军突起，Flash就以不可阻挡的迅猛势头随着互联网发展席卷整个网络，将“闪客”这个前所未有的名词展现到人们面前。

从Flash3到Flash4是一次巨大的飞跃，正是因为Flash4的强大功能，简单操作以及炫目的效果才引起了广大网民浓厚的兴趣，越来越多的人开始学习它、研究它。

并且Flash的特点还在于是基于矢量图形标准实现动画的，数据量只有传统位图动画的千分之一，而矢量图形又可以无限制放大而不影响质量，所以Flash能够在低文件数据传输率下实现较高质量的矢量图形和交互式动画。

发展到今天，Macromedia公司已经推出了Flash5、FlashMX（Flash6）、FlashMX2004（Flash7）和最新版本Flash8（分为FlashProfessional8和FlashBasic8两个版本）。

绘图纸工具

通常情况下，Flash在舞台中一次显示动画序列的一个帧。

为了便于定位和编辑逐帧动画，使用Flash的绘图纸工具，可以在舞台中一次查看两个或多个帧。

单击“绘图纸外观”按钮，舞台显示播放头所在帧的内容，其余帧的舞台内容是暗淡的，就如同每个帧是画在一张半透明的绘图纸上，而且这些绘图纸相互层叠在一起。

此时无法编辑暗淡的帧，只能编辑播放头所在的那一帧。

要编辑或显示其他帧，可以将播放头拖到一个新的位置。

通常情况下，绘图纸外观标记和当前帧指针一起移动。

拖动绘图纸外观标记两边的小圆点，可以显示更多的帧。

单击“编辑多个帧”按钮

，可以编辑绘图纸外观标记之间的所有帧。

第二课创建补间动画

Flash除了可以创建逐帧动画外，还可以创建补间动画。

补间动画又包括形状补间动画和动作补间动画。

本课安排了制作“魔幻变形”的动画和制作“孩子捕蝴蝶”的动画两个活动，通过这两个活动，使学生掌握形状补间动画和动作补间动画的制作过程和方法。

1.了解形状补间动画：

“形状补间动画”是补间动画的一种。

在改变一个矢量图形的形状、颜色、位置，或一个矢量图变形成为另一个矢量图的过程中，可以使用形状补间动画。

在形状补间动画中，只需创建起始和结束两个关键帧，中间帧则由Flash通过计算机自动完成。

在创建形状补间动画时，如果需要对组、实例或位图图像应用形状补间，则必须首先将这些元素进行分离，如果对文本应用于形状补间，则必须首先将文本进行两次分离（有的中文版译为“打散”）处理，使其转换成矢量图。

2．绘制图形——混色器面板的使用：

在第一课中，初步训练了图形的绘制，能够给绘制的图形填充纯色，如果想要填充线性或者放射状颜色，必须懂得混色器面板的使用。

关于混色器面板的使用在阅读参考资料“使用“混色器”控制面板设置笔触颜色和填充样式”。

3．创建形状补间动画：

在时间轴面板上动画开始播放的地方创建一个空白关键帧或选择一个关键帧并绘制图形，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并绘制另外的图形，再单击开始帧，在“属性”面板上单击“补间”旁边的小三角，在弹出的菜单中选择“形状”，此时，可以看到时间轴上发生了变化——淡绿色背景和箭头，一个形状补间动画即创建完成。

如果出现虚线，看看前后两个关键帧上是否存在非矢量图或别的元素，将其删除即可。

4．使用“形状提示”

制作形状补间动画时，有时两个图形变化差异比较大，使用“添加形状提示”会改变这一情况。

在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而较有效地控制变形过程。

在制作复杂的变形动画时，形状提示的添加和拖放要多方位尝试，每添加一个形状提示，最好播放一下看看形变效果，然后再对形变提示点的位置做进一步的调整。

形变效果还跟图形的轮廓线有关，如果删除图形的轮廓线，能够得到更加完美的变形效果。

针对提前完成活动的学生，可以让他们自行设计、制作更多更好的形状补间动画，熟练掌握“添加形状提示”的方法。

5．有关动作补间动画

动作补间动画与形状补间动画不同的是，动作补间动画的对象必需是“元件”或“成组对象”。

运用动作补间动画，可以设置元件的大小、位置、颜色、透明度、旋转等种种属性。

构成动作补间动画的元素的元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等，但不能是形状，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。

6．制作“跑动的小孩”元件

小孩奔跑时，上半身可以保持不动，只是两腿前后交替，所以我们可以只设置腿部动作，而不管上身，所以将小孩的上半身和腿分别放于两个图层。

选择“插入——新建元件”创建“跑动的小孩”的影片剪辑后，在该影片剪辑里创建小孩跑动的动画。

影片剪辑是一个完整的动画，可以包括一切的素材在里面，可以有时间轴、交互性控制、声音，还可以包含其他动画片断。

7．创建动作补间动画

将“跑动的小孩”影片剪辑拖动到主场景的“小孩”图层，并在某一帧插入关键帧，改变影片剪辑的位置，设置属性，再单击开始帧，在属性面板上单击“补间”旁边的“小三角”，在弹出的菜单中选择“动作”，建立动作补间动画，或单击右键，在弹出的菜单中选择“新建补间动画”，也可以建立“动作补间动画”。

8．动作补间属性面板选项的作用

（1）“简单”选项

在“0”边有个滑动拉杆按钮

，单击后上下拉动滑杆或填入具体的数值，补间动作动画效果会以下面的设置作出相应的变化：

在1到-100的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速补间。

在1到100的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。

默认情况下，补间帧之间的变化速率是不变的。

（2）“旋转”选项

有四个选择，选择“无”禁止元件旋转；

选择“自动”可以使元件在需要最小动作的方向上旋转对象一次；

选择“顺时针”或“逆时针”，并在后面输入数字，可使元件在运动时顺时针或逆时针旋转相应的圈数。

（3）“调整到路径”

将补间元素的基线调整到运动路径，此项功能主要用于引导线运动，我们在下一节中要谈到此功能。

（4）“同步”复选框

使图形元件实例的动画和主时间轴同步。

（5）“对齐”选项

可以根据其注册点将补间元素附加到运动路径，此项功能主要也用于引导线运动。

9．形状补间动画和动作补间动画的区别

两个活动完成后，教师可以引导学生总结形状补间动画和动作补间动画的异同。

两者都属于补间动画。

前后都各有一个起始帧和结束帧，二者之间的区别如下表：

区别之处

动作补间动画

形状补间动画

在时间轴上的表现

淡紫色背景加长箭头

淡绿色背景加长箭头

组成元素

影片剪辑、图形元件、按钮

形状，如果使用图形元件、按钮、文字，则必先打散再变形。

完成的作用

实现一个元件的大小、位置、颜色、透明等的变化。

实现二个形状之间的变化，或一个形状的大小、位置、颜色等的变化。

使用“混色器”控制面板设置笔触颜色和填充样式

填充样式可以是无色、纯色、线性、放射状或位图。

默认情况下，单击工具箱中的“填充色”按钮

，系统提供了几种渐变色。

如果希望创建自定义渐变色，则可执行如下步骤。

（1）在“混色器”控制面板中，单击“填充样式”下拉列表框，从弹出的列表中选择“线性”或“放射状”填充模式。

（2）在工具箱的“颜色”选区中单击“填充色”按钮

，从弹出的颜色列表中选择一种渐变色，这时选中的渐变色将显示在“混色器”控制面板上，如图2-1。

该渐变色将被作为基础渐变色，后面将在其基础上进行修改。

当然，也可不选择基础渐变色，而完全由自己定义。

（3）单击渐变定义栏下方的颜色指针

，将其设置为当前颜色，然后使用下面的颜色设置区设置其颜色，并可在Alpha编辑框中调整其不透明度，如图2-2所示。

图2-1选择渐变色图2-2调整颜色指针的颜色与不透明度

（4）如果要为渐变色增加新颜色，可直接在渐变色定义栏上单击，此时将出现新的颜色指针，并可左右拖动颜色指针改变其位置，如图2-3所示。

编辑渐变色时，最多只能设置8个颜色桶。

图2-3在渐变定义栏上添加颜色指针

（5）如果要删除某一颜色，可单击颜色指针并将其拖离渐变定义栏。

（6）如果要保存设置的渐变色，可单击“混色器”控制面板右上角的选项按钮

，然后从弹出的快捷菜单中选择“添加样本”菜单项，这时新创建的渐变色将被添加到当前“颜色样本”控制面板中，如图2-4所示。

图2-4保存新建的渐变色

单击工具箱“颜色”选区中的“填充色”按钮

时，系统打开的颜色下拉列表中的内容均来源于“颜色样本”控制面板中的内容。

因此，新建渐变色被增加到“颜色样本”控制面板中后，也就会出现在填充色列表中了。

引导线动画

一些做直线运动的动画在Flash中很好实现，但是有很多物体的运动是曲线或不规则的，使用引导线能实现这种运动动画。

引导线，就是引导一个物体沿着不规则曲线运动的路径，例如小球沿着弯曲的线路运动，这条线路就是引导线。

我们只要借助引导线将物体做不规则运动的路线描绘下来，就可以轻松完成引导线动画。

运动引导层上可以绘制路径，而元件、组或文本可以沿着这个路径运动。

可以将多个层链接到一个运动引导层，使多个对象沿同一条路径运动。

引导线的绘制可以选择钢笔、铅笔、线条、圆形、矩形或画笔工具。

选择圆形或矩形工具绘制的圆形或矩形，可以不用删除填充色，但是要注意被引导对象的注册点（即中心点）必须与圆形或矩形的轮廓线吻合。

如果不能很好吻合，就很难完成引导线动画，而是一个直线运动动画。

此时可以单击工具箱中的“对齐对象”按钮

，再次拖动对象到引导线上时，会发现对象被自动吸附到引导线上。

这一点很重要，是完成引导线动画非常关键的一步。

注意：

运动引导层上除了需要的引导线外不要包含无关对象，否则会影响引导线动画的成功创建。

第三课导演动画影片

本课主要通过制作“猴子捞月亮”的动画，介绍了Flash短剧的创作环节和导演设计的内容：

本课建议课时2课时。

1．剧本分析与脚本编写

确定动画剧本后，就要分析剧本，做出导演设计规划、设计场景和编写剧本，教材给出了这部分的详细分析过程，教师指导学生认真阅读分析，并为学生介绍有关脚本编写、镜头技巧等方面的知识，使学生能初步掌握基本的剧本分析与脚本写作方法。

故事情节分析给出了《猴子捞月亮》故事的主题、序幕和两个主要情节。

导演设计规划分为了脚本创作、美术设计、动画制作、检测审核四个阶段，并分别列出了每个阶段的设计项目和设计内容，教师指导学生分析领会，了解如何设计规划动画影片的制作过程。

场景设计中，根据剧情设计了四个主要场景。

分别别列出了各个场景的场景、背景、角色及其角色活动等内容，学生对照剧本，学习如何分析剧本，设计场景，为动画制作做好准备。

分镜头脚本又称摄制工作台本，也是将文字转换成立体视听形象的中间媒介。

主要任务是根据脚本来设计相应画面，配置音乐音响，把握片子的节奏和风格等。

分镜头脚本的作用主要表现在：

一是前期拍摄的脚本；

二是后期制作的依据；

三是长度和经费预算的参考。

《猴子捞月亮》的分镜头脚本设计了十个分镜头，教师指导学生仔细分析每个镜头的画面、景别、镜头技巧等内容。

关于该部分内容，专业性较强，教师应指导学生多多阅读脚本编写的相关资料，了解脚本的编写方法等。

2．原画设计与素材准备

设计原画与素材准备的环节中，教师应指导学生认识到动画中人物表情、动作的特点以及景物的变化规律。

在动画中表现人物表情时应注意表情的夸张，以增加动画人物的趣味性和观赏性。

人物的面部表情和说话时的口形变化是本课动画设计中经常出现的画面，教师指导学生必须研究并掌握其规律。

人物的表情要根据剧情的需要进行夸张处理。

口形的变化是与说话的内容和动作相联系的。

如果忽视人物说话时所需的时间，将会给配音同步带来麻烦。

教师还应引导学生认真分析动画中猴子们走、爬、跳的动作，掌握规律。

3．动画配音

配音是Flash短片中非常重要的组成部分，在配音的过程中，需要注意配音角色进入问题，也就是，在配音之前，需要仔细阅读剧本把自己的心态调整到动画中去，身临其境，这样无论从语言、语气、感情上，才可以调整到最佳状态。

教师指导学生可以按照下面的方法来配音。

先找到几个同学，按照剧本分配角色，精读剧本以后，按照剧本的结构表演一番，在表演的过程中录制台词，形成一个大的声音文件。

然后把它导入FLASH中，我们按照声音文件的节奏去创作动画。

最后把声音文件分成若干个单句，在对应动作插入关键帧，添加配音。

关于好动画剧本的编辑

想编出好的动画剧本就必须要先了解什么叫动画剧本，在传统的思维下“剧本”要让观众能够完全的感受出你所要表达的每一句每一字，透过导演的拍摄与演员的演技表现，让观众可以感受的到画面与文字间所要表达的情感，我记得当我在与导演沟通剧本与脚本的时候，我们谈论到其中的一个画面表现“天上落下了一道巨雷与主角感到不祥的预感”，听起来就是简单的两个画面表现，但是事实上它背后所影响的整个环节与结构却是相当的有影响力，原因在于每个人对于“每一个字与句”都有不同的看法，我想的“雷”与“落下”的方式与脚本人员、导演、美术与视觉设计都有不同的想象空间，但是如果每一个画面都要全部的人员一起坐下来讨论，那整个影片的进度将永远无法跟上原先预定的时程，单单的一道雷就会有如此多的差异，那更不要说是主角表情的变化了，在过去剧本人员写好了剧本就会交给脚本人员绘制，等脚本完成再经过导演、视觉设计与美术的手，往往