创建形状补间动画步骤
1.打开flash,新建一个flash文档,执行“文件/保存”命令,输入文件名“方
变圆”单击保存。
2.输入文字
1.在工具箱中选择“文本文具”
2.在工作区中拖拉出文本输入框,并输入文字“人生宁可削繁就简,怎能
破方求圆？”
3.选定文字,单击底部“属性”窗口的标题栏,打开属性窗口,设置文字
格式,选择字体“华文琥珀”,字号为“25”。
3.插入图层
1.单击图层窗口底部的“插入图层”按钮,建立一个新的图层。
2.双击新建的“图层2”,修改名称为“方变圆”
4.创建形状补间动画
1.在工具箱中选中矩形工具,并选择填充颜色为绿色
。
2.选中“方变圆”图层时间轴上的第一帧,在工作区中绘制一个绿色的
方形。
3.右击“方变圆”图层的第30帧,执行右键菜单中的“插入空白关键帧”
4.选中“方变圆”图层时间轴上的第30帧,选用“椭圆工具”,设
置填充色为紫色,在工作区绘制一个圆。
5.右击图层1的第30帧,执行“插入帧”。
6.选中“方变圆”图层第1帧,打开属性窗口,选择补间方式为“形状”。
5.播放动画
1.保存动画文档
2.执行“控制/播放”菜单项,观瞧动画效果。
一、图形有二种类型：矢量图形和位图图形； （1）矢量图形：文件体积小，是由一个个单独的点构成，每个点都有各自的属性，如位置、颜色等，矢量图形放大后不失真、无马蹇克、不会产生模糊和锯齿。 而矢量图像属于描述性，以线段和计算公式作为记录的对象。而矢量图像是根据放大后的坐标重新生成图像，不会产生模糊和锯齿。）为什么矢量图像“饱经风霜”却依旧“面不改色”呢？这就是因为前面说过的矢量图像的特点：通过记忆线段的坐标来记录图像。 图像放大缩小的同时坐标也放大缩小，而各个坐标之间的相对位置并没有改变。然后根据改动后的坐标重新生成图像。因此无论放大多少都不会失真。矢量图则损失相对较少，矢量图更多的用于工程作图中.比如说ACD. （2）位图图形：就是以无数的色彩点组成的点阵图案，当你无限放大时你会看到一块一块的像素色块，效果会失真。位图，也叫做点阵图，删格图象，像素图，简单的说，就是最小单位由象素构成的图，缩放会失真。 位图由像素组成.而失量图由失量线组成，再有的区别就是.位图可以表现的色彩比较多. 而位图更多的应用在作图中.比如PS 二、补间动画有二种：动画补间和形状补间 什么是FLASH形状补间动画？ 形状补间：是由一个物体到另一个物体间的变化过程，像由三角形变成四方形等。时间轴上形状补间是淡绿色底加一个黑色箭头组成的。 在时间面板上，我们在一个关键帧上面绘制一个图形，然后在另一个关键帧上绘制一个图形或者是将开始一个图形的形状进行改变，FLASH两个关键帧之间的形状或者是值的改变的动画就叫做形状补间动画。 （一）．形状补间动画规则：FLASH中形状补间动画只能对矢量图形进行，制作形状补间动画时，首尾关键帧上的图形都应该是矢量图形，有大小，移动，颜色，透明度，旋转属性可以改变。除此之外，还多了一个外形的变化（比如说方形变为圆形，就只能用形状动画，动画补间是做不出来这种效果的。 2．矢量图形的特征是：图形对象被选中时，对象上面会出现白色的均匀的小点。 3．矢量图形来源： 1）利用工具箱中的直线、椭园、矩形、刷子、铅笔等工具绘制的图形
Flash 补间形状、补间动画、传统补间的主要区别(2015-04-19 15:14:46) 注意：
在Flash中，补间形状（形状(变形)动画）只能针对矢量图形进行，也就是说，进行变形动画的首、尾关键帧上的图形应该都是矢量图形， 矢量图形的特征是：在图形对象被选定时，对象上面会出现白色均匀的小点。利用工具箱中的直线、椭圆、矩形、刷子、铅笔等工具绘制的图形，都是矢量图形。 在Flash中，传统补间（动作(动画)补间动画）只能针对非矢量图形进行，也就是说，进行运动动画的首、尾关键帧上的图形都不能是矢量图形，它们可以是组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等。转为元件能修改的属性参数比较多，因此在上表对象中统一为元件。 非矢量图形的特征是：在图形对象被选定时，对象四周会出现蓝色或灰色的外框。利用工具箱中的文字工具建立的文字对象就不是矢量图形，将矢量图形组合起来后，可得到组合图形，将库中的元件拖曳到舞台上，可得到该元件的实例。 滤镜：图形效果，可以为文本、按钮和影片剪辑增添有趣的滤镜视觉效果。使用补间动画可让应用的滤镜动起来。 遮罩层的应用 1. 建立各图层中对象：可先建欲作被遮罩图层再建欲作遮罩图层 2欲作遮罩图层在上，图即为通透区欲作被遮罩图层在下 2. 效果制作：其中一层做动画设计等 3. 将欲作遮罩图层（现为普通图层）转为遮罩层：快捷菜单中转。欲看效果将两图层锁住 引导层与运动引导层的区别：
引导层的应用 引导层起到辅助其他图层静态对象定位的作用。单独使用（无须使用被引导层），引导层上的内容不会输出（即不显示在发布的SWF 文件中），性质和辅助线差不多。 为了在绘画时帮助对齐对象，可创建引导层，然后将其它图层上的对象与在引导层上创建的对象对齐。引导层不会导出，因此不会显示在发布的SWF 文件中。任何图层都可以作为引导层。图层名称左侧的辅助线图标表明该层是引导层。 运动引导层的应用 要控制传统补间动画图层（即被引导图层）中的对象的移动，可使用运动引导层。 1. 建被引导图层：建内容及动画。 2内容可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状（矢量图）2最常用的动画形式是动作(动画)补间动画 2被引导图层可为多个 2. 建运动引导层： 2内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。 2导出影片中此层不可见 3. 附着：在被引导图层动画开始和结束的关键帧上，让元件的注册点（选中元件上的带十字圆）对准运动引导层线段的开始和结束的端点 注意：
形状补间动画的制作 学习要点 （1）创建矢量图形 （2）学习各种形变补间动画制作方法 （2）掌握在颜色属性面板中设置颜色的方法 知识讲解 在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状或对象，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状或对象，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。注意包括这几种类型：起始关键帧对象本身形状或大小的改变，用绘图工具绘制的几何图形之间形变，绘制的几何图和文字之间的形变，导入的图片和文字之间的形变，文字与文字之间的形变。 任务布置： 设计一个音乐和各种形变动画的背景，包括红心由小变大，导入钢琴gif图像，制作一颗红星颤动的效果，文字音律变心动的形变，圆形变五角星形变，图像音符变文字的形变，最后是谁制作的文字说明。效果如下图所示：（跳动的心及音符案例） 3-1-1跳动的心及音符案例 设计案例制作方法步骤：
步骤1：新建文件保存为跳动的心及音符 步骤2：导入素材（包括背景图片、音乐、和跳动的音符gif动画图片） 步骤3：新建图层1，将其更名为背景，导入背景图片，在140帧处插入帧，锁定图层 步骤4：新建图层2，更名为将跳动音符，导入跳动音符图片，锁定图层。140帧处插入帧。步骤5：新建图层3，更名为心动，在该图层的第一帧绘制心形，主要将笔触颜色缺省，用放射状颜料桶红色填充，并ctrl +d 直接复制一个，并用部分选取工具 :将底部锚点向下啦，并删除旁边两个锚点。制作心形状。并在30帧处插入关键帧，并用任意变形工具将其变小。回到起始帧，回到第一帧，右击鼠标创建补间形状，在属性面板中并对简易混合栏进行设置一个是0—100 由快变慢，0- -100 由慢变快。 混合栏，确定变形过程的细致程度，按分布式就是平滑过渡，如果是角形就是以直接的方式过渡。完后锁定图层 步骤6：新建图层4，更名为由心形变五角星的形变动画第一帧从心动图层的30帧复制粘贴到这个图层的第一帧，并在该图层的30帧插入关键帧，并将心形删除，回到第一帧，右击鼠标创建补间形状，完后锁定图层 步骤7：新建图层5，更名为由五角星转变文字。在第一帧绘制五角星（参考上次案例），30帧处插入关键帧，并将五角星删除，写上闪闪红星四个字，并将其打散。回到回到第一帧，右击鼠标创建补间形状，锁定图层。 步骤8：新建图层6，更名音符图片转文字，导入音符图片，并用ctrl+B将其打散，30帧插入关键帧，并将音符图片删除，写上两个字，并用ctrl+B打散。回到图层的第一帧右击鼠标创建补间形状，锁定图层 步骤9：新建图层7，更名为由文字变文字，第一帧写上音符，并将其打散，30帧处插入关键帧，将音符删除，写上心动并打散。回到第一帧右击鼠标创建补间形状，锁定图层步骤10：新建图层8，更名为导入音乐锁定图层 步骤11：新建图层9，更名为文字说明用文本输入工具输入----制作作者。锁定图层步骤12：选中9个图层的140帧，插入帧。 步骤13：:测试播放，并导出影片格式。效果如3-1-1.
《月圆月缺—形状补间动画》教学设计 授课人：贺齐 一、教学目标 1 掌握形状补间动画的制作方法。 2 理解帧频含义,能够进行动画基本环境设置. 3 认识到形状补间动画前后两个关键帧中的对象必须是形状,这个是“形状补间动画”的必要条件。 4 掌握选择工具的使用方法。 二、学情分析 本节课是学生学习发lash初探后的第二节课,前面的课学生已经学会了在flash中绘图和逐帧动画等操作。八年级学生对信息技能的接受能力较强,而且有一定的基础,已经具备了一定的自学能力,但也有少部分基础较薄弱的学生需要在老师和同学的帮助下才能完成练习。 三、重点难点 重点:掌握形状补间动画的制作方法。 难点:逐帧动画与形状补间动画的区别。 四、教学过程 4.1 第一学时 【导入】导入新课 教师布置任务 任务一制作一个月圆月缺的逐帧动画。 老师先带领学生总体进行分析制作的要点和过程,老师提示月缺如何绘制。 然后教师演示第一步和第二步,同学观看。 大家一起观看动画,指出如何改进动画,从满月到月牙需要插入多少关键帧既工作量较少又过渡自然? 学生自己动手做动画,观看动画效果,观察使用逐帧动画来制作这个自然界的现象的缺点。 学生思考回答:动画过于跳跃,有些时候不自然.不够细致。 老师通过今天的学习,可以解决动画不连贯的问题。 【讲授】讲授新课 任务二制作月圆月缺形状补间动画。 在两个关键帧之间让动画能够平缓变化的钥匙就藏在“属性”检查器中。
在两个关键帧之间添加了形状补间就好比补充了若干个中间帧的效果,实现了图像由起始关键帧到结束关键帧的平稳变化,这种动画叫作形状补间动画。 任务三制作一个红色的圆变为绿色矩形的动画。 这种由一种图形渐变为另一种图形,在颜色、形状、大小、位置等方面发生改变的动画效果可以通过形状补间动画实现。 1.图形变化 2.颜色变化.3渐变 任务四实现一个类似连续变形的形状补间动画。 使用钢笔工具绘制矩形 教师电子课堂讲授动画环境的基本设置 文档:一个动画文件好比一部电影,根据动画的需要设置舞台尺寸。背景颜色 帧频 帧频:决定动画播放的速度。12fps 场景:一个动画文档可以有若干个场景,每个场景有对应的舞台与时间轴。 【合作探究与测试】幸运砸彩蛋 以小组为单位，分别按砸蛋结果完成不同样式的形状补间动画，比一比，谁最快更好？ 【作业】作业 1、课后任务“自主活动专题一” 2、“专题二使用适当的工具绘图” 五、板书设计逐帧动画 形状补间动画 动画环境的基本设置 六、评价与量化表（见附表）
“形状补间”动画制作 【教学目标】 1、知识与技能： （1）、掌握“形状补间”动画制作的一般步骤，学会“形状补间”动画的制作方法。 （2）、分析比较“动画补间”动画和“形状补间”动画的区别，进一步理解动画制作的原理。 （3）、通过任务驱动，进一步掌握“形状补间”动画制作。 2、过程与方法： （1）、通过制作“花儿开放的动画”，了解“形状补间”动画制作的一般步骤。 （2）、通过对比“动画补间”动画的制作方法，分析“动画补间”和“形状补间”这两种动画制作的区别，提高学生对动画制作的理性认识。 3、情感态度与价值观： （1）、激励学生进一步学习动画制作，由浅入深、由表及里地掌握动画制作的方法，提高制作动画和欣赏动画的水平。 （2）、培养学生自主探索、协作研究的精神。 【教学重点难点】 1、教学重点： （1）、“形状补间”动画的制作方法。 （2）、“形状补间”动画的要素。 2、教学难点： 区分“形状补间”动画与“动画补间”动画。 【课前准备】 Flash 2008软件，多媒体教学平台，演示动画 【教学过程】
【教学反思】 本节课将学生自主探究、教师示范讲解与同伴互助等学习方式，很好地融合在本节课中，教师自如地课堂调控与师生互动，使得本课取得了很好地教学效果。但是，这堂课还存在不足的地方——没有照顾到学生的个体差异，这也是信息技术学科普遍需要面对的一个难题。小组完成任务的时间长短不一，他们的这种差异是由主客观原因造成的，光靠教师一人的力量，难以面面俱到。在课堂中，对
于很快完成任务的小组，教师应该及时给他们安排一些新任务，如对作品进行完善，也可以让他们依着自己的兴趣或疑惑，继续进行与任务相关的深入的探究。
第二课创建补间动画 Flash除了可以创建逐帧动画外，还可以创建补间动画。补间动画又包括形状补间动画和动作补间动画。本课安排了制作“魔幻变形”的动画和制作“孩子捕蝴蝶”的动画两个活动，通过这两个活动，使学生掌握形状补间动画和动作补间动画的制作过程和方法。 本课建议课时1课时。 1.了解形状补间动画： “形状补间动画”是补间动画的一种。在改变一个矢量图形的形状、颜色、位置，或一个矢量图变形成为另一个矢量图的过程中，可以使用形状补间动画。在形状补间动画中，只需创建起始和结束两个关键帧，中间帧则由Flash通过计算机自动完成。在创建形状补间动画时，如果需要对组、实例或位图图像应用形状补间，则必须首先将这些元素进行分离，如果对文本应用于形状补间，则必须首先将文本进行两次分离（有的中文版译为“打散”）处理，使其转换成矢量图。 2．绘制图形——混色器面板的使用： 在第一课中，初步训练了图形的绘制，能够给绘制的图形填充纯色，如果想要填充线性或者放射状颜色，必须懂得混色器面板的使用。关于混色器面板的使用在阅读参考资料“使用“混色器”控制面板设置笔触颜色和填充样式”。3．创建形状补间动画： 在时间轴面板上动画开始播放的地方创建一个空白关键帧或选择一个关键帧并绘制图形，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并绘制另外的图形，再单击开始帧，在“属性”面板上单击“补间”旁边的小三角，在弹出的菜单中选择“形状”，此时，可以看到时间轴上发生了变化——淡绿色背景和箭头，一个形状补间动画即创建完成。如果出现虚线，看看前后两个关键帧上是否存在非矢量图或别的元素，将其删除即可。 4．使用“形状提示” 制作形状补间动画时，有时两个图形变化差异比较大，使用“添加形状提示”会改变这一情况。在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而较有效地控制变形过程。
第十七课制作形状补间动画 【教学内容】： “制作遮罩动画”是顺德区教研室编写的《信息技术》七年级下册第二单元第一课的内容，上个课时的内容是制作逐帧动画，逐帧动画是制作动画的基础，给后面的动画形式打下基础，本节课主要制作形状补间动画，包括两个方面的内容：图形变形（图形的大小、形状的变形）；文字变形。 【学生分析】： 学生已掌握逐帧动画的制作，熟练应用工具栏绘制简单图形和线条，了解关键帧、空白关键帧的用法。 【教学目标】： 1、知识与技能 了解制作形状补间动画的原理； 通过制作圆变矩形，学会图形变形； 通过制作“好好学习”变成“天天向上”，学会文字变形； 2、过程与方法 教师演示，学生操作，教师小结； 3、情感态度与价值观 激发学生进一步学好Flash的热情； 【教学重点】： 1、了解制作形状补间的原理； 2、学生操作，制作各种效果的形状补间动画； 【教学难点】： 文字的分离； 【教学方法】： 教学演示、任务驱动； 【课时要求】：1课时； 【教学过程】： 一、复习（3分钟）
简要复习上节课的主要内容，制作逐帧动画，关键帧，空白关键帧，动画的发布、保存、上传。 二、新课导入（5分钟） 使用投影仪放映制作好的图形变形、文字变形；突出Flash的动态效果、变形效果，让学生产生制作动画的欲望。 三、教学示范、学生操作 任务1：制作图形变形（15分钟） 刚才同学们看到由圆形变成方形的动画，如果我们使用上节的逐帧动画制作？好不好制作？ 这节课我们学习一种简单制作这样变形的方法，我们要注意第一帧（圆）和最后一帧（矩形）。与逐帧相比较，形状补间动画仅需要我们设置这两帧。 操作步骤： 第一步：新建动画文件，选择椭圆工作，设置好线条颜色、填充颜色，画圆（按shift键画正圆）。 第二步：单击时间轴第30帧，右击鼠标，选择插入空白关键帧，选择矩形工具，设置好线条颜色、填充颜色，画矩形。（注意图形上面有网状的点）第三步：选择第一帧，点击时间轴上的黑色小圆球，打开属性面板。选择补间方式为形状。 第四步：测试影片，导出动画。 学生动手操作时，及时注意观察学生出现的情况。小结学生在操作过程出现的普遍性的问题。 演示任务2所要做的效果图， 任务2：学生探索制作文字变形、（10分钟） （提示：我们选中的文字是一个整体，与图形相比，是不网格状，可分割的，所以我们要把文字制作成散状的，“修改”-〉“分离”，要操作两次，第一次把文字分开，分成一个文字或字母；第二次才分离成散状的。） 学生动手操作时，及时注意观察学生出现的情况。小结学生在操作过程出现的普遍性的问题。 四、教学总结（2分钟）
“形状补间”动画 一、教学目标与要求： 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）表扬和展示学生成果。
第7章 Flash 8基础与实例（2）—— 常见动画的制作 知识点： 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 学时分配：2学时 教学内容： 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 教学重点： 1、形状补间动画的制作。 2、动作补间动画的制作。 3、遮罩动画的制作。 4、引导路径动画的制作。 教学难点： 形状补间动画与动作补间动画的区别。 教学方法与手段：讲授法，多媒体展示 教学过程： （一）创设意境，导入新课（设疑法、提问法） 导入： 教师展示几个Flash实例，然后引导学生一个一个亲自动手制作。引入新课程： （二）新课教学（讲解法、提问法、示范法、实验法）
本次课开始学习用Flash制作动画效果，在Flash中共有5种动画形式：逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导路径动画。 逐帧动画的制作 逐帧动画是一种常见的动画手法，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成的一种动画。 优点：与电影播放模式相似，适合于表演很细腻的动画，如3D动画、人物或动物急剧转身等效果。 缺点：每一帧的序列内容都不一样，增加制作负担，文件存储容量过大。 一、逐帧动画的概念和在时间帧上的表现形式 在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。 逐帧动画在时间帧上表现为连续出现的关键帧，如图7-3-1所示。 图 7-3-1 逐帧动画 二、创建逐帧动画的几种方法 1．用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。 2．绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧一帧地画出每一帧内容。 3. 文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。 4. 导入序列图像 可以导入gif序列图像、swf动画文件或者利用第三方软件（如swish、swift 3D 等）产生的动画序列。 三、绘图纸功能 1．绘图纸的功能
《Flash形状补间》教学设计 一、教材分析 Flash形状补间动画是Flash动画中比较重要的动画之一。本节课的教学内容是FLASH的遮形状补间制作，着重于学生对形状、线条两种类型形状补间动画理解以及使用形状补间来制作一个火柴人动画，进一步提升学生动画制作技能水平。 学情分析 学生已学习过使用基本绘图工具和线条、钢笔来绘制作形状与线条，掌握了打关键帧的方法，并对FLASH中关键帧、图层的概念有了一定的了解。本课学生通过实践、探究，掌握FLASH形状动画的制作原理和方法，培养学生的想像力和创新力，培养学生的自主学习能力和探究学习能力。 二、学情分析 职高生普遍学习动机不强、学习目标不明确，有不少学生缺乏远大的理想抱负以及克服困难的毅力，缺乏自主学习的意识，敏感冲动、思维活跃，控制能力不强，痴迷于玩弄手机。 针对学生的特点重点做好引领： （1）帮助学生树立目标，明确学习目的，教学实例贴近学生的年龄性格特征； （2）利用多种手段，结合先进的多媒体设施，想方设法提高学生的学习兴趣； （3）科学合理的规划教学各个环节。 三、教学策略 （1）采用理论与实践的教学模式 紧紧围绕提高学生的各项能力来确定本课知识内容，根据知识点巧妙与手机游戏动画结合，让学生在做中学，学中悟。 （2）降低理论难度，进行概括总结 调整教学内容，从够学、够用为基本原则，由浅入深，由易到难，强调学会、会用、实践应用。 （3）激发学生兴趣 联系实际生活，创设情景教学，让学习内容更走心，让学生在学习中找到共鸣，激发学生热爱学习、热爱生活的热情。 四、教学目标 1.知识与技能 （1）理解形状补间的基本原理； （2）掌握形状、线条的绘制，掌握形状补间动画制作技术； （3）利用形状补间知识，学会形状的变化、位图的变化、火柴人动画的制作； 2.过程与方法
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所示。
【测评内容】 1. 学生对flsah知识点的掌握
【评价方式】 1.课前小测试 【练习内容】 1. 制作形状补间练习 【评价方式】 1.课堂练习 【测评内容】 1. 自主设计一个形状补间动画，内容主题自定。 【评价方式】 1.课后作业 【教师活动】 1. 才艺大赛上,贝贝制作了一段动画用来展示由陶土变成青花瓷的过程，请学生欣赏“神奇的变化.swf”。 2.请学生说一说：从泥土到瓷器的变化这段动画有什么特点？用我们所学过的逐帧动画能很快制作出来吗？ 3.板书：神奇的变化——制作形状补间动画。 【学生活动】 1.欣赏、观察作品，说说由陶土变青花瓷这段动画有何奇特之处。 【设计意图】 1.通过学生观察，初步体验形状补间动画的独特之处，调动学生的积极性。 【探究新知，理解原理】 1.教师打开“陶土变茶壶.fla”源文件。让学生观察，并提出问题：①这段动画有几个关键帧，各关键帧里分别有什么内容？②各关键帧里的内容是分离的还是一个整体？③其他帧是什么颜色，有什么特点， 和逐帧动画一样吗？ 2.学生认真观察并回答：有两个关键帧；关键帧的对象是完全分离的；过渡帧中有带箭头的实线；过渡帧颜色是浅绿色的。 【设计意图】 1.教师设计适当的问题，让学生仔细观察动画的源文件，了解形状补间动画的原理和逐帧动画的优点。 【探究新知，模仿学习】 1.教师示范“陶土变茶壶”动画的操作过程。 2.学生参照老师讲解与教材，动手操作。 3.找出有典型的错误的同学，请同学帮助分析。
4.请同学小组讨论，制作形状补间动画时要注意的事项。 5.板书： 起始关键帧→终止关键帧 ↓形状补间↓ 分离的对象分离的对象 6.学生根据教师的示范，并参照教材完成“陶土变茶壶”的动画。分析制作不成功的作品，找出其错误原因。小组讨论，制作形状补间动画时要注意的事项。 【设计意图】 1.通过教师示范，让学生思路清晰，明白操作的方法 2.通过分析典型错误（元件没有分离、关键帧设置不正确、补间设置不当等），让学生切实掌握制作形状补间时要注意的事项。 【探究新知，动手实践】 1．请学生参考教材完成陶土的其他变形。 2．请学生完成“小树变形”的形状补间动画。 3．教师巡视辅导，学生动手实践操作。 【设计意图】 1.通过动手操作，强化训练，达到举一反三的目的，加强学生的动手能力。 【自主探究，文字变形】 1．利用形状补间动画除了能制作图形的变化外，我们还能制作出绚丽的文字效果，如夜晚的霓虹灯效果，网站上所见的动态文字等。 2．请小组讨论：①如何设置字的大小、颜色、字体？②如何将文字完全分离？ 3．请学生仿照教材，制作将英文“Welcome”变成中文“欢迎你”的动画。 4．请学生对文字的颜色、大小、位置等加以改变，制作不同的效果。 5．教师巡视辅导。 【设计意图】 1.通过制作文字变形的形状补间，使学生掌握多次分离对象的方法。进一步理解形状补间中关键帧中的内容必须完全分离。 2.通过制作更加漂亮的文字变形效果，培养学生的创造能力。 【综合应用】 请大家根据提供的“灯笼转文字素材.fla”，制作出由“灯笼”到“中秋快乐”的形状补间动画。要求： ①动画流畅、自然，形状补间运用正确。②色彩运用较好，视觉效果强。 2.请小组推选出最佳作品，进行点评。 【设计意图】 1.在简单创作中进一步掌握制作形状补间动画的操作方法，进一步明白要成功制作形状补间动画的要领，培养学生的创新能力。 2.在展示中，让学生学会找出他人或自己的错误和不足，学会欣赏他人作品，提高鉴赏能力。 1.请大家说一说：如何才能成功地制作出形状补间动画？
《形状渐变动画》教学设计 一、学习者分析 通过前几节课的学习，学生对本章节知识点的掌握程度会表现一定的差异：大部分学生能顺利完成教师提供的基本任务；部分学生除了能完成教师提供的基本任务外，还能完成扩展任务，并自行制作自己的“作品”；还有一部分学生未能在给定的时间内独立完成教师提供的任务。因此，教师应在课前开发设计Flash在线学习资源网站，使掌握程度不同的学生能根据自己掌握的情况选择相应的学习内容，提高课堂教学效率。 二、教材内容分析 1、本节的主要内容及在本章中的地位 本节课是广东省教育出版社出版的《信息技术（初中第二册）》第四章第五节。“形状补间动画”和上节课所学的“动作补间动画”都是Flash制作动画的最基础部分。这一节课通过“魔术水果”动画的制作，来熟悉绘图工具的使用，学会形状渐变动画的设置方法；并从中总结了动作渐变动画与形状渐变动画之间的区别及适用范围。 2、教学重点、难点： 重点： l 形状渐变动画的制作方法； l 动作补间动画和形状补间动画的不同点； 难点： l 形状渐变动画的条件； l 动作补间动画和形状补间动画的不同点； 3、课时安排：1课时 三、教学目标 1、知识与技能 （1）进一步掌握绘图工具的使用方法； （2）学会形状渐变动画的制作方法；进一步掌握补间动画的设置方法； （3）了解形状渐变动画的适用条件； （4）了解动作补间动画和形状补间动画的不同点； 2、过程与方法 （1）通过简单几何图形变化的渐变动画操作的掌握，培养学生自学能力和探索创新能力； （2）通过完整的作品动画创作，培养学生以动画方式呈现信息的能力； （3）通过作品欣赏交流，掌握表达个人观点以及与别人交流思想的技巧； 3、情感态度与价值观 （1）通过评价和欣赏动画作品，培养学生的鉴赏能力和审美观； （2）通过完整的作品动画创作，激发学生学习信息技术的兴趣；
1.3形状补间动画 一、学习者分析 通过前几节课的学习，学生对本章节知识点的掌握程度会表现一定的差异：大部分学生能顺利完成教师提供的基本任务；部分学生除了能完成教师提供的基本任务外，还能完成扩展任务，并自行制作自己的“作品”；还有一部分学生未能在给定的时间内独立完成教师提供的任务。因此，教师应在课前开发设计Flash在线学习资源网站，使掌握程度不同的学生能根据自己掌握的情况选择相应的学习内容，提高课堂教学效率。 二、教材内容分析 1、本节的主要内容及在本章中的地位 “形状补间动画”和上节课所学的“动作补间动画”都是Flash制作动画的最基础部分。这一节课通过“魔术水果”动画的制作，来熟悉绘图工具的使用，学会形状渐变动画的设置方法；并从中总结了动作渐变动画与形状渐变动画之间的区别及适用范围。 2、教学重点、难点： 重点： ●形状渐变动画的制作方法； ●动作补间动画和形状补间动画的不同点； 难点： ●形状渐变动画的条件； ●动作补间动画和形状补间动画的不同点； 3、课时安排：1课时 三、教学目标 1、知识与技能 （1）进一步掌握绘图工具的使用方法；
（2）学会形状渐变动画的制作方法；进一步掌握补间动画的设置方法； （3）了解形状渐变动画的适用条件； （4）了解动作补间动画和形状补间动画的不同点； 2、过程与方法 （1）通过简单几何图形变化的渐变动画操作的掌握，培养学生自学能力和探索创新能力； （2）通过完整的作品动画创作，培养学生以动画方式呈现信息的能力； （3）通过作品欣赏交流，掌握表达个人观点以及与别人交流思想的技巧； 3、情感态度与价值观 （1）通过评价和欣赏动画作品，培养学生的鉴赏能力和审美观； （2）通过完整的作品动画创作，激发学生学习信息技术的兴趣； 四、教学理念和方法 1、开展以教师为主导，学生为主体的自主探究学习模式。 本节课学习内容主要是Flash动画中形状渐变动画这一渐变动画类型的设置方法。由于学生已经通过上一节课的动作渐变动画掌握了渐变动画的原理和方法。因此，本节课教师在教学过程中没必要对所有的知识点逐一讲解，有些内容可以“先学后做”即教师可以简单的讲授后让学生去实践，让学生在实践中去体会，去掌握；有些内容“边学边做”，教师完全可以以“任务”的方式布置给学生，让学生自己通过看书、浏览教师课前准备好的Flash在线学习资源网站等方式自主去探究。学生通过不断地实践，从中不断发现问题、解决问题，并在这一过程中掌握知识，提高操作技能。在整个教学过程中，学生是整个教学活动中的主体，教师在整个教育过程中所担任的是一个组织者、指导者、帮助者的角色。教师在教学过程中应该为学生创造一种有利于他们主动学习和发展的环境和条件，并积极引导学生学习更多的知识。
形状补间动画制作 学习目标： 1、认识形状补间的动画原理 2、会制作形状补间的动画 重、难点： 认识形状补间的动画的动画原理,，会制作形状补间的动画 教学方法： 演示法、讲授法、练习法 学时：1课时 教学过程： 一、引入 由演示形状动画的实例引入 二、新课学习 1. 形状补间动画 在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形 状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。 2. 构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”才能创建变形动画。 3. 形状补间动画在时间帧面板上的表现
形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头。 4. 创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图3-3-1所示，一个形状补间动画就创建完毕。 三、学生练习 任务：熟悉形状补间动画的制作 1. 根据老师所提供的学习资料制作形状补间动画 2. 从网上搜索更多的教程学习 四、课堂小结 小结本节的主要内容和学生中存在的问题 附：学生资料 形状补间动画 形状补间动画是Flash中非常重要的表现手法之一，运用它，你可以变幻出各 种奇妙的、不可思议的变形效果。 本节从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅，最后，提供了二个实例，帮助你更深地理解形状补间动画。 ．形状补间动画的概念 （1）形状补间动画的概念