flash8.0形状补间动画详解及实例
我的图书馆
flash8.0形状补间动画详解及实例
形状补间动画是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到 -100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速度补间。 在1 到 100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。 默认情况下，补间帧之间的变化速率是不变的。
（2）“混合”选项
“混合”选项中有二项供选择：
“角形”选项：创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直线的混合形状。 “分布式”选项：创建的动画中间形状比较平滑和不规则。
至此，“形状补间动画”的相关知识大家都已经有所了解，下面动手个实例，体会一下形状补间动画的奇妙。
实例:庆祝国庆
国庆的夜空绚丽多彩，朵朵礼花在天空中绽放，远处传来礼炮的轰鸣声，让我们来给这美丽的夜晚增加点喜庆，挂几个大红来庆祝祖国的生日吧。实例播放效果如图 3-3-4所示。
图3-3-4 庆祝国庆实例画面
创建矢量图形 创建形状补间动画 将文字转变为形状 用混色器设置颜色
1、 创建新文档
执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】
选项后，点击【确定】，新建一个影片文档，在【属性】面板上设置文件大小为400*330
象素，【背景色】为白色，如图3-3-5所示。
图3-3-5 文档属性
2、 创建背景图层
执行【文件】|【导入到场景】命令，将本实例中名为“节日夜空.jpg”图片导入到场景中，在第80帧处按下F5，加普通帧。如图3-3-6所示。
图3-3-6 插入背景图片
3、 创建灯笼形状
我们先来画灯笼，执行【窗口】|【设计面板】|【混色器】命令，打开混色器，如图3-3-7所示设置混色器面板的各项参数。
图3-3-7 混色器面板设置之一
选择工具栏上的椭圆工具 ，去掉边线 ，在场景中画一个椭圆做的主体，大小为65*40象素。
接着我们来画灯笼上下的边，打开【混色器】面板，按照如图3-3-8设置参数。
图3-3-8 混色器面板设置之二
选择工具栏上的矩形工具 ，去掉边线，画一个矩形，大小为30*10象素，复制这个矩形，分别放在灯笼的上下方，再画一个小的矩形，长宽为7*10象素，作为灯笼上面的提手。
最后用直线工具 在灯笼的下面画几条黄色线条做灯笼穗，一个漂亮的灯笼就画好了。如图3-3-9所示（为了能清楚的显示灯笼，可暂时将背景色改为蓝色）。
图3-3-9 画好的灯笼
4、 复制粘贴四个灯笼
复制刚画好的灯笼，新建三个图层，在每个图层中粘贴一个灯笼，调整灯笼的位置，使其错落有致的排列在场景中。
在第20、40帧处为各图层添加关键帧，如图3-3-10所示。
图3-3-10 错落有致的灯笼及时间轴
5、把文字转为形状取代灯笼
选取第一个灯笼，在第40帧处用文字“庆”取代，文字的的【属性】面板上的参数：【文本类型】为静态文本，【字体】为隶书，【字体大小】为60，【颜色】为红色。
对“庆”字执行【修改】|【分散】命令，把文字转为形状。如图 3-3-11上半部分所示。
依照以上步骤，在第40帧处的相应图层上依次用“祝”、“国”、“庆”三个字取代另外三个灯笼，并执行【分散】操作，其结果如图 3-3-11下半部分所示。
图3-3-11 用文字形状取代灯笼形状及文字打散
6、 设置文字形状到灯笼形状的转变。
在“灯笼”各图层的第60帧及80帧处，分别添加关键帧，现在，在80帧处各“灯笼”图层中的内容为“文字图形”，应该把它们换成“灯笼”。
具体办法可以分别选择第20帧中的“灯笼”图形，再一个个“粘贴”进第80帧中，当然，你先应该清除第80帧处4个“灯笼”图层中的内容哦！
7、 创建形状补间动画。
在“”各图层的第20、60帧处单击帧，在【属性】上单击【补间】旁边的小三角在弹出的菜单中选择【形状】，建立形状补间动画，如图3-3-12所示。
图3-3-12 创建形状补间动画
8、 测试存盘
执行【控制】|【测试影片】命令，观察本例swf文件生成的动画有无问题，如果满意，执行【文件】|【保存】命令，将文件保存成“庆祝国庆.fla”文件存盘，如果要导出Flash的播放文件，执行【导出】|【导出影片】命令保存成“庆祝国庆.swf”文件。
使用形状提示
形状补间动画看似简单，实则不然，Flash在“计算”2个关键帧中图形的差异时，远不如我们想象中的“聪明”，尤其前后图形差异较大时，变形结果会显得乱七八糟，这时，“形状提示”功能会大大改善这一情况。
形状提示的作用
在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而较有效地控制变形过程。
（2）添加形状提示的方法
先在形状补间动画的开始帧上单击一下，再执行【修改】|【形状】|【添加形状提示】命令，该帧的形状就会增加一个带字母的红色圆圈，相应地，在结束帧形状中也会出现一个“提示圆圈”，用左键单击并分别按住这2个“提示圆圈”，在适当位置安放，安放成功后开始帧上的“提示圆圈”变为黄色，结束帧上的“提示圆圈”变为绿色，安放不成功或不在一条曲线上时，“提示圆圈”颜色不变，如图3-3-3所示。
图3-3-3 添加形状提示后各帧的变化
（3）添加形状提示的技巧
“形状提示”可以连续添加，最多能添加26个。 按逆时针顺序从形状的左上角开始放置形状提示，它们的工作效果最好。 确保“形状提示”是符合逻辑的。例如，前后关键帧中有2个三角形，我们使用3个“形状提示”，那么2个三角形中的“形状提示”顺序必须是一致的，而不能第一个形状是 abc，而在第二个形状是 acb， 形状提示要在形状的边缘才能起作用，在调整形状提示位置前，要打开工具栏上【选项】下面的【吸咐开关】，这样，会自动把“形状提示”吸咐到边缘上，如果你发觉“形状提示”仍然无效，则可以用工具栏上的放大工具 点击形状，放大到2000倍，以确保“形状提示”位于图形边缘上。 另外，要删除所有的形状提示，选择【修改】|【形状】|【删除所有提示】。删除单个形状提示，单击右键，在弹出菜单中选择【删除提示】。 实例:添加形状提示练习
上面我们曾谈到，为得到流畅自然的形状变形动画，可以添加形状提示，本例是专为此而设计的练习。
请你在光盘的相关目录中找到“添加形状提示练习.swf”文件，如图3-3-15所示。这2个同样是“形状变形”，其中右边的变形用了变形“参考点”，从中，我们可以看出变形效果有明显的差异。
图3-3-15 添加形状提示实例界面
添加形状提示 创建形状补间动画
1、 创建新文档
执行【文件】|【新建】命令新建一个影片文档，设置舞台尺寸为300*200
象素，【背景色】为蓝色#0000FF。
2、 创建变形对象。
我们要在场景中写二个数字“1”，让它们同时变形，一个加形状提示，一个不加形状提示，看看这二个变形有什么不同。
先在图层一的场景左边中写入数字“1”，【属性】上设置【文本格式】为静态文本、【字体】为隶书、【字号】100、【颜色】白色。再建一个图层二，在场景右边写入数字“1”，参数同上，此层是添加形状提示层。然后在二层各40帧的地方加关键帧，各写入数字“2”,在第60帧处加普通帧，使变形后的文字稍做停留。
3、 把字符转为形状
逐一选取各层数字的第1、40帧，执行【修改】|【分散】命令，把数字打散转为形状。
4、 创建补间动画
在图层一、二的第一帧处各自建立形状补间动画。
5、 添加形状提示
在图层二的第一帧处，执行【修改】|【形状】|【添加形状提示】命令二次，如图3-3-16所示。
图3-2-16 添加形状提示菜单
确认工具栏上的对齐对象 已按下选中，调整第1、40帧处的形状提示如图3-3-17所示。
图3-3-17 添加形状提示的第1、40帧
6、 添加文字说明
新建一层，在二个渐变的下面分别写上“未加形状提示”、“加用形状提示”的说明。在第60帧处加普通帧。
至此，这个实例完成，测试一下，看看效果，你能体会到添加形状提示的巧妙之处了吧。
声明：该文章系网友上传分享，此内容仅代表网友个人经验或观点，不代表本网站立场和观点；若未进行原创声明，则表明该文章系转载自互联网；若该文章内容涉嫌侵权，请及时向
[转]&[转]&[转]&[转]&[转]&[转]&
喜欢该文的人也喜欢【图文】补间形状动画_百度文库
您的浏览器Javascript被禁用，需开启后体验完整功能，
享专业文档下载特权
&赠共享文档下载特权
&10W篇文档免费专享
&每天抽奖多种福利
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
补间形状动画
&&补间形状动画
阅读已结束，下载本文到电脑
想免费下载本文？
登录百度文库，专享文档复制特权，积分每天免费拿！
你可能喜欢Flash教程之动画补间和形状补间(详细图文)
&　　Flash动画制作中，补间动画又分为动画补间和形状补间。一直是FLASH里常用的效果,所谓的补间动画,其实就是建立在两个关键帧(一个始,一个结束)的渐变动画，我们只要建立好开始帧和结束帧，中间部分软件会帮我们填补进去，非常方便好用。希望对您的学习和工作能有所帮助
　　动画补间：是由一个形态到另一个形态的变化过程，像移动位置，改变角度等。动画补间是淡紫色底加一个黑色箭头组成的。
　　形状补间：是由一个物体到另一个物体间的变化过程，像由三角形变成四方形等。形状补间是淡绿色底加一个黑色箭头组成的。
　　有时候，创建补间会失败，这时图层就变成虚线了，如图
　　这是怎么回事呢，首先先检查下，两个关键帧有没有问题
　　动画补间的两个关键帧必须是为组合状态(包括元件)
　　形状补间的两个关键帧则必须是为打散状态的，如图
　　如果发现没有，那么，就把图选起来，按Ctrl+G组合下，或是按Ctrl+B打散下，基本就解决问题了~
　　说了这么多，接下来就来实践下吧，就弄两个最简单的补间，来感受下补间的魅力吧~　　上面那个是形状的，下面那个是动画的，一个一个来，先来动画补间的吧
　　先把图层1命名为形状(不命名也行，只是保持好良好的习惯对以后做复杂的动画有帮助喔~)，在第一帧，画上五个大小差不多的圆，位置如图
　　在30帧插入关键帧(右击插入关键帧，或是按F6 友情提示：适当的记住一些常用的关键帧，对于做动画的速度是有帮助的)，然后在这一帧里把原来五个圆删掉，画一个大点的圆
　　最后一步，也是最关键的一步，那就是给这两帧加一个形状补间啦，在1到30帧间的任意一帧，点一下，展开下面的属性面板，选择补间为形状就可以了。
　　友情提示：前面两帧，要确定是非组合状态，一般画出来的，是非组合状态的，但是，如果你在选择圆形的时候，下面的选项里，对象绘制给选起来的话，画出来的会是组合状态的图形喔，所以还是要注意下的
　　好了，一个简单的形状补间做完了，下面再练习下简单的动画补间吧　　新建一个图层，命名为动画，在第一帧画一个圆，按Ctrl+G组合下，把圆放在场景的左边，如图
　　在第30帧插入关键帧，把圆移到右边
　　好了，最后一步加补间，值得一提的是，动画补间右键菜单里有，所以，可以直接在1到30帧间任意一帧上右击，选择创建补间动画
　　当然，像刚才形状补间那样在属性面板里选也行的~
　　好了，两个简单的补间做完了~属性面板里的其它选项，下回再接着说~flash补间动画中的形状提示功能使用方法介绍
互联网 & 发布时间： 15:14:21 & 作者：佚名 &
这篇教程是向脚本之家的朋友分享flash补间动画中的形状提示功能使用方法，教程真的很实用，很值得大家学习，推荐到脚本之家，喜欢的朋友快快来学习吧
flash的形状补间动画广为使用,但是很多初学者却不会使用补间动画中的形状提示功能使形状补间动画更加符合要求更加形象更加随心所欲，这篇教程将介绍此功能，有需要的朋友快快来学习吧！
打开软件,新建文件
新建文件,如图所示
创建补间形状动画
选择椭圆工具,按住鼠标左键在舞台上拖出一个圆
在时间轴第15帧点击鼠标右键&&插入关键帧
用选择工具调整图形的形状为任意你需要的形状,也可以直接在这一帧画出你想要的图形,但是注意啦,这一步至关重要
然后在图形调整完成后一定要按Ctrl+B将图形分离
左键单击选择时间轴第一帧按Ctrl+B将图形也同样分离
左键单击时间轴第1帧至第15帧之间的任意一帧,单击菜单栏 插入&&补间形状,然后补间形状动画创建完成,单击Enter键查看效果.
添加形状提示
左键单击时间轴第一帧,单击菜单栏 修改&&形状&&添加形状提示,执行三次同样的操作,添加三个形状提示点,并将a,b,c三个点拖动到如图所示图形边缘位置(要在曲线上)
左键单击第15帧,将a,b,c三个形状提示点拖动到图形边缘相对的位置(要在曲线上),此时形状提示点已经变成了绿色
单击第一帧,此时第一帧的形状提示点变成了黄色,这说明添加形状提示点成功.如果形状提示点是红色则表明添加的形状提示点失败.
添加形状提示点一定要在补间形状动画的前后两个关键帧的图形上的同一条曲线上,否则形状提示点将变成红色,显示添加失败.
补间形状动画起始关键帧上的形状提示点是黄色表示成功,红色表示失败.末尾关键帧形状提示点绿色表示成功,红色表示失败.
现在赶快改变形状提示点的位置来看看对图形变化过程有什么影响吧!
添加的形状提示点为红色对表示添加形状提示点失败,将对图像变化毫无影响.
一定创建的是形状补间动画才能添加形状提示点
改变形状提示点的位置将会影响补间形状动画的变化过程
以上就是flash补间动画中的形状提示功能使用方法介绍，教程很实用，希望这篇文章能对大家有所帮助！
大家感兴趣的内容
12345678910
最近更新的内容