补间动画及其制作法
补间动画分为动作补间动画和和形状补间动画。下面分别进行讲解。
一、动作补间动画
1、什么是动作补间动画
动作补间动画，也叫运动动画。就是在一个关键帧上放置一个元件，然后在另一个关键帧上改变这个元件的大小、颜色、位置、透明度等，Flash 根据二者之间的帧的值创建的动画被称为动作补间动画。动作补间动画（运动动画）只对单一的对象有效，如果想让多个对象同时运动，必须将它们放在不同的层上，分别制作运动动画。
2、创建动作补间动画的法
A、在时间轴面板上动画开始播放的地创建或选择一个关键帧并设置一个元件，一帧中只能放一个项目（对象）。
B、在动画要结束的地创建或选择一个关键帧并设置该元件的属性。
C、再单击开始帧，在【属性】面板上单击【补间】旁边的下拉列表，在弹出的菜单中选择【动作】，或单击右键，在弹出的菜单中选择【创建补间动画】，就建立了“动作补间动画
3、小结
A、构成动作补间动画的元素可以是元件（包括影片剪辑、图形元件、按钮）、文本、位图、矢量组合等等，但不能是形状，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。运用动作补间动画，你可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，充分利用动作补间动画这些特性，可以制作出理想的动画效果。
B、用鼠标单击补间动画属性面板中【简易】右边的按钮，弹出拉动滑杆，拖动上面的滑块，可设置参数值，当然也可以直接在文本框中输入具体的数值，设置完后，补间动作动画效果会以下面的设置作出相应的变化。
在-1到-100 的负值之间，动画运动的速度从慢到快，朝运动结束的向加速补间。
在1 到100 的正值之间，动画运动的速度从快到慢，朝运动结束的向减慢补间。
如果在默认情况下，补间帧之间的变化速率是不变的。
二、形状补间动画
1、什么是形状补间动画
形状补间动画就是在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。它包含“普通形状
补间动画”和“精确形状补间动画”。
1) 普通形状补间动画的制作法
在时间轴面板上动画开始播放的地创建或选择一个关键帧并设置要开始变形的形状(一般一帧中以
一个对象为好)，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的一个形状补间动画就创建完毕。
2) 精确形状补间动画的制作法
以制作一个由山的图形变化为山字为例讲解。
具体步骤
A、运行Flash CS3，新建Flash 文档，文档属性默认。
B、单击第1帧，手绘一座“山形”，并将其打散。
C、单击第50帧插入一个空白关键帧，然后输入一个“山”字，并将其打散。并为第1帧到第50帧之间创建形状补间动画。
D、单击第1帧，为“山形”插入所需要的形状提示，然后单击第50帧，为“山”字插入所需要的形状提示。
E、进行影片测试（影片测试快捷键是“Enter+Ctrl”组合键）。
3、小结
A、形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性很强。其使用的元素多为用鼠标或绘图笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”才能创建变形动画。形状补间动画有很强大的灵活性。
B、在制作精确形状补间动画时，一定要记住将对象打散，才能成功创建精确形状变化动画。变形提示可根据实际需要进行添加。
《形状补间动画》教学设计
一、教学目标：1、认知目标：熟练掌握绘图工具和关键帧的使用；分析实例理解形状补间动画的原理，熟练掌握创建形状补间动画的制作法。2、能力目标：在创作过程中培养学生的创新能力和动手操作的实践能力，培养学生触类旁通、举一反三的自学能力，自主设计形状渐变动画的例子。3、情感目标：引导学生发挥想象，激发学生的创作欲望；培养学生敢于探索新事物，不断进取精神；促进学生相互学习合作交流。
二、教学重难点：形状补间动画的制作法。
三、教学对象分析：通过前几节课的学习，学生已经掌握了利用工具绘画简单图形的技巧；初步掌握了制作动作补间动画的制作法。这一节课继续练习运用绘图工具绘制简单图形，以便学生将想象中的事物用简单线条绘画出来。形状补间动画是入门的基本课程之一，要选好例子让学生模仿跟进.
四、教学准备：Flash MX，多媒体教学平台，演示动画，教学视频。
五、教学过程：
（一）导课（2分钟）在很多电影的特技里，经常看到类似这样的形状变形：一只小鸟变成一只蝴蝶，一条鱼变成一个乌龟等等，具体这个“变”是怎样做出来的呢，FLASH就有形状变形的本事，我们一起来看一下。（展示动画：“小鸟”变“蝴蝶”）这个动画好看吗？学生：好看，你们想学吗？学生：想学，怎样做出来的？便是我们这节课要学习的容----《形状补间动画》（出示课题）。通过本节课的学习，我们可以认识简单的形状变形是怎样做出来的，为今后深入学习动画制作做铺垫。
（二）新课（总计26分钟）先展示教学目标及教学重点、难点，然后讲授新课。
1、形状补间动画，即形状渐变动画，它的原理：某一个关键帧中的图形形状逐步过渡到另外一个关键帧中的图形形状。所谓渐变就是有一个逐渐变化的过程。（演示动画“热带鱼”变“乌龟”，加深理解）（2分钟）
大家再看这个动画是不是形状补间动画（演示动画“老鼠”变“小鸟”）问：这属于形状补间动画吗？学生：不是，因为动画里没有逐渐变化的过程。如创建这个动画呢？我们以“热带鱼”变“乌龟”为例，学习这个动画制作法。
2、创建图形形状渐变动画-----“热带鱼”变“乌龟”（10分钟）
操作法和步骤如下：
(1) 选择【开始】→【程序】命令，启动Flash MX。
(2)在第一个关键帧处，选择线条工具，绘制一条“热带鱼”的大体形状。并将填充色设置为彩色；选择椭圆工具在鱼的头部绘制一个正圆，填充黑色,完成热带鱼的绘制。
(3) 在时间轴窗口的第40帧处单击鼠标右键，从弹出的快捷菜单中选择插入【关键帧】命令。（任动画都离不开关键帧）
(4) 选中第40帧，利用箭头选取工具选择全部图形，按【Del】键删除图形。接着在第40帧处，利用同样的法用椭圆工具和画笔工具在舞台中绘制乌龟的身子头部、眼睛、四肢和尾巴，
(5)选择第1帧到第40帧的任意一个帧，右击鼠标打开【帧】面板，在【没有】下拉列表中选择【图形】。
(6)经过上述步骤的操作后，形状渐变动画绘制完成。选择【控制】→【测试影片】命令或按Ctrl+Enter组合键，观看测试效果，即可观察到该动画将从一条热带鱼逐渐变化成一只乌龟的过程，最后要保存文件。
指导学生做练习，教师巡堂，反馈，个别辅导
总结学生作品，演示好的创作，发现问题及时纠正。
可能出现的问题一：某学生在画热带鱼，填充鱼身颜色的时候，用颜色填充工具怎么都填充不了。原因分析、指导：使用放大镜工具调整视图大小，发现线条之间不是无缝结合，造成填充不了。解决法：填充工具可以有多种填充
可能出现的问题二：某学生的变形动画变形不了，创建动画失败。原因分析、指导：与上节课的容混淆，不清楚形状补间动画和动作补间动画的区别。
前面我们利用绘图工具绘制简单图形并做成动画，那么文字能否做成动画？
3、创作文本形状渐变动画----“美丽的大新”转变成“大新欢迎您”（6分钟）
演示动画“美丽的大新”逐渐变成“大新欢迎您”。先让学生自己动手操作文字与文字之间的形状渐变动画。发现做出来的不是渐变动画，教师要说明
（提示：形状补间动画只能对图形对象应用，对文字和图片必须要经过打散处理使之转变为离散图形后才能制作形状渐变动画。）
如创建这个动画呢？操作具体步骤如下：
（1）、在第1帧处输入文字“美丽的大新”，选中文字，选择【修改】→【分解组件】,（或按Ctrl+B）。强调分解组件的作用就是将文字打散，使之转变为离散图形。
（2）、在第20帧处插入空白关键帧，输入：“大新欢迎您”用相同的法将其打散。
（3）、单击选择第1帧到第40帧的任意一帧，鼠标右击打开【帧】面板，在【没有】下拉列表中选择【图形】。
（4）、单击【控制】→【测试影片】命令，观看测试效果，并保存文件。
通过以上学习，大家已经掌握了图形和文字形状渐变动画的制作法，我们电脑里有很多图片，能不能把它做成变幻的图片？大家试一试
4、创建图片形状渐变动画----变换的图片（6分钟）
图片可以从【文件】→【导入】，也可以打开【库】面板，拖曳符号到舞台上，让学生自己操作，教师巡堂，反馈，个别辅导。总结学生作品，演示好的创作，发现问题及时纠正。
（注意：将老鼠实体打散时，操作四次才能完成。【文件】→【导入】的图片只须一次就可将实体打散）
5、复杂图形的形状渐变动画（2分钟）
教师以学生刚才创作的“老鼠”变“小鸟”讲解复杂图形的形状渐变动画：通过增加形变控制点来控制形变过程。依靠这些控制点可以将初始形状与终止形状的各个部分进行对应。
（1）选中第1帧，选择【修改】→【转换】→【添加形状提示】，出现变形关键点的红色标记＠，
（2）在＠处鼠标右击选择添加提示选项，再增加两个关键点，拖动其到其它位置。
（3）选中第20帧，可以看到在小鸟的图形上部，也有一个变形关键点＠，而另外两个关键点都在它的下面，将它们分别拖到小鸟的两个不同位置。
（4）单击【控制】→【测试影片】，测试效果。
（三）小结（1分钟）（师生互动完成小结）
本节课讲述了形状补间动画的原理，要求同学们能熟练掌握创建形状补间动画的法。并能熟练利用绘图工具绘制出美观的动画（四）巩固（11分钟）演示音乐动画歌曲“让我们荡起双浆”
任务：运用本节课所学知识任意选题创作形状补间效果的动画。1、图形与图形之间的动画。2、文字与文字之间的动画。
制作要求：选题恰当，色彩搭配合理，动画效果美观。
学生作品完成后，教师组织学生互评，自评，相互学习观摩并总结操作过程。
《形状补间动画》教学反思
形状补间动画是入门的基本课程之一，要选好例子让学生模仿跟进，本课程中的例子“热带鱼”变“乌龟”，既贴近生活，又能启发学生的创作灵感，学生会感兴趣去做练习。
讲新课前，我先演示了几幅事先做好FLASH动画例子，以激发学生的学习兴趣和创作灵感，让学生模仿跟进，然后加入到积极的思考当中，这样才能真正将知识做到活学活用。本节课我将一些简单易做的动画让学生通过自己所想的办法去实现它，让他们通过思考后学会做这类动画的法，而不是让他们只记操作步骤。
“热带鱼”变“乌龟”是flash动画制作形状渐变过程中上课时详细讲的例子，这个例子主要是让学生理解图形渐变过程中的形状渐变的制作法，这个题目从一定程度上激发了学生学习制作的兴趣。同时在学生模仿练习制作过程中还着重体现了同学之间的合作精神，培养了学生的互助协作的能力。
“美丽的大新“转化为“大新欢迎您””的设计，先让学生用上个例子的做法看能否做出来，为什么不能实现渐变过程？让学生带着疑问、带着浓厚的兴趣去讨论、尝试解决。从而使学生能巩固对文字渐变时要对其进行“分解”的知识点，这也是本节课的重点和难点。
在上两个例子学会制作之后，再让学生能举一反三，学习制作一些有关图片渐变动画。教师不用再讲，学生完全能够独立完成。再利用课前准备的一些循序渐进的题目作练习，以进一步巩固所学的知识。
上课时可能出现的问题教师事先要做好准备：
1.问题：某学生在画热带鱼，填充鱼身颜色的时候，用颜色填充工具怎么都填充不了。原因分析、指导：使用放大镜工具调整视图大小，发现线条之间不是无缝结合，造成填充不了。解决法：填充工具可以有多种填充。
2.问题：某学生的变形动画变形不了，创建动画失败。原因分析、指导：与上节课的容混淆，不清楚形状补间动画和动作补间动画的区别。解决法：理解形状补间动画与动作补间动画的两者区别①、Flash的渐变动画由处于两端的关键帧和位于中间的一系列过渡帧组成。我们只要设计两个关键帧中的容，过渡帧由计算机自动计算得出。②、Flash的自生成动画分两种：形状补间动画和动作补间动画。其中形状补间动画产生两个关键帧间物体的变形动画；动作补间动画产生两个不同位置间的移动动画。③、从时间轴背景色观察：形状补间动画时间轴背景色是绿色的，动作补间动画时间轴背景色是蓝色的。
学生好奇心强，想象力丰富，可能会提出异议，还可能制作动画失败等等，教师要充分备课，要预料到课堂上可能出现的突发问题。做到有的放矢。
在小结时由老师总结，没有调动学生独立思考回答问题的能力，这是本节课不妥之处。课堂小结应采取师生互动，即让学生先回答，学生能答对，老师给与表扬鼓励，会使学生产生成就感，极大促进了学生的学习热忱，坚定了学生自信，勇于创新，可能由此产生更大的创作灵感。如果学生总结有漏洞，教师再做总结补充总结。
最后巩固练习让学生自己设计动画制作，教师先演示音乐动画歌曲“让我们荡起双浆”，然后布置任务：运用本节课所学知识任意选题创作形状补间效果的动画。老师不要求学生千篇一律，这样可以激发学生的创造思维，特别是空间想象思维。让同学们都树立追求创新的意识，积极进取，奋发向上，
坚定自信，勇于开拓，在学习中善于发现问题并提出问题，自觉、主动和积极地参与创造性活动，敢于联想、怀疑和批判，寻求变异，从某些事实中寻求新的关系、找出新的答案。
动画的制作第三课时动作补间动画的制作
学习目标：
1、学会动作补间动画的制作法。
2、知道实现动作补间动画的条件及可实现的动画效果。
3、知道形状补间动画和动作补间动画的区别。
重点：
1、动作补间动画的制作法。
2、形状补间动画和动作补间动画的区别。
课型：新授课
学情分析：
通过上一课时形状补间动画的学习，学生已了解了补间动画的制作法关键在于制作首尾两关键帧的场景画面，且关于flash的一些基本概念和基本操作也已基本熟悉，这节课重点在于让学生知道形状补间动画和动作补间动画的区别及动作补间动画的制作法。
教学准备
1、多媒体演示文件
2、学生学案
3、演示及学生练习用素材文件：小球运动1.fla、踢球.Fla、gif动画“滑步踢”。教学地点：计算机室
教学课时：1课时
教学法和学习法：学案导学、任务驱动、小组探究、
教学流程：
一、复习回顾
1、演示集体复习：（1）补间动画定义、
（2）形状补间动画的对象-形状
复习任务：制作20帧的形状补间动画：小球从场景左侧移动到右侧。
学生总结：
1、形状补间动画制作过程
2、形状补间动画的组成元素、可实现的作用效果
二、新课教学
1、动作补间动画制作过程
（1）教师：
形状补间动画既可以实现同一个形状的颜色、大小、位置变化，也能实现两个形状之间的变化。
Flash补间动画除了形状补间动画——表现形状的变化，还有一种是动作补间
动画——表现同一个对象
．．．．．在场景中的运动变化情况。动作补间动画的制作法与形状补间动画的制作法基本相同——设定首位关键帧场景画面，再起始帧设定补间；不同点：①动作补间动画的表演对象是元件或组合对象，②补间式：动作。
下面同学们就分组探究一下动作补间动画的制作，完成探究任务一。
（2）试一试：
探究任务一：创作20帧动作补间动画：小球从场景左侧渐渐进入场景
总结：动作补间动画的制作过程
操作步骤：1、创建元件“小球”2、第一帧把小球放入场景3、插入末关键帧，移动小球位置4、选择首帧，创建动作补间动画，时间轴变化5、测试影片
（3）问题点拨总结
现象：非法动作补间动画（展示学生制作过程中出现的非法动作补间动画或教师准备）
原因：1、场景中有形状2、场景中有两个或多个元件
总结：动作补间动画的组成元素必须是元件或组合对象，且首尾关键帧必须是
一个
．．．元件。
．．且是同一个
2、首关键帧属性设置：旋转
（1）教师：刚才小球是平移到场景中的，如果是一个车轮的话，那么它应该是——生：滚动着进入场景的
师：对，动作补间动画可以设定让计算机补间填充的时候
．．．．．．．对象运动加旋转。如设置？
生：起始帧属性。
师：任务二，滚动进入场景，停留20帧——时间轴延长，场景中没有变化。（2）试一试：
练习任务二：修改小球运动式：滚动进入场景，并在场景中停留20帧。
（3）问题点拨：
问题：旋转效果看不出来，原因：圆，填充色单一。
解决：修改元件填充色，让小球看上去有质感。
提示：后台修改元件，场景舞台中元件随之改变——元件的优点。
3、首关键帧属性设置：速度的变化
（1）教师：进入场景后小球本来静止，这时如果有个人过来踢了一脚，那么它会怎么变化？
学生回答：快速移动，并随着时间速度渐渐慢下来。请同学们再试一试：如设置小球运动的时候速度由快到慢？
（2）试一试：
探究任务三：第40帧开始，小球受外力影响，第60帧退出场景。
4、元件对象的调整——变形工具使用及元件属性设置
A、变形工具应用
（1）教师演示加解说：
如果小球渐渐离我们越来越远，看上去应该有“近大远小”的感觉，我们可以设定小球在退出场景的时候越来越小，这就需要利用“任意变形工具”修改元件对象。
（2）试一试：
探究任务四：修改动画，小球退出场景时越来越小。
B、元件属性设置：
（1）教师：小球运动的过程中除了位置、旋转、大小、速度有所变化，它的颜色、亮度透明度也可以有变化，这就需要修改元件的属性。
演示：选中元件，元件属性窗口，修改元件颜色、透明度。
（2）试一试：
探究任务五：修改动画，使小球在场景中停留时颜色、透明度
．．．．．．产生变化。
（课后记：对于修改小球中间运动状态，需要额外添加关键帧，可能有同学不熟练，故可以讲任务简化，小球退出时越来越小并渐渐看不清楚，退出人的视野。提示：小球距离远，会变小，另外人的眼睛可能就看不清楚，这就需要对元件本身做调整，一调大小，二可设置透明度。任意变形工具和元件属性设置窗口设置。探究任务：修改动画，小球60帧退出场景，越来越小，最后退出视野（即看不见了）。）
6、归纳对比：动作补间动画和形状补间动画对比
7、课后思考探究：
师：通过刚才的研究，动作补间动画是一个元件对象的运动变化，如果场景中出现了两个元件，动作补间就出现问题，下面看这个动画：两个小球同时运动，一个做水平运动，另一个做垂直下落弹起运动。如实现的？
提示：图像合成原理——图层的概念，flash也有图层功能。
拓展任务：如果场景中两个球，其中一个球做刚才的水平运动，另一个做垂直落下弹起的运动，如实现？
8、课堂小结：
1、动作补间动画制作过程
2、形状补间动画和动作补间动画比较
教学反思：
第三课时《动作补间动画》学案
学习目标：
1、学会动作补间动画的制作法。
2、知道实现动作补间动画的条件及可实现的动画效果。
3、知道形状补间动画和动作补间动画的区别。
重点：
1、动作补间动画的制作法。
2、形状补间动画和动作补间动画的区别。
学习流程：
一、回顾
复习任务：制作20帧的形状补间动画
．．．．．．：小球从场景左侧移动到场景右侧。
总结：
1、形状补间动画的组成元素：
2、形状补间动画制作过程：
3、形状补间动画可实现的动画效果：
二、探究学习——动作补间动画制作
1、动作补间动画制作过程
探究任务一：添加图形元件
．．．．小球，创作20帧的动作补间动画，
．．．．．．．小球从场景左侧渐渐进入场景。
总结：动作补间动画的制作过程
2、首关键帧属性设置：
探究任务二：修改小球运动式：滚动
．．20帧。
．．进入场景，并在场景中停留
探究任务三：第40帧开始，小球受外力影响
．．．．．，退出场景。
4、变形工具应用
探究任务四：修改动画，小球退出场景时越来越小
．．．．。
5、元件属性设置：
探究任务五：修改动画，使小球在场景中停留时颜色、透明度．．．．．．
产生变化。
三、归纳对比：动作补间动画和形状补间动画
四、拓展思考：
拓展探究任务：如果场景中两个球．．．
，其中一个球做刚才的水平运动，另一个做垂直落下弹起的运动，如实现？
五、反思总结：
?
华莉 制作基本动画——动作补间动画
?
? ? 市六合区励志学校 华莉
■教材分析
《制作基本动画》这节课，是科版初息技术教材第八单元第三小节容，学生在第二小节“初识Flash动画”中，获得Flash操作的基本知识，自然过渡到本小节，制作简单的动画，通过本节课的学习，使学生熟练制作动画的一般步骤，继而开展第二课时“形状补间基本动画”的学习，所以本课容承上启下，起着很重要的作用。
■学情分析
通过第二小节的学习，学生熟悉Flash界面，能够使用基本工具绘制简单图形，也能运用外部导入图片作为元件素材。学生初步理解关键帧概念，知道将元件作为动作设计的对象。学生清楚动作动画下，元件的几种运动形式：选转、变大、变小、位置的变化，能使用逐帧动画制作元件的运动，这些都为本节课得以开展打下了基础。
■教学目标
1．知识与技能
从宏观上认识到补间动画的两种类型。
学会动画补间的制作法,了解动作补间动画的几种动作类型及其特点。
理解并熟练使用关键帧设置元件运动点。
理解层概念，初步使用层制作多个元件运动。
2．过程与法
教师通过展示“移动的太阳”动画，巩固图形元件制作。
通过演示法，学习动画补间制作的三个步骤。
学生演示自己制作的过程，并总结动作补间动画的步骤。
学生探究多图层、多元件的制作。
3．情感态度与价值观
(1) 在教师以“电影拍摄”为切入点的影响下，学生通过制作一个元件(演员)，开始理解Flash 运作过程。
(2) 学生领会动画制作的一般规律，能做到举一反三。
4．行为与创新
(1) 学生能够使用层技术制作多个元件运动，体验创新后的喜悦。
(2) 使用图片作为元件容，丰富Flash制作过程。
■课时安排
安排1课时。
■教学重点与难点
1．教学重点
Flash中关键帧的使用。
Flash新建新图层并为图层更名。
动画补间制作的步骤。
2．教学难点
理解层、关键帧的作用，并正确使用它们。动画补间的制作步骤。
■教学法与手段
演示法、任务驱动法、讨论法。
■课前准备
课件、学件、学习素材。
教学反思
一、成功之处
本节课是Flash学习的第二课，学生初步接触关键帧概念，在前面的学习里，我发现很多学生，也不在乎插入的是什么帧，只管点右键插入帧，结果动画布局一塌糊涂，引起很多问题，比如“插入的是空白关键帧，他不理解演员到这里怎么就没了”，而讲解这些问题，需要花费一定时间，这不符合本节课的教学目标。
我认为让学生不被一些细枝末节所牵引，接受关键帧很重要，此处，我将“关键帧”比喻为一“剧本页”，那么学生自然想到，必须在“剧本页”上写些台词，由此形成一种观念“要让元件运动，前提必须插入关键帧”，到此，制作动画已经事半功倍。
动作补间是关键帧的替代，在初次“初次创建补间”时，我只从理论上粗略讲一讲。在后面的探索任务中，学生通过实际操作，如增加“关键帧”操作，能够进一步理解补间概念。
层的概念，学生初步接触，不能完全理解，所以，我将层比喻为“剧本”，每个演员都要有独立的剧本，自然引出多层操作。
二、不足之处
1．主题构思面
总观全局，我所设计的任务主题围绕“移动太阳”，通过在画面上增加元素，完成任务的梯度进阶。这个主题，缺乏新意，和生活联系似乎并不紧密，这是我的不足之处。
2．任务设计面
拓展任务设计上，对于一些学得好的学生，能很快做出来，任务在分层探索面做的不够。
3．教学引入
Flash 补间形状、补间动画、传统补间的主要区别(2015-04-19 15:14:46) 注意：
在Flash中，补间形状（形状(变形)动画）只能针对矢量图形进行，也就是说，进行变形动画的首、尾关键帧上的图形应该都是矢量图形， 矢量图形的特征是：在图形对象被选定时，对象上面会出现白色均匀的小点。利用工具箱中的直线、椭圆、矩形、刷子、铅笔等工具绘制的图形，都是矢量图形。 在Flash中，传统补间（动作(动画)补间动画）只能针对非矢量图形进行，也就是说，进行运动动画的首、尾关键帧上的图形都不能是矢量图形，它们可以是组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等。转为元件能修改的属性参数比较多，因此在上表对象中统一为元件。 非矢量图形的特征是：在图形对象被选定时，对象四周会出现蓝色或灰色的外框。利用工具箱中的文字工具建立的文字对象就不是矢量图形，将矢量图形组合起来后，可得到组合图形，将库中的元件拖曳到舞台上，可得到该元件的实例。 滤镜：图形效果，可以为文本、按钮和影片剪辑增添有趣的滤镜视觉效果。使用补间动画可让应用的滤镜动起来。 遮罩层的应用 1. 建立各图层中对象：可先建欲作被遮罩图层再建欲作遮罩图层 2欲作遮罩图层在上，图即为通透区欲作被遮罩图层在下 2. 效果制作：其中一层做动画设计等 3. 将欲作遮罩图层（现为普通图层）转为遮罩层：快捷菜单中转。欲看效果将两图层锁住 引导层与运动引导层的区别：
引导层的应用 引导层起到辅助其他图层静态对象定位的作用。单独使用（无须使用被引导层），引导层上的内容不会输出（即不显示在发布的SWF 文件中），性质和辅助线差不多。 为了在绘画时帮助对齐对象，可创建引导层，然后将其它图层上的对象与在引导层上创建的对象对齐。引导层不会导出，因此不会显示在发布的SWF 文件中。任何图层都可以作为引导层。图层名称左侧的辅助线图标表明该层是引导层。 运动引导层的应用 要控制传统补间动画图层（即被引导图层）中的对象的移动，可使用运动引导层。 1. 建被引导图层：建内容及动画。 2内容可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状（矢量图）2最常用的动画形式是动作(动画)补间动画 2被引导图层可为多个 2. 建运动引导层： 2内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。 2导出影片中此层不可见 3. 附着：在被引导图层动画开始和结束的关键帧上，让元件的注册点（选中元件上的带十字圆）对准运动引导层线段的开始和结束的端点 注意：
一、图形有二种类型：矢量图形和位图图形； （1）矢量图形：文件体积小，是由一个个单独的点构成，每个点都有各自的属性，如位置、颜色等，矢量图形放大后不失真、无马蹇克、不会产生模糊和锯齿。 而矢量图像属于描述性，以线段和计算公式作为记录的对象。而矢量图像是根据放大后的坐标重新生成图像，不会产生模糊和锯齿。）为什么矢量图像“饱经风霜”却依旧“面不改色”呢？这就是因为前面说过的矢量图像的特点：通过记忆线段的坐标来记录图像。 图像放大缩小的同时坐标也放大缩小，而各个坐标之间的相对位置并没有改变。然后根据改动后的坐标重新生成图像。因此无论放大多少都不会失真。矢量图则损失相对较少，矢量图更多的用于工程作图中.比如说ACD. （2）位图图形：就是以无数的色彩点组成的点阵图案，当你无限放大时你会看到一块一块的像素色块，效果会失真。位图，也叫做点阵图，删格图象，像素图，简单的说，就是最小单位由象素构成的图，缩放会失真。 位图由像素组成.而失量图由失量线组成，再有的区别就是.位图可以表现的色彩比较多. 而位图更多的应用在作图中.比如PS 二、补间动画有二种：动画补间和形状补间 什么是FLASH形状补间动画？ 形状补间：是由一个物体到另一个物体间的变化过程，像由三角形变成四方形等。时间轴上形状补间是淡绿色底加一个黑色箭头组成的。 在时间面板上，我们在一个关键帧上面绘制一个图形，然后在另一个关键帧上绘制一个图形或者是将开始一个图形的形状进行改变，FLASH两个关键帧之间的形状或者是值的改变的动画就叫做形状补间动画。 （一）．形状补间动画规则：FLASH中形状补间动画只能对矢量图形进行，制作形状补间动画时，首尾关键帧上的图形都应该是矢量图形，有大小，移动，颜色，透明度，旋转属性可以改变。除此之外，还多了一个外形的变化（比如说方形变为圆形，就只能用形状动画，动画补间是做不出来这种效果的。 2．矢量图形的特征是：图形对象被选中时，对象上面会出现白色的均匀的小点。 3．矢量图形来源： 1）利用工具箱中的直线、椭园、矩形、刷子、铅笔等工具绘制的图形
制作补间动画 运动补间动画 一、教学目标 知识与技能： 1．补间动画的概念及分类。 2．掌握创建运动补间动画及复杂运动补间动画。 过程与方法： 通过学生自主学习和合作探究，培养学生运用信息技术解决实际问题的能力。 情感态度与价值观： 培养学生养成严谨的学习态度和团结协作的精神，提升素质，发展个性。 二、教学的重点和难点： 重点：创建运动补间动画；难点：创建复杂运动补间动画。 三、教学准备：多媒体网络控制系统、足量的电脑、FLASH 四、教学方法：讲授法提问法讨论法练习法 五、教学安排：1课时 六、教学过程： （一）复习导入 在上节课中我们学生了蜡烛的制作，有没发现什么问题呢？ 我们发现每帧间的画面跳跃太快。怎么办呢？ 这就是本章节要学习的内容---制作补间动画。补间的意思是“在中间”，即在两个关键帧间经过计算自动生成中间各帧，使画面更加平滑流畅。 （二）讲授新课 1．如何创建运动补间动画 以让“心跳起来”为例讲授运动补间动画的操作步骤。 ①在FLASH中打开第一单元第三节制作好的“爱心.fla”文件（把“爱心”图形转换为图形元件）； ②在“时间轴”面板上选中第10帧，按F6键插入一个关键帧，再选中第5帧，按F6键插入一个关键帧。 ③在“时间轴”面板上选中第5帧，单击“任意变形工具”按钮，将第5帧的图形元件拉大；
④选择“创建补间动画”命令； ⑤测试影片。 2．如何创建复杂的运动补间动画 制作一个小球自由下落过程的动画。 ①创建一个FLASH文档； ②单击“椭圆工具”，设置笔触颜色为无，填充颜色为蓝色，将鼠标指针移到舞台上，按住SHIFT键，拖动鼠标，画出一个圆； ③在“混色器”面板下拉框中选择“放射状”效果，将左边取色器设为白色，右边取色器高为蓝色，并将右边取色器拖到中间位置； ④单击“颜料桶工具”，将鼠标指针移到刚才所画的圆，单击圆，这样就做好了一个局部高亮的球体； ⑤单击“箭头工具”，选中球体，按F8键转换，在弱出的“转换为元件”的窗口中将元件名称改为“球”，元件类型设置为“图形”，将球转换为图形元件； ⑥在时间轴上选中第15帧，按F6键插入关键帧； ⑦单击“箭头工具”，将鼠标指针移到第15帧的球体上，单击球体，同时按下SHIFT键，拖动鼠标垂直向下，将球移到舞台下方； ⑧将鼠标指针移到时间轴上，右击第1帧，在弹出的菜单中，选择“创建补间动画”命令； ⑨按CTRL+ENTER键预览小球。 2、让小球由慢到快下落、反弹、再下落。 ①将鼠标指针移到时间轴上，单击第1帧，在第1帧的“属性”面板中将简易值设为“-100”； 提示：简易值为正，物体减速运动；简易值为负，物体加速运动。 第1帧“属性”面板中设置旋转为“顺时针”，次数为“1”； ②单击21帧，按F6键插入关键帧，单击第18帧，按F6插入关键帧，将鼠标指针移到小球上，按住鼠标左键同时按住SHIFT键，拖动鼠标，向上移动第18帧的小球到与第1帧小球相同的位置； ③在时间轴上，分别右击第15帧和第18帧，创建补间动画； ④测试影片。 （三）课堂练习： 1．制作一颗流星，从天空划过。 2．制作一个射箭的动画（至少需要两个图层：一个运动的箭，一个是静止的靶）。 3．制作文字动画。制作要求：“团结”、“奋进”、“求实”三组字分别从大到小、由远到近
“形状补间”动画 一、教学目标与要求： 1．知识与技能目标 （1）掌握“形状补间”动画制作的一般步骤，学会“形状补间”动画的制作方法。 （2）学会创建影片剪辑的方法，理解影片剪辑的意义。 （3）分析比较“动画补间”动画和“形状补间”动画的区别，进一步理解动画制作的原理。 2．过程与方法 通过制作“多边形变成圆形”、“老鼠变成小猪”两个简单的变形动画，了解“形状补间”动画制作的一般方法。对比“动画补间”动画的制作方法，分析“动画补间”和“形状补间”这两种基本动画制作中的区别，提高学生对动画制作的理性认识。 3．情感态度与价值观 激励学生进一步学习动画制作，由浅入深、由表及里地掌握动画制作的方法，提高制作动画和欣赏动画的水平，培养学生的自主探索、协作研究的精神。 二、教学方法： 讲解与演示相结合，自主学习与合作学习相结合。 教学重难点： 规则图形变形 图形渐变 三、教学重点：变形动画不规则图形变形 文字渐变 四、教学难点：创建影片剪辑的方法，理解影片剪辑的意义。 教学过程： 1．导入 播放“多边形变成圆形”、“老鼠变成小猪”的动画，提出问题，激发学生的学习兴趣。2．讲授新课 任务一：制作“多边形变成圆形”的动画。 （1）教师按下述步骤，一次性完成其中所有操作，学生理解、记忆老师的制作步骤。 ○1执行“修改→文档”命令，在弹出的“文档属性”对话框中，设定动画的大小为“400px ×150px”，单击“确定”按钮。 ○2单击“图层1”第1帧，按住工具栏中的“矩形工具”，在弹出的下拉菜单中选择“多角星形工具”，设置填充颜色为“绿色圆形渐变色”，在场景编辑区左侧画一个五边形。
○3单击时间轴的第30帧，执行“插入→空白关键帧”命令，插入一个空白关键帧。 ○4选择“椭圆”工具，在场景编辑区右侧画一个圆。 ○5单击时间轴窗口下边的“绘图纸外观”按钮，在第30帧处能看到第1帧的画面内容，以便调整场景中元件的位置。 ○6单击第1帧，在帧“属性”面板中，设置“补间”项为“形状”。 可见时间轴的第1帧到第30帧之间的影格呈淡绿色，同时标上了一条黑色的箭头线，表示这段动画是“形状补间”动画。 ○7制作完毕，执行“控制→播放”命令，观察动画效果。 （2）学生在没有操作步骤参考的情况下，根据对老师演示操作的理解性记忆，模仿制作动画，增强对操作步骤的理解和掌握。 （3）教师指导学生自己动手操作，及时指出学生操作中出现的问题，对做得好的同学进行表扬，并在学生中展示。 任务二：制作“老鼠变成小猪”的动画。 （1）教师按下述步骤，一次性完成其中所有操作，学生理解、记忆老师的制作步骤，为学生创造性制作自己的动画作品打下基础。 ○1将“老鼠”和“小猪”两幅图片导入到库中，把“老鼠”图片拖到舞台中。 ○2选定“老鼠”图片，执行“修改→位图→修改位图为矢量图”命令，将“老鼠”图片转换成矢量图，删除周围多余部分。 ○3在时间轴30帧处右击，在弹出的快捷菜单中选择“插入空白关键帧”命令。 ○4将“小猪”图片拖到场景中并转换为矢量图，删除周围多余部分。 ○5单击第1帧，在帧“属性”面板中，设置“补间”项为“形状”。播放观看动画效果。（2）学生在没有操作步骤参考的情况下，根据对老师演示操作的理解性记忆，模仿制作动画，增强对操作步骤的理解和掌握。 （3）教师指导学生自己动手实践，及时指出学生操作中出现的问题，对做得好的同学进行表扬，并在学生中展示。任务三：总结“形状补间”动画的主要制作步骤。 （1）在一段动画的起始帧插入关键帧，在起始帧的场景中编辑对象。 （2）选择结束帧插入空白关键帧，在结束场景中编辑对象。 （3）选择开始帧，在帧属性面板中设置补间为“形状”。 任务四：学生自主尝试制作动画“盛开的小花”。 （1）学生在老师的指导下，对照教材中给出的操作步骤自主制作动画“盛开的小花”。（2）老师检查学生的制作情况，对共同性问题集体讲解。 （3）表扬和展示学生成果。
第三节制作补间动画第一课时动作补间动画 一、教材分析 本课是重庆大学出版社出版的初中信息技术(八年级下册)二单元第三节《动画中的图形与文字》的内容,在前面的课时中,学生已经认识了F l a s h的界面,学会了绘制简单图形及库、元件的使用,但是没有让元件在舞台上真正地动起来。本课教材通过具体的实例让学生学会对图层制作动作补间动画来得到一般性思路及操作步骤,为将来学习形状补间动画及遮罩动画打下知识与方法上的基础。 二、学情分析 从知识上讲,通过前段时间的课堂学习,学生已对动画的原理有了初步的了解，认识了解F l a s h的界面，能够制作逐帧动画,从方法上讲,大多数学生对动画的制作从什么地方入手、有哪些步骤还比较模糊,但是他们都希望让自己的元件在舞台上真正地动起来,体验一下技术带来的动感艺术。 三、教学目标 知识与技能: 1.让学生学会使用工具箱中的选择工具、文本工具、矩形工具制作图形元件； 2.让学生学会制作动作补间动画,学会设置“缩放、旋转、缓动”等选项,做出各种动画效果。过程与方法 通过制作“闪烁的星星”和“贺词”补间动画，让学生学会分析和分解运动过程，理解制作补间动画的一般性思路，掌握动作补间动画的制作方法。 情感态度与价值观 1.让学生通过F l a s h技术手段,做出各种动画效果,从而来正确表达自己的个性化想法，培养学生发现美，创造美的能力。 2.通过教师的引导和小组合作排除学生的畏难情绪，培养学生团队与协作精神 3.通过制作《感恩母亲节贺卡》，让学生进一步体味母爱的无私、伟大，给学生一个表达感恩母亲节的有效途径，激发学生常怀有一颗感恩之心。 四、教学的重点和难点： 重点：如何恰当、合理运用Flash 的补间动画设计简单对象动画过程的制作方法 难点：制作补间动画的一般性思路，如何利用动画设计来开发学生的表达能力，创造力
《补间动画制作》学案 设计教师：陈树君 （二）动作补间动画 说明：前两节课我们已经学习了补间动画的其中一种：形状补间动画，今天我们开始学习补间动画的另外一种：动作补间动画。 一、补间动画的概念 1、补间动画 补间动画只需要确定开始和结束帧的图形，然后由Flash软件自动生成它们之间的画面。也就是说制作补间动画只需要完成第一帧和最后一帧的画面即可。 补间动画分成两种，一种是形状补间动画，一种是动作补间动画。 2、形状补间动画 在Flash软件中，在开始和结束帧中绘制不同形状的图形，然后由Flash软件自动生成它们之间形状变化画面的动画，叫做形状补间动画。 3、动作补间动画 在Flash软件中，先确定开始和结束帧画面中对象的位置、大小，然后由Flash软件自动生成它们之间的画面的动画，叫做动作补间动画。 二、形状补间和动作补间动画的区别 1、形状补间动画时间轴上帧格为浅绿色；动作补间动画时间轴上帧格为浅紫色。 2、制作动作补间动画，画面中的对象必须先转换为元件。 三、动手实践 1、基础练习：制作一个球呈V形移动 第一步：启动Flash，新建一个Flash文档。 第二步：在舞台的左上角绘制一个球的图形。 第三步：选定整个球图形，然后执行修改菜单中的转换为元件命令，把它转为元件。 第四步：右击25帧，插入关键帧，并把图形移到舞台的下部居中。 第五步：右击50帧，插入关键帧，关把图形移到舞台的右上角。 第六步：右击第1帧，单击创建补间动画命令，在第1-25帧之间创建补间动画。 第七步：类似的，右击第25帧，在第25-50帧之间创建补间动画。 第八步：播放动画，看球是否呈V形移动，满意后保存起来。
气球飘飘——设置动作补间动画 一、教学目标 1、知识与技能 （1）、学会制作动作补间动画。 （2）、掌握元件渐隐效果的设置。 （3）、了解形状补间动画与动作补间动画之间的区别。 （4）、巩固元件操作的基本方法。 （1）、通过学习“气球飘飘”的动作补间动画，理解动作补间动画的原理，掌握动作补间动画制作的基本方法。 （2）、通过比较形状补间、动作补间这两种基础动画，初步理解Flash动画制作的原理，能制作一些简单的动画。 （3）、通过学习文字渐隐效果的动画，进一步掌握文字操作的基本方法，加深对动作补间动画制作的了解。 3、情感、态度与价值观 （1）、激发学生学习动画制作的兴趣，培养学生善于分析问题、触类旁通、举一反三的自学能力，培养学生动手操作的实践能力。 （2）、激发学生的想象和创作欲望、培养学生敢于探索新事物、不断进取的精神，促进学生相互学习与合作交流。 （3）、培养学生尊重他人劳动成果、尊重他人知识产权的意识。 二、学情分析 1、教学重点：制作物体的动作补间动画。 2、教学难点：两种基础动画制作方法的异同，触类旁通制作其他动画。 3、教学对象分析：通过前段时间的学习，学生对Flash软件中常用的概念有了进一步的了解，对动画的制作产生了浓厚的兴趣，具备了制作简单动画的能力。 4、教材分析：本课主要的学习内容是制作动作补间动画，在学习过程中使学生理解动作补间动画的原理及与形状补间动画的异同点，在不同的动画设计中灵活选用。本课以“气球飘飘”这一情景引入，在学生在动手操作、实践的探究过程中，掌握Flash软件的另外一种制作动画的基本方法——动作补间。 5、教学资源：多媒体电脑室、课件、素材、评价表 6、教学设计思想及内容结构：
第二课创建补间动画 Flash除了可以创建逐帧动画外，还可以创建补间动画。补间动画又包括形状补间动画和动作补间动画。本课安排了制作“魔幻变形”的动画和制作“孩子捕蝴蝶”的动画两个活动，通过这两个活动，使学生掌握形状补间动画和动作补间动画的制作过程和方法。 1.了解形状补间动画： “形状补间动画”是补间动画的一种。在改变一个矢量图形的形状、颜色、位置，或一个矢量图变形成为另一个矢量图的过程中，可以使用形状补间动画。在形状补间动画中，只需创建起始和结束两个关键帧，中间帧则由Flash通过计算机自动完成。在创建形状补间动画时，如果需要对组、实例或位图图像应用形状补间，则必须首先将这些元素进行分离，如果对文本应用于形状补间，则必须首先将文本进行两次分离（有的中文版译为“打散”）处理，使其转换成矢量图。 2．绘制图形——混色器面板的使用： 在第一课中，初步训练了图形的绘制，能够给绘制的图形填充纯色，如果想要填充线性或者放射状颜色，必须懂得混色器面板的使用。关于混色器面板的使用在阅读参考资料“使用“混色器”控制面板设置笔触颜色和填充样式”。3．创建形状补间动画： 在时间轴面板上动画开始播放的地方创建一个空白关键帧或选择一个关键帧并绘制图形，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并绘制另外的图形，再单击开始帧，在“属性”面板上单击“补间”旁边的小三角，在弹出的菜单中选择“形状”，此时，可以看到时间轴上发生了变化——淡绿色背景和箭头，一个形状补间动画即创建完成。如果出现虚线，看看前后两个关键帧上是否存在非矢量图或别的元素，将其删除即可。 4．使用“形状提示” 制作形状补间动画时，有时两个图形变化差异比较大，使用“添加形状提示”会改变这一情况。在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而较有效地控制变形过程。
1．动作补间动画的概念 （1）动作补间动画的概念 在Flash的时间帧面板上，在一个时间点（关键帧）放置一个元件，然后在另一个时间点（关键帧）改变这个元件的大小、颜色、位置、透明度等等，Flash 根据二者之间的帧的值创建的动画被称为动作变形动画。 （2）构成动作补间动画的元素 构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮等等，除了元件,其他元素包括文本都不能创建补间动画的,其他的位图、文本等等都必须要转换成元件才行，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。 （3）动作补间动画在时间帧面板上的表现 动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头，如图3-4-1所示。 图3-4-1 动作补间动画在时间帧上的表现 （4）形状补间动画和动作补间动画的区别 形状补间动画和动作补间动画都属于补间动画。前后都各有一个起始帧和结束帧，二者之间的区别如下表所示。 区别之处动作补间动画形状补间动画
在时间 轴上的表现 淡紫色背景加长箭头淡绿色背景加长箭头 组成元素 影片剪辑、图形元件、按 钮 形状，如果使用图形元件、按钮、 文字，则必先打散再变形。矢量图 完成的作用 实现一个元件的大小、位 置、颜色、透明等的变化。 实现二个形状之间的变化，或一 个形状的大小、位置、颜色等的变化。 5）创建动作补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件，一帧中只能放一个项目， 在动画要结束的地方创建或选择一个关键帧并设置该元件的属性，再单击开始帧，在【属性面板】上单击【补间】旁边的“小三角”， 在弹出的菜单中选择【动作】，或单击右键，在弹出的菜单中选择【新建补间动画】，就建立了“动作补间动画”。 2．认识动作补间动画的属性面板 在时间线“动作补间动画”的起始帧上单击，帧属性面板会变成如图3-4-2所示。 图3-4-2动作补间动画属性面板 （1）“简单”选项
第5课神奇的变化——制作形状补间动画 一、教学目标 1．知识与技能 （1）学会制作图形变形的形状补间动画。 （2）学会制作文字变形的形状补间动画。 （3）初步掌握“文字”工具的使用。 （4）进一步理解关键帧的意义。 2．过程与方法 （1）通过学习“从陶土变青花瓷”的形状补间动画，理解形状补间动画的原理，掌握形状补间动画制作的基本方法，能触类旁通制作其他简单的形状补间动画。 （2）通过学习文字变形的形状补间动画，掌握文字操作的一些基本方法，加深对形状补间动画制作的了解，特别是对象的分离。 3．情感、态度与价值观 （1）培养学生善于分析问题、触类旁通、举一反三的自学能力，培养学生动手操作的实践能力。 （2）激发学生的想象和创作欲望，培养学生敢于探索新事物、不断进取的精神，促进学生相互学习合作交流。 二、教材分析 1．设计思想 本课以“从陶土变青花瓷”这一吸引学生的话题入手，让学生在动手操作、实践的探究过程中，掌握Flash软件最基本动画制作方法之一——形状补间。教材先通过由陶土到茶壶动画的制作，让学生理解基本原理，掌握基本方法，再让学生自己动手完成陶土的其他变形起到了举一反三的作用；文字的形状补间动画，也是Flash软件中最常用的动画，在学习了图形的形状补间之后，再来学习就变得比较简单了，教材中着重解决了文字形状补间动画制作时要进行两次分离这一难点，让学生真正理解形状补间动画的制作要点。 2．学习内容 本节课主要的学习内容包括制作图形和文字的形状补间动画，在学习的过程中使学生理解形状补间动画的原理，学会分离对象的方法，掌握“文字”工具的使用方法。 3．教学重点和难点 重点：制作图形变形的形状补间动画和文字的形状补间动画。 难点：形状补间动画原理的理解，触类旁通制作其他动画。 4.课时要求 建议安排1课时。 三、教学对象分析 通过前面几节课的学习，学生对Flash软件有了一个比较全面的认识，会用绘图工具并能进行元件的创建与修改，会使用外部素材，会制作简单的逐帧动画，了解Flash软件中各种帧的特点，会对帧进行简单操作。学生用Flash软件创作的欲望很强烈，很期望能
Flash8形状补间动画详解及实例 Flash8形状补间动画详解及实例 2010-01-21 17:25:02| 分类：flash技法教程| 标签：|字号大中小订阅 本文引用自迎春《Flash8形状补间动画详解及实例》 引用 迎春的Flash8形状补间动画详解及实例 1．形状补间动画的概念 （1）形状补间动画的概念 在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。 （2）构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。
（3）形状补间动画在时间帧面板上的表现 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图3-3-1所示。 图3-3-1 形状补间动画在时间帧面板上的标记 （4）创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图3-3-1所示，一个形状补间动画就创建完毕。2．认识形状补间动画的属性面板 Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后，点击时间帧，【属性】面板如图3-3-2所示。 图3-3-2 形状补间动画【属性】面板 形状补间动画的【属性】面板上只有二个参数： （1）“简单”选项 在“0”边有个滑动拉杆按钮，单击后上下
形状补间动画是Flash中非常重要的表现手法之一，运用它，你可以变幻出各种奇妙的不可思议的变形效果。 本节从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅，最后，提供了二个实例练手，帮助你更深地理解形状补间动画。 1．形状补间动画的概念 （1）形状补间动画的概念 在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。 （2）构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。 （3）形状补间动画在时间帧面板上的表现 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图3-3-1所示。 图3-3-1 形状补间动画在时间帧面板上的标记 （4）创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图3-3-1所示，一个形状补间动画就创建完毕。 2．认识形状补间动画的属性面板 Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后，点击时间帧，【属性】面板如图3-3-2所示。
第6课秋游去——设置动作补间动画 一、教学目标 1．知识与技能 （1）学会制作动作补间动画。 （2）掌握元件渐隐效果的设置。 （3）了解形状补间动画与动作补间动画之间的区别。 （4）巩固元件操作的基本方法。 2．过程与方法 通过学习“校车运动”的动作补间动画，理解动作补间动画的原理，掌握动作补间动画制作的基本方法。通过比较形状补间、动作补间这两种基础动画，初步理解Flash 动画制作的原理，能制作一些简单的动画；通过学习文字渐隐效果的动画，进一步掌握文字操作的基本方法，加深对动作补间动画制作的了解。 3．情感、态度与价值观 （1）激发学生学习动画制作的兴趣，培养学生善于分析问题、触类旁通、举一反三的自学能力，培养学生动手操作的实践能力。 （2）激发学生的想象和创作欲望，培养学生敢于探索新事物、不断进取的精神，促进学生相互学习与合作交流。 （3）培养学生尊重他人劳动成果、尊重他人知识产权的意识。 二、教材分析 1．设计思想与内容结构 本课以“乘校车去秋游”这一贴近学生生活的事例入手，让学生在动手操作、实践的探究过程中，掌握Flash软件另外一种制作动画的基本方法——动作补间。教材先通过“组织素材”这一环节，让学生进一步掌握Flash软件中准备素材的方法，巩固元件、库的有关知识；然后通过制作“乘校车去秋游”的动画，让学生理解动作补间动画的基本原理和制作方法；再通过形状和动作两种补间动画制作方法的比较，让学生进一步明白哪种类型的动画用什么样的制作方法较好，提升了学生动画制作的技能；最后通过制作渐隐效果动画，让学生学会设置元件属性的方法，巩固“文字”工具的使用方法，学习用不同方法制作文字效果的技巧。 本课主要的学习内容是制作动作补间动画。在学习的过程中使学生理解动作补间动画的原理与形状补间动画间的异同点，在什么情况下使用较好；使学生掌握“文字”工具的使用方法，学会设置元件属性的方法。 2．教学重点和难点 重点：制作物体的动作补间动画和文字的动作补间动画。 难点：两种基础动画制作方法的异同，触类旁通制作其他动画。 三、教学对象分析 通过上节课形状补间的学习，学生对Flash软件中常用的概念有了进一步的了解，对动画的制作产生了浓厚的兴趣，具备了制作简单动画的能力。 四、教学理念
1.3形状补间动画 一、学习者分析 通过前几节课的学习，学生对本章节知识点的掌握程度会表现一定的差异：大部分学生能顺利完成教师提供的基本任务；部分学生除了能完成教师提供的基本任务外，还能完成扩展任务，并自行制作自己的“作品”；还有一部分学生未能在给定的时间内独立完成教师提供的任务。因此，教师应在课前开发设计Flash在线学习资源网站，使掌握程度不同的学生能根据自己掌握的情况选择相应的学习内容，提高课堂教学效率。 二、教材内容分析 1、本节的主要内容及在本章中的地位 “形状补间动画”和上节课所学的“动作补间动画”都是Flash制作动画的最基础部分。这一节课通过“魔术水果”动画的制作，来熟悉绘图工具的使用，学会形状渐变动画的设置方法；并从中总结了动作渐变动画与形状渐变动画之间的区别及适用范围。 2、教学重点、难点： 重点： ●形状渐变动画的制作方法； ●动作补间动画和形状补间动画的不同点； 难点： ●形状渐变动画的条件； ●动作补间动画和形状补间动画的不同点； 3、课时安排：1课时 三、教学目标 1、知识与技能 （1）进一步掌握绘图工具的使用方法；
（2）学会形状渐变动画的制作方法；进一步掌握补间动画的设置方法； （3）了解形状渐变动画的适用条件； （4）了解动作补间动画和形状补间动画的不同点； 2、过程与方法 （1）通过简单几何图形变化的渐变动画操作的掌握，培养学生自学能力和探索创新能力； （2）通过完整的作品动画创作，培养学生以动画方式呈现信息的能力； （3）通过作品欣赏交流，掌握表达个人观点以及与别人交流思想的技巧； 3、情感态度与价值观 （1）通过评价和欣赏动画作品，培养学生的鉴赏能力和审美观； （2）通过完整的作品动画创作，激发学生学习信息技术的兴趣； 四、教学理念和方法 1、开展以教师为主导，学生为主体的自主探究学习模式。 本节课学习内容主要是Flash动画中形状渐变动画这一渐变动画类型的设置方法。由于学生已经通过上一节课的动作渐变动画掌握了渐变动画的原理和方法。因此，本节课教师在教学过程中没必要对所有的知识点逐一讲解，有些内容可以“先学后做”即教师可以简单的讲授后让学生去实践，让学生在实践中去体会，去掌握；有些内容“边学边做”，教师完全可以以“任务”的方式布置给学生，让学生自己通过看书、浏览教师课前准备好的Flash在线学习资源网站等方式自主去探究。学生通过不断地实践，从中不断发现问题、解决问题，并在这一过程中掌握知识，提高操作技能。在整个教学过程中，学生是整个教学活动中的主体，教师在整个教育过程中所担任的是一个组织者、指导者、帮助者的角色。教师在教学过程中应该为学生创造一种有利于他们主动学习和发展的环境和条件，并积极引导学生学习更多的知识。
《Flash中动作补间动画》教学设计 一、课题：Flash中动作补间动画 二、教材分析： 本节课是初中信息技术第五单元第二节的内容，本节是在学生已经了解了动画的原理、Flash的窗口及基本概念、制作简单逐帧动画的基础上进一步学习制作动作补间动画。《制作基本动画》分为“动作补间”动画和“形状补间”动画两部分，四个课时。而本节课则为“动作补间”动画的第一课时，主要让学生理解“动作补间”动画的制作原理，掌握“动作补间”动画的制作步骤。也要为后面的形状补间动画以及遮罩动画的学习作一个知识铺垫，本节内容在整个单元中起着承上启下的过渡作用。 三、学情分析： 兴趣是最好的老师，信息技术教学亦是如此。七年级的学生已经掌握了一些信息技术基础知识以及计算机操作技巧，经过前面几节课的演示学习与实践操作，大部分学生都完成了逐帧动画“小鸟会飞了”等动画的制作，并且有一部分基础好的学生独立创作了一些动画，直观的体会到了自己制作的flash真的“动”起来，这使学生心理上有一种前所未有的成就感，对动画制作产生了浓厚的兴趣，滋生了学好flash的欲望。 四、教学目标： （一）知识与技能： 1. 让学生理解“动作补间”动画的制作原理和操作步骤。 2. 让学生学会制作动作补间动画,学会设置“缩放、旋转”等选项,做出各种动画效果。 （二）过程与方法： 通过“旅游”这一话题导入新课，引出动作补间动画，让学生学会分析和分解运动过程，理解制作补间动画的一般性思路，掌握动作补间动画的制作方法。 （三）情感态度与价值观： 1. 让学生通过F l a s h技术手段,做出“小汽车会走了”动画效果,从而培养学生细心观察的能力。 2. 让学生感受运用信息技术创作作品的乐趣，激发学生的学习热情。 五、教学重点、难点： 教学重点：制作动作补间动画的一般步骤和方法。 教学难点：动作补间动画的制作方法
Flash 补间形状、补间动画、传统补间的主要区别 (2015-04-19 15:14:46) 转载▼ 分类：平面动画设计(Flash) 注意： 在Flash中，补间形状（形状(变形)动画）只能针对矢量图形进行，也就是说，进行变形动画的首、尾关键帧上的图形应该都是矢量图形， 矢量图形的特征是：在图形对象被选定时，对象上面会出现白色均匀的小点。利用工具箱中的直线、椭圆、矩形、刷子、铅笔等工具绘制的图形，都是矢量图形。
在Flash中，传统补间（动作(动画)补间动画）只能针对非矢量图形进行，也就是说，进行运动动画的首、尾关键帧上的图形都不能是矢量图形，它们可以是组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等。转为元件能修改的属性参数比较多，因此在上表对象中统一为元件。 非矢量图形的特征是：在图形对象被选定时，对象四周会出现蓝色或灰色的外框。利用工具箱中的文字工具建立的文字对象就不是矢量图形，将矢量图形组合起来后，可得到组合图形，将库中的元件拖曳到舞台上，可得到该元件的实例。 滤镜：图形效果，可以为文本、按钮和影片剪辑增添有趣的滤镜视觉效果。使用补间动画可让应用的滤镜动起来。 遮罩层的应用 1. 建立各图层中对象：可先建欲作被遮罩图层再建欲作遮罩图层 2欲作遮罩图层在上，图即为通透区欲作被遮罩图层在下 2. 效果制作：其中一层做动画设计等 3. 将欲作遮罩图层（现为普通图层）转为遮罩层：快捷菜单中转。欲看效果将两图层锁住 引导层与运动引导层的区别： 引导层的应用
引导层起到辅助其他图层静态对象定位的作用。单独使用（无须使用被引导层），引导层上的内容不会输出（即不显示在发布的SWF 文件中），性质和辅助线差不多。 为了在绘画时帮助对齐对象，可创建引导层，然后将其它图层上的对象与在引导层上创建的对象对齐。引导层不会导出，因此不会显示在发布的SWF 文件中。任何图层都可以作为引导层。图层名称左侧的辅助线图标表明该层是引导层。 运动引导层的应用 要控制传统补间动画图层（即被引导图层）中的对象的移动，可使用运动引导层。 1. 建被引导图层：建内容及动画。 2内容可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状（矢量图）2最常用的动画形式是动作(动画)补间动画 2被引导图层可为多个 2. 建运动引导层： 2内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。 2导出影片中此层不可见 3. 附着：在被引导图层动画开始和结束的关键帧上，让元件的注册点（选中元件上的带十字圆）对准运动引导层线段的开始和结束的端点 注意：
计算机动画制作(三) ——用flash创建形状补间动画 教材分析 本课教学内容是教材第四章第三单元·“动画制作”中的“制作基本动画”第三课时－－“形状补间动画”。“动画制作”对高一的学生来说还是有一定难度的，但学生的兴趣非常浓厚；本课主要学习形状补间动画的制作方法，比较形状补间动画与动作补间动画的区别；形状补间动画是本单元的教学重点和难点，其中掌握“形状补间动画”的制作方法及“形状补间动画”与“动作补间动画的区别”又是本节课的重点和难点。 教学内容分析 本节课的教学内容为形状补间动画制作，针对实际情况，具体将以3个任务围绕教学目标开展教学：任务1：“图形—图形”间的形状补间动画——圆变矩形；任务2：“图形—文字”间的形状补间动画；任务3：“文字—图片”间的形状补间动画。三个任务的设计代表不同的类型，切合学生的学习思路，激发学生的学习兴趣，由浅入深，层层提高。 教学目标 一、知识与技能： 1、理解形状补间动画的概念，掌握其制作方法； 2、掌握将位图转换为矢量图的操作方法，了解位图在形状补间动画中为何要矢量化； 3、认识形状补间动画与动作补间动画的区别 二、过程与方法： 通过自主探究、任务驱动，发现问题、解决问题，来掌握形状补间动画的制作方法。 三、情感态度与价值观： 培养学生的动手能力、想象力、创造力、审美能力及互助精神。 教学重难点 重点：形状补间动画的制作方法；形状补间动画与动作补间动画的区别；掌握位图矢量化方法 难点：形状补间动画的制作方法；形状补间动画与动作补间动画的区别；了解图片矢量化的原因 教学过程与设计意图 情景导入
教师复习提问创建移动渐变动画的基本步骤。 第一步：创建起始帧；第二步：创建结束帧；第三步：创建动作补间。 补间动画有两种，我们刚才看到的只是补间动画中的一种，我们来看属性面板中的内容，这种动画叫做动作补间动画或者叫动画补间，还有一种叫什么补间动画呢？ 教师演示：补间属性面板中的“补间”选项，形状补间动画。（动作补间，形状补间）教师播放“奥运”和“翻书”的补间小动画给学生欣赏,由此引入形状补间动画。学生回忆所学过的内容，了解本课的任务。 设计意图：激发学生学习本节课的兴趣。 讲授新课 师：那么，现在就请同学们先跟我去认识一下什么是“形状补间动画”、它的功能以及特点(课件) ； 1.形状补间动画的概念：使一个对象逐渐变成另一个对象，实现两个对象间(颜色、位置、大小、形状)的平滑过渡。 2.形状补间动画的功能： ?主要用于复杂的，不规则的变形. ?也可以用于大小缩放 ?颜色与透明度的变化 3.形状补间动画的特点： ?帧区域是淡绿色的 ?开始帧和结束帧必须是关键帧. ?形变动画中关键帧对象不能是元件或群组,应用之前一定要先把元件打散(分离). ?变形动画库中不会产生补间元件. ?变形过程的关键帧对象要尽量平滑过度,减少折角,可减少变形纠结现象. 设计意图：让学生有概念认识 师：了解了概念以后，我们一起来制作一个简单的形状补间动画。 （讲解）以“椭圆—矩形”为例简单讲授制作过程。 (提示) flash中绘制的图不需要转化为元件，因为它要发生形状的变化。 教师在讲授“椭圆—矩形”时，先故意犯错，等学生纠错后再讲正确方法（区分移动补间动画的制作方法）；
作业：利用Flash形状补间打造霓虹灯效果，方法如下方详细步骤。本次作业完成后效果请参看文件夹中的”演示.swf”文件。 作业完成后以自己姓名班级学号命名，保存为fla格式，并导出为swf格式，两种格式文件均发送至邮箱24204375@https://www.doczj.com/doc/2e4808153.html,. 把此次实验内容写在实验报告上。下星期上课时交实验报告。 一、启动Flash8，建新文档，文档尺寸为600×400像素。背景为黑，其它默认。 二、制作星星边框: 1、插入--新建元件，类型：影片剪辑，名：星。在星元件的编辑器里，使用多边形工具绘制一个五角星，颜色随意。在属性面版里把宽高比设为20：20像素,打开对齐面片居中对齐。 2、设置标尺线：右键点舞台--标尺，设好后锁定标尺线。设置网格。相关主题如下：
3、点场景1，插入--新建元件，类型：影片剪辑，名：星横。从库里拖出10个星，横排，全选，居中对齐。 4、点场景1，插入--新建元件，类型：影片剪辑，名：星竖。从库里拖出10个星，竖排，全选，居中对齐（打开对齐面版，相对于舞台--水平中齐--垂直中齐）。
5、点场景1，点舞台，设置格线。插入--新建元件，类型：影片剪辑，名：星框。做一个横向有28个星，竖向有16个星的星星矩形。如下图 7、回到场景1，把图层1改名为星框。 ①点第1帧，把影片剪辑星框拖到舞台上来。在第85帧点右键，插入关键帧，1~85帧内每7帧插入1个关键帧（即7帧变换一个颜色)。请注意：这样操作后，13个星框是分离状态下的。 ②第一个星框就用原色：红色。点第二个关键帧，用选择工作选中星框，把属性面版里的颜色下拉列表里选择色相调,调整一种颜色,相关主题如下：
《行驶的汽车》教学设计 ——认识动作补间动画 课时：1课时班级：四年级授课人：黄冈市实验小学熊天穹 教材：《小学动漫》中央电化教育馆编 教学目标： 知识与技能：了解补间动画的种类；了解制作动作补间动画时要注意的问题；能够制作一个简单的动作补间动画 过程与方法：通过观察，教师的示范，能够掌握动作补间动画的制作 情感态度价值观：通过作品展示，观察教师演示，培养学生的细致的观察力。 通过自主探索，发现问题，来培养学生的自主探索意识。 教学重点：能够制作简单的动作补间动画。 教学难点：让学生明白在制作动画补间动画时要注意的一些问题。 学情分析：学生通过前面的一些内容的学习，已经了解了动画原理，也能制作一些简单的逐帧和定格动画，本课是让学生学习更加深入的了解动画，让学生对补间动画有所 了解，从而让学生能够制作简单的动作补间动画，让动画更加流畅，从而让学生 体会到学习动画的乐趣，激发学生的更加深入地学习动画的热情。 教学过程： 1、创设情景，激趣导入 展示“行驶的汽车”的动作补间动画，让学生观察。通过对比原来制作的动画来发现问题。 师：同学们，你们刚刚欣赏了这个动画作品，你们发现这个“行驶的汽车”动画和我们原来的动画，有什么不同？ 生：小汽车的运动非常的流畅，我们原来制作的动画有些断断续续的。 师：嗯，同学们观察得非常仔细。那你们知道为什么这个动画比较流畅吗？那么下面老师就来给大家讲解其中的奥秘。 2、讲解新知，操作示范 （1）讲解新知 流畅的原因——补间动画 补间动画：做flash动画时，在两个关键帧中间需要添加“补间动画”，才能实
现图画的运动，插入补间动画后，两个关键帧之间就插补了许多帧，使得动画 看起来流畅许多了，这些插补帧都是由计算机自动运算生成而得到的。 补间动画分类：形状补间和动作补间 师：今天我们刚刚看到的“行驶的汽车”就是添加了动作补间，今天我们也来 学习如何添加动作补间。在后面的学习中，我们会学习形状补间。 （2）操作示范 教师演示“行驶的汽车”关键步骤——添加动作补间。 3、自主探索，发现问题 学生根据教师刚刚的示范，自己探索制作“行驶的汽车”的动作补间动画。 在探索过程中，会发现插补帧上的箭头是虚线。 4、解释原因，注意问题 动作补间动画：在flash的时间帧面板上，在一个关键帧上放置一个元件，然后在另一个关键帧上复制这个关键帧，然后改变这个元件的大小、颜色、位置、透明度等。 Flash将自动根据二者之间的帧创建动作补间，补间创建好了之后，时间轴面板上的背景色就变为淡紫色，在起始关键帧和结束关键帧之间有一个长长的实线箭头。如果是虚线，那么说明动作补间没有建立成功。所以我们在建立动作补间时要注意一些问题。 注意的问题：构成动作补间动画的元素是一个元件，其中包含影片剪辑、图形元件、按钮，一定不能是形状。只有将形状组合或转化成元件，才可以制作动作补间动画。 5、强化练习，自由创作 （1）强化练习 刚刚制作补间动画没有成功的同学，可以再根据教师刚刚要注意的问题，再次强化练习，完善作品。 （2）自由创作 完成好“行驶的汽车”的动作补间动画，学生可以自由创作，进行强化练习动作补间动画。