FLAsh技巧----形状补间动画

1、形状补间动画动画的类型与补间动画1Flash可以创立两种动画，即逐帧动画和补间动画。逐帧动画是最传统的动画制作方式，制作时要将所有的画面按顺序一帧一帧地放进时间轴即可。其中补间动画包括形状渐变动画和运动渐变动画。 逐帧动画需要更改每一帧中的舞台内容，它最适合于每一帧中的图像都在变化，而不是仅仅简单地在舞台中移动的复杂动画。逐帧动画增加文件大小的速度比补间动画快得多。在逐帧动画中，Flash会保存每个完整帧的值。2补间动画是整个Flash动画设计的核心 。 补间动画只要做好关键帧的画面，中间各帧是Flash通过计算生成，保证画面从上一帧平滑地过渡到下一帧。 补间动画是创立随时间移动更改动画的一种

2、有效方法，并且最大程度地减小所生成文件的大小。在补间动画中，Flash只保存帧之间更改的值。形状补间动画定义：形状动画又称形状渐变动画，指一种形状随着时间的变化而成为另一种形状。在形状渐变的过程中还可以改变形状的位置、大小和颜色。默认情况下，Flash中插入的形状渐变是一个形状到另一个形状之间变化的最简单路径。切记：Flash不能渐变组、元件、文本块和位图图片的形状，要对他们应用形状补间，首先要单击菜单【修改】【别离】命令，别离他们成为图形填充后，形状才能渐变。通过变形控制点能控制复杂的变形，进而可以创立理想的动画效果。单击【修改】【形状】【添加形状提示】命令，可添加变形控制点。缓动值记忆小窍

3、门初学Flash时，经常搞不清缓动值的正负。下面的小诀窍可以帮助你记忆缓动值为负数时，意味着运动物体慢慢减少负荷，所以运动物体呈加速度运行；缓动值为正数时，意味着运动物体慢慢增加负荷，所以运动物体呈减速度运行。 6.3.1 形状补间动画的特点 形状补间动画具有如下特点： 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其强调的是“形状变化，而动画补间强调的是“动作。形状补间动画的组成元素只能是别离的矢量图形，如果使用图形元件、按钮、文字、组合等，需要先将它们别离才能创立形状补间动画。 设置形状补间动画后的时间轴 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束

4、帧之间有一个长长的箭头 。如果箭头变为虚线，说明制作不成功，原因可能是某个关键帧上的图形没有被别离 。6.3.2 创立形状补间动画的方法 下面通过一个简单的小实例来学习形状补间动画的创立： 舞台中的图形 将第1帧上的飞机图形剪切到第20帧 1.翻开素材文档 。2.在“图层1的第20帧处插入空白关键帧，然后将第1帧上的飞机图形剪切到第20帧，再将第1帧上的小鸟图形移动到舞台中间位置 。 创立形状补间动画 设置形状补间动画参数 3.选中第1帧与第20帧之间的任意帧，然后翻开“属性面板，在“补间下拉列表中选择“形状选项，即可创立形状补间动画 。4.创立形状补间动画后，翻开“属性面板，其中“缓动选项的

5、作用与动画补间动画的一样，在“混合选项的下拉列表中有“分布式和“角形两个选项，这里选择“分布式 。分布式：选择该选项，那么动画中间形状的过渡比较平滑和不规那么。角形：选择该选项，那么动画中间形状的过渡会保存有明显的角和直线，适合于具有锐化转角和直线的形状变化。 使用形状提示点制作精确变形动画 使用形状提示功能可以控制形状变化，使形状按照自己希望的方式变化。下面以一个简单的实例介绍形状提示的应用： 过渡动画 添加形状提示 1.翻开素材文档，并按【Enter】键 预览动画 。2.选中“图层1的第1帧，然后选择“修改“形状“添加形状提示菜单，添加一个形状提示 。 第1帧与第30帧上的形状提示 3.添

6、加形状提示后在第1帧上会出现一个红色的形状提示，相应的在第30帧上也出现了一个红色的形状提示 。 调整后的形状提示 4.使用“选择工具” 将第1帧上的形状提示移动到鸡的嘴尖位置，再将第30帧上的形状提示移动到孔雀的嘴尖位置，表示在变形时鸡的头会变为孔雀的头。此时第1帧上的形状提示会变为黄色，第30帧上的形状提示会变为绿色，表示它们在一条曲线上。 添加更多的形状提示 5.按快捷键【Ctrl+Shift+H】3次，再添加3个形状提示，然后将第1帧与第30帧上的形状提示“b移动到鸡和孔雀的后背位置，将形状提示“c移动到右前爪位置，将形状提示“d移动到尾巴尖位置 。选择“视图“显示形状提示菜单项，可以

7、隐藏或显示形状提示。要删除所有的形状提示，可选择“修改“形状“删除所有提示菜单；要删除单个形状提示，可右击要删除的形状提示，在弹出的快捷菜单中选择“删除提示菜单。 在使用形状提示时，应注意以下几点： 开始帧与结束帧上的形状提示是一一对应的，例如动画开始处形状提示“a的所在位置，会变化到动画结束处形状提示“a的所在位置。按逆时针顺序从形状的左上角开始放置形状提示，这样的变形效果最好。形状提示要在形状的边缘才能起作用，在调整形状提示的位置前，可选中工具箱中的“贴紧至对象按钮 ，这样会自动把形状提示吸咐到图形边缘上。 课堂练习制作节日贺卡 图6-29 节日贺卡 利用本章所学知识制作一个电子贺卡，具体

8、步骤请参考书中内容。形状补间动画中的色彩 【例】 制作Flash贺卡：四季的祝福 知识点：制作形状补间动画、运动补间动画，调整形状的颜色透明度、渐变色填充方向。 制作步骤1准备背景形状。在图层1的舞台上画一个与舞台尺寸相同大小、无笔触颜色、填充色为黑白线性渐变色的矩形。2制作背景颜色。当前第1个关键帧上的矩形的填充色为黑白渐变色。在混色器的渐变色编辑栏将颜色改为白色绿色(颜色值#A9FE25)线性渐变。选中颜料桶，在舞台上从下向上拖动鼠标，将渐变色从下向上重新填色。重新填色后的渐变色为下白上绿。 3调整背景颜色。 在第20帧和35帧处插入关键帧。将第35帧上的矩形填充白色橘红(颜色值为#FF6

9、600)线性渐变。将渐变色调整为从下向上由白向橘红色渐变。 在第50帧和65帧处插入关键帧。将第65帧上的矩形填充白色橘黄(颜色值为#FF9900)线性渐变。将渐变色调整为从下向上由白向橘黄色渐变。 在第80帧和95帧处插入关键帧。将第95帧上的矩形填充白色蓝色(颜色值为#99CCFF)线性渐变。将渐变色调整为从上向下由白向蓝色渐变。4在第20、50、80关键帧处设置形状补间。将图层1命名为“back。5添加图案和文字。添加新图层seasons 。在第119帧画一束花；在3549帧画几条柳枝；在6579帧画几片落叶；在95110帧画几朵飘舞的雪花和雪人。添加新图层text ，添加文字。在第119帧输入文字“喜庆的春节在春天；在3549帧输入文字“欢乐的端午节在夏天；在6579帧输入文字“丰富的中秋节在秋天；在95110帧输入文字“浪漫的圣诞节在冬天。6为了使文字产生淡入淡出的效果，可以将文字转换为图形元件。将首帧图形元件透明度Alpha值调整为0%，将末帧图形元件透明