第三章动画制作基础
认识时间轴
帧的分类
帧是构成Flash动画最基本的单位，在不同的帧上放置不同的动象，便生成了Flash动画。
关键帧：可以直接在舞台上编辑其内容的帧，用来定义动画的变化。用实心圆表示。
空白关键帧：没有内容的关键帧。用空心圆表示。
普通帧：延伸关键帧的内容
帧的基本操作
创建关键帧(F6)
创建关键帧后，上一个关键帧的内容会自动延伸到该关键帧以及两个关键帧之间的所有普通帧上。
创建空白关键帧(F7)
创建普通帧(F5)
选择帧
复制和移动帧
删除帧
翻转帧
一、逐帧动画的概念和在时间帧上的表现形式
在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。
逐帧动画在时间帧上表现为连续出现的关键帧，如图3-2-1所示。
图 3-2-1 逐帧动画
2．创建逐帧动画的几种方法
（1）用导入的静态图片建立逐帧动画
用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。
（2）绘制矢量逐帧动画
用鼠标或压感笔在场景中一帧帧的画出帧内容。
（3）文字逐帧动画
用文字作帧中的元件，实现文字跳跃、旋转等特效。
（4）导入序列图像
可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish、swift 3D等）产生的动画序列。
3．绘图纸功能
（1）绘画纸的功能
绘画纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。通常情况下，Flash 在舞台中一次只能显示动画序列的单个帧。使用绘画纸功能后，你就可以在舞台中一次查看两个或多个帧了。
如图3-2-2所示，这是使用绘画纸功能后的场景，可以看出，当前帧中内容用全彩色显示，其它帧内容以半透明显示，它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上，这些内容相互层叠在一起。当然，这时你只能编辑当前帧的内容。
图3-2-2 同时显示多帧内容的变化
（2）绘图纸各个按钮的介绍
1.绘图纸外观按钮按下此按钮后，在时间帧的上方，出现绘图纸外观标记。拉动外观
标记的两端，可以扩大或缩小显示范围。
2.绘图纸外观轮廓按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失，特别适合观察
对象轮廓，另外可以节省系统资源，加快显示过程。3.
3.绘图纸显示多帧按钮，按下后可以显示全部帧内容，并且可以进行“多帧同时编辑”。
4.修改绘图纸标记按下后，弹出菜单，菜单中有以下选项：
“总是显示标记”选项会在时间轴标题中显示绘图纸外观标记，无论绘图纸外观是否打开。
“锚定绘图纸外观标记”选项会将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。通常情况下，绘图纸外观范围是和当前帧的指针以及绘图纸外观标记相关的。通过锚定绘图纸外观标记，可以防止它们随当前帧的指针移动。
“绘图纸 2”选项会在当前帧的两边显示两个帧。
“绘图纸 5”选项会在当前帧的两边显示五个帧。
“绘制全部”选项会在当前帧的两边显示全部帧。
二、形状补间动画
点击下载素材
形状补间动画是Flash中非常重要的表现手法之一，运用它，你可以变幻出各种奇妙的不可思议的变形效果。
本节从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅，最后，提供了二个实例练手，帮助你更深地理解形状补间动画。
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”边有个滑动拉杆按钮，单击后上下拉动滑杆或填入具体的数值，形状补间动画会随之发生相应的变化。
1.在1到 -100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速度补间。
2.在1 到 100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。
3.默认情况下，补间帧之间的变化速率是不变的。
（2）“混合”选项
“混合”选项中有二项供选择：
1.“角形”选项：创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直线
的混合形状。
2.“分布式”选项：创建的动画中间形状比较平滑和不规则。
至此，“形状补间动画”的相关知识大家都已经有所了解，下面动手个实例，体会一下形状补间动画的奇妙。
使用形状提示
形状补间动画看似简单，实则不然，Flash在“计算”2个关键帧中图形的差异时，远不如我们想象中的“聪明”，尤其前后图形差异较大时，变形结果会显得乱七八糟，这时，“形状提示”功能会大大改善这一情况。
1.形状提示的作用
在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而较有效地控制变形过程。
（2）添加形状提示的方法
先在形状补间动画的开始帧上单击一下，再执行【修改】|【形状】|【添加形状提示】命令，该帧的形状就会增加一个带字母的红色圆圈，相应地，在结束帧形状中也会出现一个“提示圆圈”，用鼠标左键单击并分别按住这2个“提示圆圈”，在适当位置安放，安放成功后开始帧上的“提示圆圈”变为黄色，结束帧上的“提示圆圈”变为绿色，安放不成功或不在一条曲线上时，“提示圆圈”颜色不变，如图3-3-3所示。
图3-3-3 添加形状提示后各帧的变化
（3）添加形状提示的技巧
1.“形状提示”可以连续添加，最多能添加26个。
2.按逆时针顺序从形状的左上角开始放置形状提示，它们的工作效果最好。
3.确保“形状提示”是符合逻辑的。例如，前后关键帧中有2个三角形，我们使用3个“形状提示”，
那么2个三角形中的“形状提示”顺序必须是一致的，而不能第一个形状是 abc，而在第二个形状是 acb，
4.形状提示要在形状的边缘才能起作用，在调整形状提示位置前，要打开工具栏上【选项】下面的
【吸咐开关】，这样，会自动把“形状提示”吸咐到边缘上，如果你发觉“形状提示”仍然无
效，则可以用工具栏上的放大工具点击形状，放大到2000倍，以确保“形状提示”位于图形边缘上。
5.另外，要删除所有的形状提示，选择【修改】|【形状】|【删除所有提示】。删除单个形状提示，
单击右键，在弹出菜单中选择【删除提示】。
动作补间动画
动作补间动画也是Flash中非常重要的表现手段之一，与“形状补间动画”不同的是，动作补间动画的对象必需是“元件”或“成组对象”。
运用动作补间动画，您可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，配合别的手法，您甚至能做出令人称奇的仿3D的效果来。本实例详细讲解了动作补间动画的特点及创建方法，并分析了动作补间动画和形状补间动画的区别，我们精心设计的一个实例将带您进一步加深对动作补间动画的了解。
1．动作补间动画的概念
（1）动作补间动画的概念
在Flash的时间帧面板上，在一个时间点（关键帧）放置一个元件，然后在另一个时间点（关键帧）改变这个元件的大小、颜色、位置、透明度等等，Flash 根据二者之间的帧的值创建的动画被称为动作变形动画。
（2）构成动作补间动画的元素
构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮等等，除了元件,其他元素包括文本都不能创建补间动画的,其他的位图、文本等等都必须要转换成元件才行，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。
（3）动作补间动画在时间帧面板上的表现
动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头，如图3-4-1所示。
图3-4-1 动作补间动画在时间帧上的表现
（4）形状补间动画和动作补间动画的区别
形状补间动画和动作补间动画都属于补间动画。前后都各有一个起始帧和结束帧，二者之间的区别如下表所示。
5）创建动作补间动画的方法
在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件，一帧中只能放一个项目，在动画要结束的地方创建或选择一个关键帧并设置该元件的属性，再单击开始帧，在【属性面板】上单击【补间】旁边的“小三角”，在弹出的菜单中选择【动作】，或单击右键，在弹出的菜单中选择【新建补间动画】，就建立了“动作补间动画”。
2．认识动作补间动画的属性面板
在时间线“动作补间动画”的起始帧上单击，帧属性面板会变成如图3-4-2所示。
图3-4-2动作补间动画属性面板
（1）“简单”选项
在“0”边有个滑动拉杆按钮，单击后上下拉动滑杆或填入具体的数值，补间动作动画效果会以下面的设置作出相应的变化：
1.在1到 -100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速补间。
2.在1 到 100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。
3.默认情况下，补间帧之间的变化速率是不变的。
（2）“旋转”选项
有四个选择，选择“无”（默认设置）禁止元件旋转；选择“自动”可以使元件在需要最小动作的方向上旋转对象一次；选择“顺时针”(CW) 或“逆时针”(CCW) ，并在后面输入数字，可使元件在运动时顺时针或逆时针旋转相应的圈数。
（3）“调整到路径”
将补间元素的基线调整到运动路径，此项功能主要用于引导线运动，我们在下一节中要谈到此功能。
（4）“同步”复选框
使图形元件实例的动画和主时间轴同步。
（5）“对齐”选项
可以根据其注册点将补间元素附加到运动路径，此项功能主要也用于引导线运动。
认识场景面板
新建场景
方法一：菜单
方法二：单击场景面板上的按钮
重命名场景
双击名称即可修改
复制场景
1.选中要复制的场景
2.点击复制场景按钮
改变场景顺序
选中场景，拖动到合适位置即可
创作过程中切换场景
方法一：场景面板中单击相应场景名称
方法二：菜单
方法三：单击文档窗口右上角的编辑场景按钮删除场景
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）利用工具箱中的直线、椭园、矩形、刷子、铅笔等工具绘制的图形
Flash CS5.5创建补间动画与创建传统补间的区别 以前用的是flash8，新安装flashCS5后，发现创建动画时出现：创建补间动画、创建补间形状、创建传统补间，三个选项。其中创建补间形状操作与flash8相同，下面是上网搜索的有关补间动画与传统补间之间的区别与操作方法。 补间动画和传统补间的区别应该是在flashcs4才出现的，如果你是比较早的flash版本用过来的话，你应该会比较习惯使用传统补间。 传统补间动画的顺序是，先在时间轴上的不同时间点定好关键帧（每个关键帧都必须是同一个MC），之后，在关键帧之间选择传统补间，则动画就形成了。这个动画是最简单的点对点平移，就是一个MC从一个点匀速移动到另外一个点。没有速度变化，没有路径偏移（弧线），一切效果都需要通过后续的其他方式（如引导线，动画曲线）去调整。 传统补间（原来的动画补间动画）：定头、定尾、做动画(开始帧结束帧创建动画动作) 新出现的补间动画则是在舞台上画出一个MC以后，不需要在时间轴的其他地方再打关键帧。直接在那层上选择补间动画，会发现那一层变成蓝色，之后，你只需要先在时间轴上选择你需要加关键帧的地方，再直接拖动舞台上的MC，就自动形成一个补间动画了。并且这个补间动画的路径是可以直接显示在舞台上，并且是有调动手柄可以调整的。 CS5中的创建补间动画则是定头、做动画(开始帧选中对应帧改变对象位置)。 一般在用到CS5的3D功能时候，会用到这种补间动画。一般做FLASH项目，还是用传统的比较多。更容易把控，而且，传统补间比新补间动画产生的ksize
要小，放在网页里，更容易加载。 最主要的一点，传统补间是两个对象生成一个补间动画，而新的补间动画是一个对象的两个不同状态生成一个补间动画，这样，你就可以利用新补间动画来完成大批量或更为灵活的动画调整。
3.5.3 动作补间动画（1.5课时） 一、学习指导 1．动作补间动画的概念 动作补间动画是指在Flash的时间帧面板上，在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash 将自动根据二者之间的帧的值创建的动画。动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头；构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等等，但不能是形状，只有把形状组合（Ctrl+G）或者转换成元件后才可以做动作补间动画。 2．动作补间动画的制作 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件，一帧中只能放一个项目，在动画要结束的地方创建或选择一个关键帧并设置该元件的属性，再单击开始帧，在【属性面板】上单击【补间】旁边的“小三角”，在弹出的菜单中选择【动作】，或单击右键，在弹出的菜单中选择【新建补间动画】，就建立了“动作补间动画”。 制作动作补间动画的帧属性面板如下图所示 （1）旋转选项：有四个选择，选择“无”禁止元件旋转；选择“自动”可以使元件在需要最小动作的方向上旋转对象一次；选择“顺时针”或“逆时针”，并在后面输入数字，可使元件在运动时顺时针或逆时针旋转相应的圈数。 （2）“调整到路径”：将补间元素的基线调整到运动路径，此项功能主要用于引导线运动，我们在下一节中要谈到此功能。 （3）“同步”复选框：使图形元件实例的动画和主时间轴同步。 （4）“对齐”选项：可以根据其注册点将补间元素附加到运动路径，此项功能主要也用于引导线运动。 （5）缓动选项：在“0”边有个滑动拉杆按钮，单击后上下拉动滑杆或填入具体的数值，补间动作动画效果会以下面的设置作出相应的变化： 在1到-100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速补间。 在1 到100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。 默认情况下，补间帧之间的变化速率是不变的。 二、学习提示 本节课的学习要求理解动作补间动画的概念，了解构成动作补间动画的元素。掌握动作补间动画的制作方法。
“形状补间”动画 一、教学目标与要求： 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）表扬和展示学生成果。
第二课创建补间动画 Flash除了可以创建逐帧动画外，还可以创建补间动画。补间动画又包括形状补间动画和动作补间动画。本课安排了制作“魔幻变形”的动画和制作“孩子捕蝴蝶”的动画两个活动，通过这两个活动，使学生掌握形状补间动画和动作补间动画的制作过程和方法。 本课建议课时1课时。 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）“简单”选项
实训四flash动作补间动画的制作 实训目的： 1.理解“补间”的原理 2.理解“元件”的概念 3.掌握动作补间动画的制作方法 实训原理： 1.补间 补间是flash动画的一种制作方法，又叫补间动画。做flash动画时，在两个关键帧中间需要做“补间动画”，才能实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。 2.元件 1)元件： 是flash动画中可以重复使用的元素。（通常可以把一个动画元件当做是一位演员，演员可以在不同的场景出现）当元件不使用的时候，一般被放置在flash的“库”面板里。 2)元件的类型： 它是作为一个基本图形来使用的，一般是静止的一副图画，每个图形元件占1 帧。 可以完全独立于场景时间轴，并且可以重复播放。影片剪辑是一小段动画，用在需要有动作的物体上，它在主场景的时间轴上只占1 帧，就可以包含所需要的动画，影片剪辑就是动画中的动画。“影片剪辑”必须要进入影片测试里才能观看得到。 4 帧的影片剪辑，但它的时间轴不能播放，只是根据鼠标指针的动作做出简单的响应，并转到相应的帧，通过给舞台上的按钮添加动作语句而实现flash 影片强大的交互性。 3.动作补间动画的制作过程： a)编辑起始关键帧； b)创建一个新的动画对象（图形、图像、文字等），并将动画对象转换为元件（“图形”元 件）； c)创建结束关键帧，编辑该关键帧页面； d)创建起始关键帧的补间动画类型（“动画”补间）。 实训步骤： 训练项目一：制作一个动画对象的位置移动动画。（5分钟） 训练项目二：制作一个星星的闪烁动画。（5分钟）
实训作业内容及要求： 1、制作一个“日出日落”的动画效果。 2、完成之后以“学号+姓名”命名文件，并以swf格式导出提交。 实训作业参考步骤： 新建一个flash文件，添加图层2、图层3，得到三个图层。从上到下分别将图层3命名为“山”、图层2命名为“太阳”、图层1命名为“天空”。 制作“山” 1.绘制“山”：用鼠标左键点击“山”图层的第一个空白关键帧，利用钢笔工具绘制一座山，调整山的大小和在舞台上的位置。 2.选中“山”图层的第70个帧格，点击鼠标右键，弹出的快捷菜单中选择“插入帧”命令（或者按F5键，可插入一个帧）。 制作“太阳”移动 1. 绘制“太阳”：将除了“太阳”图层的其他图层锁定。选中“太阳”图层的第一个空白关键帧，在舞台上用椭圆工具绘制一个圆形，并填充为红色。选中红色圆形，按F8键，弹出“转换为元件”对话框，选择为“图形”元件类型，命名为“sun”。 2. 设置“太阳”的补间动画： 将第一个关键帧舞台上的太阳拖动到“山”后面。 在该图层的第25、45、70帧处插入关键帧，分别调整这些关键帧舞台上太阳的位置。 选中“太阳”图层的所有帧，点击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令。 制作“天空”变化 1. 绘制“天空”： 将除了“天空”图层的其他图层锁定。选中“天空”图层的第一个空白关键帧，在舞台上用矩形工具绘制一个矩形，修改填充颜色为黑色，并将矩形的宽高分别设置为550、400。 选中黑色矩形，打开“对齐”面板，设置黑色矩形相对舞台对齐。 点击选中黑色矩形，按F8键，弹出“转换为元件”对话框，选择为“图形”元件类型，命名为“sky”。 2. 设置“天空”的补间动画： 在该图层分别再插入3个关键帧，关键帧的位置对应“太阳”的升起和落下时刻，再设置这三个关键帧里“sky”元件的亮度。 选中“天空”图层的所有帧，点击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令。
第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补间动画制作——龟兔赛跑》教学设计【教材分析】 本节课是江苏省八年级《信息技术》下册第8单元《动画信息制作》第三节《制作Flash动画》的第一课时。在学习本节课之前，学生已经学习了动画及制作的基本原理，对于基本原理有了一个较清晰的理解；同时通过学习了如何制作一个FLASH逐帧动画，对帧、图层、元件等概念有所了解；本节课通过重现经典的寓言故事《龟兔赛跑》，学习和理解FLASH补间动画的制作技巧。 【设计思想】 通过制作寓言故事“龟兔赛跑”的FLASH影片来贯穿全课，让学生在模拟制作影片的情况下学习动画补间的方法；老师在导学案的设计也颇新颖，是以电影剧本的方式来吸引学生的注意力；师生共同分析乌龟成功的经验，告诫学生不能骄傲自大，做事要认真对待并且遇到困难要毫不气馁坚持到底。 【学情分析】 精彩的Flash作品目前在网络中非常受欢迎、非常流行，而制作这些作品的人被网络称为“闪客”；学生对网络世界的熟悉使得学生对flash动画并不陌生，并且学生对flash动画也抱有强烈的好奇心和学习兴趣，都想成为一个优秀的“闪客”，这为我们的教学打下坚实的基础。因为学生学习FLASH时间较短，对于图层的分别管理不同元件的认识还不够深刻，所以在本节课中继续加深培养；并且通过帮助视频的辅导，学生能够化被动学习为主动学习，自己探索出制作补间动画的方法。 【教学目标】 1、知识与技能： （1）掌握“动画补间”动画的工作原理和主要步骤； （2）掌握元件的概念； （3）掌握“龟兔赛跑”的制作方法。 2、过程与方法： （1）通过师生共同分析动画补间的实例，加深学生对于动画补间的和层的理解；
（2）让学生自主实践，去完成“龟兔赛跑”的动画，使学生能够迅速掌握“动画补间”动画的制作方法； （3）培养学生自主学习能力、探索创新能力和综合运用知识的能力。 3、情感态度与价值观： （1）感受运用Flash动画软件创造作品的乐趣； （2）体验信息技术蕴含的文化内涵，形成和保持对信息技术的求知欲。 【教学重点与难点】 1、教学重点：（1）“动画补间”动画制作的一般方法。 （2）元件的透明处理 2、教学难点：补间动画对象的在起始关键帧与结束关键帧上的变化（位置、大小、透明） 【教学过程】
形状补间动画是Flash中非常重要的表现手法之一，运用它，你可以变幻出各种奇妙的不可思议的变形效果。 本节从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅，最后，提供了二个实例练手，帮助你更深地理解形状补间动画。 1．形状补间动画的概念 （1）形状补间动画的概念 在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。 （2）构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。 （3）形状补间动画在时间帧面板上的表现 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图3-3-1所示。 图3-3-1 形状补间动画在时间帧面板上的标记 （4）创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图3-3-1所示，一个形状补间动画就创建完毕。 2．认识形状补间动画的属性面板 Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后，点击时间帧，【属性】面板如图3-3-2所示。
第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 补间形状、补间动画、传统补间的主要区别 (2015-04-19 15:14:46) 转载▼ 分类:平面动画设计(Flash) 区 别 补间形状(形状补间动画) 传统补间(动作(动画)补间动画) 补间动画在 时 间 轴上的表现 淡绿色背景 有时实心箭头 淡紫色背景 有实心箭头 淡蓝色背景 组成 矢量图形(如果使用图形元 件、按钮、文字,则必先打散, 即转化为矢量图形)再变形。 元件(可为影片剪辑、图形元件、按钮等) 或先转化为元件 注:非矢量图形(组合图形、文字对象、 元件的实例、被转换为“元件”的外界导 入图片等)皆可,但元件能修改的属性参 数比较多,因此建议统一为:元件 同左 效果矢量图形由一种形状逐渐变 为另一种形状的动画。实现两 个矢量图形之间的变化,或一 个矢量图形的大小、位置、颜 色等的变化。 元件由一个位置到另一个位置的变化。 实现同一个元件的大小、位置、颜色、 透明度、旋转等属性的变化。 同左 关键?插入空白关键帧 ?首尾可为不同对象,可分 别打散为矢量图 ?插入关键帧 ?首尾为同一对象。先将首转为元件再 建尾关键帧。属性的改变:位置--选中, 移;其她属性--选中元件,在此元件实例 属性面板中改属性 ?只需首关键帧即可 对首关键帧应用“补间 动画” 特性可实现动画滤镜(让应用的滤镜动起 来)。 可以利用运动引导层来实现传统补间动 画图层(被引导层)中对象按指定轨迹运 动的动画。 可实现动画滤镜(让应 用的滤镜动起来)。 注意:
在Flash中,补间形状(形状(变形)动画)只能针对矢量图形进行,也就就是说,进行变形动画的首、尾关键帧上的图形应该都就是矢量图形, 矢量图形的特征就是:在图形对象被选定时,对象上面会出现白色均匀的小点。利用工具箱中的直线、椭圆、矩形、刷子、铅笔等工具绘制的图形,都就是矢量图形。 在Flash中,传统补间(动作(动画)补间动画)只能针对非矢量图形进行,也就就是说,进行运动动画的首、尾关键帧上的图形都不能就是矢量图形,它们可以就是组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等。转为元件能修改的属性参数比较多,因此在上表对象中统一为元件。 非矢量图形的特征就是:在图形对象被选定时,对象四周会出现蓝色或灰色的外框。利用工具箱中的文字工具建立的文字对象就不就是矢量图形,将矢量图形组合起来后,可得到组合图形,将库中的元件拖曳到舞台上,可得到该元件的实例。 滤镜:图形效果,可以为文本、按钮与影片剪辑增添有趣的滤镜视觉效果。使用补间动画可让应用的滤镜动起来。 遮罩层的应用 1、建立各图层中对象:可先建欲作被遮罩图层再建欲作遮罩图层 2欲作遮罩图层在上,图即为通透区欲作被遮罩图层在下 2、效果制作:其中一层做动画设计等 3、将欲作遮罩图层(现为普通图层)转为遮罩层:快捷菜单中转。欲瞧效果将两图层锁住
《Flash中动作补间动画》教学设计 一、课题：Flash中动作补间动画 二、教材分析： 本节课是初中信息技术第五单元第二节的内容，本节是在学生已经了解了动画的原理、Flash的窗口及基本概念、制作简单逐帧动画的基础上进一步学习制作动作补间动画。《制作基本动画》分为“动作补间”动画和“形状补间”动画两部分，四个课时。而本节课则为“动作补间”动画的第一课时，主要让学生理解“动作补间”动画的制作原理，掌握“动作补间”动画的制作步骤。也要为后面的形状补间动画以及遮罩动画的学习作一个知识铺垫，本节内容在整个单元中起着承上启下的过渡作用。 三、学情分析： 兴趣是最好的老师，信息技术教学亦是如此。七年级的学生已经掌握了一些信息技术基础知识以及计算机操作技巧，经过前面几节课的演示学习与实践操作，大部分学生都完成了逐帧动画“小鸟会飞了”等动画的制作，并且有一部分基础好的学生独立创作了一些动画，直观的体会到了自己制作的flash真的“动”起来，这使学生心理上有一种前所未有的成就感，对动画制作产生了浓厚的兴趣，滋生了学好flash的欲望。 四、教学目标： （一）知识与技能： 1. 让学生理解“动作补间”动画的制作原理和操作步骤。 2. 让学生学会制作动作补间动画,学会设置“缩放、旋转”等选项,做出各种动画效果。 （二）过程与方法： 通过“旅游”这一话题导入新课，引出动作补间动画，让学生学会分析和分解运动过程，理解制作补间动画的一般性思路，掌握动作补间动画的制作方法。 （三）情感态度与价值观： 1. 让学生通过F l a s h技术手段,做出“小汽车会走了”动画效果,从而培养学生细心观察的能力。 2. 让学生感受运用信息技术创作作品的乐趣，激发学生的学习热情。 五、教学重点、难点： 教学重点：制作动作补间动画的一般步骤和方法。 教学难点：动作补间动画的制作方法
第二章第3节补间动画让物体动起来
逐帧动画：在舞台上一帧一帧地绘制或修改图像，连续播放形成动画。制作步骤： 1.单击层名称，使之成为当前层，选择层中的某一关键帧作为动画 的起点。 2.创建图形，可以使用绘图工具直接绘图，也可以从剪板板粘贴图 象或导入图象。 3.单击右边的下一帧，鼠标右键点击→在弹出菜单中选择插入关键 帧命令或按F6键 4.修改舞台上的内容 5.重复步骤4、5，完成所有关键帧。 （如果我们担心有些帧之间图形的位置间隔不太恰当，可以打开灯箱显示模式，来查看各帧的相对效果，） 5.3 绘图纸显示模式 通常情况下，Flash一次只显示动画序列中的一个帧。如果用户需要定位和编辑多个帧或调节帧之间图形的位置间隔，可以使用绘图纸显示模式，来查看多个帧各帧的相对效果。在绘图纸显示模式下时间轴中的各帧像隔着一层透明绘图一样重叠显示。 绘图纸功能的使用： 1.单击“绘图纸外观”按钮，在绘图纸起始标记和结束标记之间的 所有帧被重叠显示 2.单击“绘图纸外观轮廓”按钮，标记之间的帧显示为轮廓 3.单击“编辑多个帧”按钮，可以编辑绘图纸标记之间的所有帧 4.要更改一绘图纸标记的位置，将指针拖到一个新的位置 5.单击“修改绘图纸标记”按钮，修改绘图纸外观标记的显示 5.4 形状补间动画的制作 使用形状补间动画可以制作一个形状随着时间变成另一个形状的形
变效果。 一．形状补间动画制作步骤 1.选择要制作动画的层；在动画开始播放的地方创建或选择一个关 键帧 2.创建或放置图形对象或分离的组、位图、实例或文本块 3.在同一层上再创建一个关键帧，并选择该关键帧 4.选择在前一个关键帧中放置的图形执行以下操作之一 ?修改插图的形状、颜色或位置。 ?删除该插图，然后在第二个关键帧中放入新的图形或分离的组、位图、实例或文本块。 5. 在时间轴上选择第1个关键帧，从“属性”面板中的“补间”弹出菜单中选择“形状” 7. 要调整渐变过渡帧的变化速度。可以拖动“扩大值”旁边的箭头或输入一个值． ?要使动画开始很慢越接近动画末尾时越快，则可以拖动滑杆向上移动或输入一个负数值，范围为-1至-100 ?要使动画开始很快越接近动画末尾时越慢，则可以拖动滑杆向下移动或输入一个正数值，范围为1至100 7. 可以选择混合类型的一个选项。 ?分布式：选择该项在创建动画时所产生的中间形状将平滑而不规则 ?角形：选择该项在创建动画时将在中间形状中保留明显的角和直线 注意： ?变形对象必须在一个图层上，否则不能形成补间动画。 ?要对组合体、实例、文本、位图图象应用补间形状动画，必须首先将这些元素打散。 二.控点的运用 控点的作用：在补间形状动画的起始和结束帧中设置控点以便对变形过程进行人为的控制。 设置控点方法： 1.选择变形动画序列中的第一个关键帧，执行【修改】→【变形】 →【添加形状提示】命令，则在变形对象的正中央有一个红色小 圈，内部标有字母 2.将变形提示移动到要标记的点。按照同样的方法添加和设置其他 的变形提示。
计算机动画制作(三) ——用flash创建形状补间动画 教材分析 本课教学内容是教材第四章第三单元·“动画制作”中的“制作基本动画”第三课时－－“形状补间动画”。“动画制作”对高一的学生来说还是有一定难度的，但学生的兴趣非常浓厚；本课主要学习形状补间动画的制作方法，比较形状补间动画与动作补间动画的区别；形状补间动画是本单元的教学重点和难点，其中掌握“形状补间动画”的制作方法及“形状补间动画”与“动作补间动画的区别”又是本节课的重点和难点。 教学内容分析 本节课的教学内容为形状补间动画制作，针对实际情况，具体将以3个任务围绕教学目标开展教学：任务1：“图形—图形”间的形状补间动画——圆变矩形；任务2：“图形—文字”间的形状补间动画；任务3：“文字—图片”间的形状补间动画。三个任务的设计代表不同的类型，切合学生的学习思路，激发学生的学习兴趣，由浅入深，层层提高。 教学目标 一、知识与技能： 1、理解形状补间动画的概念，掌握其制作方法； 2、掌握将位图转换为矢量图的操作方法，了解位图在形状补间动画中为何要矢量化； 3、认识形状补间动画与动作补间动画的区别 二、过程与方法： 通过自主探究、任务驱动，发现问题、解决问题，来掌握形状补间动画的制作方法。 三、情感态度与价值观： 培养学生的动手能力、想象力、创造力、审美能力及互助精神。 教学重难点 重点：形状补间动画的制作方法；形状补间动画与动作补间动画的区别；掌握位图矢量化方法 难点：形状补间动画的制作方法；形状补间动画与动作补间动画的区别；了解图片矢量化的原因 教学过程与设计意图 情景导入
教师复习提问创建移动渐变动画的基本步骤。 第一步：创建起始帧；第二步：创建结束帧；第三步：创建动作补间。 补间动画有两种，我们刚才看到的只是补间动画中的一种，我们来看属性面板中的内容，这种动画叫做动作补间动画或者叫动画补间，还有一种叫什么补间动画呢？ 教师演示：补间属性面板中的“补间”选项，形状补间动画。（动作补间，形状补间）教师播放“奥运”和“翻书”的补间小动画给学生欣赏,由此引入形状补间动画。学生回忆所学过的内容，了解本课的任务。 设计意图：激发学生学习本节课的兴趣。 讲授新课 师：那么，现在就请同学们先跟我去认识一下什么是“形状补间动画”、它的功能以及特点(课件) ； 1.形状补间动画的概念：使一个对象逐渐变成另一个对象，实现两个对象间(颜色、位置、大小、形状)的平滑过渡。 2.形状补间动画的功能： ?主要用于复杂的，不规则的变形. ?也可以用于大小缩放 ?颜色与透明度的变化 3.形状补间动画的特点： ?帧区域是淡绿色的 ?开始帧和结束帧必须是关键帧. ?形变动画中关键帧对象不能是元件或群组,应用之前一定要先把元件打散(分离). ?变形动画库中不会产生补间元件. ?变形过程的关键帧对象要尽量平滑过度,减少折角,可减少变形纠结现象. 设计意图：让学生有概念认识 师：了解了概念以后，我们一起来制作一个简单的形状补间动画。 （讲解）以“椭圆—矩形”为例简单讲授制作过程。 (提示) flash中绘制的图不需要转化为元件，因为它要发生形状的变化。 教师在讲授“椭圆—矩形”时，先故意犯错，等学生纠错后再讲正确方法（区分移动补间动画的制作方法）；
Flash补间动画 一、教学背景 1、教材分析 Flash动画设计是初中信息技术八年级上学期所学内容，本书注重突出对Flash动画设计能力的培养和对技术价值认识的提升，学生学习本教材，不仅能够掌握Flash动画的制作方法，丰富课余生活，更重要的是能在信息和文化素养、思维和学习能力、动手与实践能力及思想品德等方面，有进一步的提高。Flash动画设计是充满趣味的，同时也锻炼了学生发现问题、提出问题、解决问题的能力。 2、学情分析 我校学生对于信息技术这门课很喜欢，尤其八年级所学的Flash 动画设计，非常贴近他们的生活。学生在课余时间接触的动漫比较多，但知道动漫是如何制作的较少。所以本学期教学，可以从学生们喜爱的动漫入手，激发学生的学习兴趣，带领学生在欢乐中学习Flash动画制作方法。 二、教学目标 1、知识与技能：理解形状补间动画与逐帧动画之间的区别，并从中 发现形状补间动画的特点，将其进行归纳。 2、过程与方法：巩固使用绘图工具与选择工具绘制并编辑图像的方 法，掌握将图形、文字制作出形状补间动画的方法，学会使用“修改” —“分离”命令，将文字分离成沙粒状。在学习的同时，也培养了学生发现与总结的能力。
3、情感态度与价值观：形状补间动画选取的案例简单实际，透过案 例学生可以轻松地观察到形状补间动画与逐帧动画的不同点。并且，学生自主的归纳总结可以加深学生对重难点的理解，引起学生对未知领域的好奇心。 三、教学重点、难点 1、教学重点 ①养成图层重命名及图层所定的习惯 ②学会设置形状补间动画的方法，实现简单变形 ③掌握使用“修改”—“分离”的方法制作文字的形状补间动画 2、教学难点 ①形状补间动画的制作原理以及控制 ②对被分离的文字的理解与应用 四、教法与学法 我在教学过程中主要采用了讲演法和任务驱动法。通过将新知识与已学知识进行对比，引导学生自主学习发现问题，掌握本节课的重点。教师在此过程中只是进行适当的推进作用。任务驱动法则是信息技术中常用的一种方法，教师通过设置符合学生情况的任务，来进行教学。 五、教学程序及设想 一、导入新课：师引入课题：通过前面所学习的逐帧动画的制作， 我们已经能较为自如地控制帧的播放时间长短、并理解了关键帧的意义与使用方法，但也从中发现了一些问题，如：逐帧动画过渡过于跳