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

形状补间动画,,动画的类型与补间动画,（1）Flash可以创建两种动画，即逐帧动画和补间动画。逐帧动画是最传统的动画制作方式，制作时要将所有的画面按顺序一帧一帧地放进时间轴即可。其中补间动画包括形状渐变动画和运动渐变动画。 逐帧动画需要更改每一帧中的舞台内容，它最适合于每一帧中的图像都在变化，而不是仅仅简单地在舞台中移动的复杂动画。逐帧动画增加文件大小的速度比补间动画快得多。在逐帧动画中，Flash会保存每个完整帧的值。（2）补间动画是整个Flash动画设计的核心 。 补间动画只要做好关键帧的画面，中间各帧是Flash通过计算生成，保证画面从上一帧平滑地过渡到下一帧。 补间动画是创建随时间移动更改动画的一种有效方法，并且最大程度地减小所生成文件的大小。在补间动画中，Flash只保存帧之间更改的值。,形状补间动画,定义：形状动画又称形状渐变动画，指一种形状随着时间的变化而成为另一种形状。在形状渐变的过程中还可以改变形状的位置、大小和颜色。默认情况下，Flash中插入的形状渐变是一个形状到另一个形状之间变化的最简单路径。切记：Flash不能渐变组、元件、文本块和位图图片的形状，要对他们应用形状补间，首先要单击菜单【修改】【分离】命令，分离他们成为图形填充后，形状才能渐变。通过变形控制点能控制复杂的变形，进而可以创建理想的动画效果。单击【修改】【形状】【添加形状提示】命令，可添加变形控制点。,缓动值记忆小窍门,初学Flash时，经常搞不清缓动值的正负。下面的小诀窍可以帮助你记忆缓动值为负数时，意味着运动物体慢慢减少负荷，所以运动物体呈加速度运行；缓动值为正数时，意味着运动物体慢慢增加负荷，所以运动物体呈减速度运行。,6.3.1 形状补间动画的特点,形状补间动画具有如下特点：,形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其强调的是“形状”变化，而动画补间强调的是“动作”。形状补间动画的组成元素只能是分离的矢量图形，如果使用图形元件、按钮、文字、组合等，需要先将它们分离才能创建形状补间动画。,设置形状补间动画后的时间轴,形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头 。,如果箭头变为虚线，说明制作不成功，原因可能是某个关键帧上的图形没有被分离 。,6.3.2 创建形状补间动画的方法,下面通过一个简单的小实例来学习形状补间动画的创建：,舞台中的图形 将第1帧上的飞机图形剪切到第20帧,1.打开素材文档 。,2.在“图层1”的第20帧处插入空白关键帧，然后将第1帧上的飞机图形剪切到第20帧，再将第1帧上的小鸟图形移动到舞台中间位置 。,创建形状补间动画 设置形状补间动画参数,3.选中第1帧与第20帧之间的任意帧，然后打开“属性”面板，在“补间”下拉列表中选择“形状”选项，即可创建形状补间动画 。,4.创建形状补间动画后，打开“属性”面板，其中“缓动”选项的作用与动画补间动画的一样，在“混合”选项的下拉列表中有“分布式”和“角形”两个选项，这里选择“分布式” 。,分布式：选择该选项，则动画中间形状的过渡比较平滑和不规则。角形：选择该选项，则动画中间形状的过渡会保留有明显的角和直线，适合于具有锐化转角和直线的形状变化。,6.3.3使用形状提示点制作精确变形动画,使用形状提示功能可以控制形状变化，使形状按照自己希望的方式变化。下面以一个简单的实例介绍形状提示的应用：,过渡动画 添加形状提示,1.打开素材文档，并按【Enter】键 预览动画 。,2.选中“图层1”的第1帧，然后选择“修改”“形状”“添加形状提示”菜单，添加一个形状提示 。,第1帧与第30帧上的形状提示,3.添加形状提示后在第1帧上会出现一个红色的形状提示，相应的在第30帧上也出现了一个红色的形状提示 。,调整后的形状提示,4.使用“选择工具” 将第1帧上的形状提示移动到鸡的嘴尖位置，再将第30帧上的形状提示移动到孔雀的嘴尖位置，表示在变形时鸡的头会变为孔雀的头。此时第1帧上的形状提示会变为黄色，第30帧上的形状提示会变为绿色，表示它们在一条曲线上。,添加更多的形状提示,5.按快捷键【Ctrl+Shift+H】3次，再添加3个形状提示，然后将第1帧与第30帧上的形状提示“b”移动到鸡和孔雀的后背位置，将形状提示“c”移动到右前爪位置，将形状提示“d”移动到尾巴尖位置 。,选择“视图”“显示形状提示”菜单项，可以隐藏或显示形状提示。要删除所有的形状提示，可选择“修改“形状”“删除所有提示”菜单；要删除单个形状提示，可右击要删除的形状提示，在弹出的快捷菜单中选择“删除提示”菜单。,在使用形状提示时，应注意以下几点：,开始帧与结束帧上的形状提示是一一对应的，例如动画开始处形状提示“a”的所在位置，会变化到动画结束处形状提示“a”的所在位置。按逆时针顺序从形状的左上角开始放置形状提示，这样的变形效果最好。形状提示要在形状的边缘才能起作用，在调整形状提示的位置前，可选中工具箱中的“贴紧至对象”按钮 ，这样会自动把形状提示吸咐到图形边缘上。,课堂练习制作节日贺卡,图6-29 节日贺卡,利用本章所学知识制作一个电子贺卡，具体步骤请参考书中内容。,形状补间动画中的色彩,【例】 制作Flash贺卡：四季的祝福 知识点：制作形状补间动画、运动补间动画，调整形状的颜色透明度、渐变色填充方向。,制作步骤,（1）准备背景形状。在图层1的舞台上画一个与舞台尺寸相同大小、无笔触颜色、填充色为黑白线性渐变色的矩形。（2）制作背景颜色。当前第1个关键帧上的矩形的填充色为黑白渐变色。在混色器的渐变色编辑栏将颜色改为白色绿色(颜色值#A9FE25)线性渐变。选中颜料桶，在舞台上从下向上拖动鼠标，将渐变色从下向上重新填色。重新填色后的渐变色为下白上绿。,（3）调整背景颜色。 在第20帧和35帧处插入关键帧。将第35帧上的矩形填充白色橘红(颜色值为#FF6600)线性渐变。将渐变色调整为从下向上由白向橘红色渐变。 在第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%，将末帧图形元件透明度（Al