Flash-8-形状补间动画详解及实例.docx

《Flash-8-形状补间动画详解及实例.docx》由会员分享，可在线阅读，更多相关《Flash-8-形状补间动画详解及实例.docx（10页珍藏版）》请在优知文库上搜索。

1、形态补间动画是FIaSh中特别也要的表现手法之运用它，你可以变化出各种奇异的不行思议的变形效果。本节从形态补间动目基本概念入手,带你相识形态补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形态提示”让图形的形变自然流畅.最终，供应了二个实例练手，帮助你更深地理解形态补间动血.I.形态补间动画的概念（1）形方补闿动画的霰念在FlaSh的时间帧面板上,在一个时间点（关键帧绘制一个形态，然后在另一个时间点（关键帧）更改该形态或维制另一个形态，Flash依据二者之间的帕的值或形态来创建的动画被称为形态补间动画”。（2）构成形态补间动画的元索形态补间动图可以实现两个图形之间颜色、形态、大小、

2、位置的相互改变，其变形的般捷性介于逐帧动l和动作补间动同二者之间.运用的元索多为用取标或东感笔绘制出的形态.假如运用图形元件、按钮、文字.则必先“打散”再变形.（3）形态补间动画在时间慎面板上的表现形态补间动画建好后，时间帧面板的背景色变为淡绿色,在起始帧和结束帧之间有一个长长的箭头，如图3-3T所示。图3-3-1形态补间动画在时间帧面板上的标记（4）创建形态补间动画的方法在时间轴面板上动画起先播放的地方创建或选择一个关键帧并设H要起先变形的形态，-般一帧中以一个对象为好，在动画结束处创隹或选齐一个美潴帕并设酉废变成的形态，再单击起先恢，在【僦性】面板上单击【补间】旁边的小三角,在弹出的菜单中

3、选】【形态】.此时,时间轴上的改变如图3-3T所示，一个形态补间动昌就创建完毕.2 .相识形态补间动画的属性面板FlaSh的【域性】面板陋融标选定的对取不同而发生相应的改变.当我们建立了个形态补间动画后,点击时间帧.【期性】面板如图33-2所示.展性T补问I形状声音,X二：荷里P-EI置效果标釜类型：I温和：I分布刃客才图3-3-2形态补间动岫【属性】面板形态补间动向的【属性】而板上只有二个参数：（1）“筒洁”选项在“0”边有个滑动拉杆按钮V雎击后上下拉动滑杆或填入详细的数（ft,形态补间动画会随之发生相应的改变.在1到100的负值之间,动画运动的速度从慢到快,朝运动结束的方向加速度补间.在1

4、到100的正值之间.动画运动的速度从快到慢.朝运动结束的方向减慢补间.就认状况下，补间帧之间的改变速率是不变的。（2）“混合地项“混合”选项中有二项供选择:“角形”选项：创建的动画中间形态会保留有明显的角和口戏，适合于具有锐化转角和H战的混合形态.“分布式”选项：创建的动画中间形态比较平滑和不规则.至此，“形态补间动画”的相关学问大家都已经有所了解，下面动手个实例,体会一下形态补间动向的奇异.实例:庆祝国庆实例简介国庆的夜空绚丽多彩，朵朵礼花在天空中捉放，远处传来礼炮的斑呜声，让我In来给这美丽的夜晚增加点喜庆，挂几个大红灯笼来庆祝祖国的生11吧.实例播放效果如图3-37所示。图334庆祝国庆

5、实例M而学问提要创建矢吊:图形创建形态补间动画将文字轴变为形态用混色涔设置颜色1、创建新文档执行【文件】【新建】吩咐，在弹出的面板中选择【常现】Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在【用性】面板上设置文件大小为400*330象索.【背景色】为白色,如图33-5所示.图3-3-5文档属性2、创建背景图层执行【文件】【好入到场景】吩咐,将本实例中名为“节日/空.jpg”图片导入到场景中,在第80帧处按下F5,加一般帧.如图3-3F所示.图3-3-6插入背景图片3 .创建灯笼形态我们先来画灯笼,执行【窗口】【设计面板】【混色器】吩咐,打开混色器面板,如图3-3-7所示设置混色

6、器面板的各项参数,图33-7混色器面板设置之一选择工具栏上的椭即工具Io1.去掉边城,口，在场景中画一个椭圈做灯笼的主体,大小为65*40象素”接希我们来IM灯笼上下的边，打开【混色器】面板,依据如图3-3-8设置参数.口收性RGB红：绿：S：Alpha:100%FFCC004 白闪客向航图3-3-8混色器面板设置之二选择工具栏上的矩形工具口1去抻边戏,画一个矩形,大小为30*10象素，更制这个矩形.分别放在灯笼的上下方,再向一个小的定形长宽为7*10敢素作为灯茏上面的槌手.最终用H战工只/1在灯笼的下面画几条黄色线条做灯定穗，个美丽的灯茏就画好了.如图3-3-9所示（为了能清晰的显示灯笼，可

7、短号将笄景色身为蓝色）。图3-3-9面好的灯笼4、女制拈贴四个灯笼复制刚画好的灯笼，新隹三个图层，在好个图层中粘贴个灯笼，谓整灯茏的位罚.，使其错落有致的排列在场景中。在第20、40帧处为各图层添加关键帧，如图3-3-10所示.图3-3-10错落彳i致的灯茏刚好间轴面板5,把文字转为形态取代灯笼选取第一个灯笼.在第40帧处用文字“庆”取代灯笼,文字的的【用性】面板上的参数：【文本类型】为涉态文本,【字体】为隶书,【字体大小】为60.【颜色】为红色.对“庆字执行【修改】【分散】吩咐.把文字转为形态.如图3-3-11上半部分所字.依照以上步骤.在笫40帧处的相应图层上依次用“祝”、“国”、”庆”三

8、个字取代另外二:个灯笼，并执行【分散】操作，其结果如图3-3-11卜半部分所示.一个灯笼被“庆”字取代四个灯笼被“庆祝同司乍先凝劭,图3-3-11用文字形态取代灯笼形态及文字打放6、设Ht文字形态到灯笼形态的转变。在“灯茏”各图层的第60帕及80帧处.分别添加大键帧，现在，在80帕处各“灯龙”图层中的内容为“文字图形”，应当把它们换成“灯笼”详细方法可以分别选择第20帧中的“灯笼”图形，再一个个“粘贴”诳第80帧中，当然，你先应当清除第80帧处4个“灯笼”图层中的内容哦!7.创建形态补间动向.在“灯笼”各图层的第20、60帧处单击帧,在【属性】面板上单击【补间】旁边的小三角在弹出的菜单中选择【

9、形态】,建立形态补间动画，如图3-3-12所示。图3-3-12创建形态补间动图8、测试存盘执行【限制】【测试影片】吩咐,视察本例sf文件生成的动封有无问题,假如满足.执行【文件】【保存】吩附，将文件保存成“庆祝国庆.fla”文件存盘,假如要导出FIaSh的播放文件，执行【导ill【导出影片】吩咐保存成庆祝国庆.sf-文件。运用形态提示形态补间动画看似简沽，实则不然，Flash在-计前”2个关键帧中图形的差异时，远不如我们想象中的“聪:!”，尤其前后图形差弁较大时，变形结果会显得一塌尚深，这时，“形态提示”功能会大大改善这一状况.海桢示的作用在起始形态和“结束形态”中添加相对应的“参考点二使FI

10、aSh在计舞变形过渡时依肯定的规则进行.从而较有效地限制变形过程.（2）厚加秘提示的方法先在形态补同动Si的起先帧上单击一卜,再执行【修改】It形态】I【添加形态提示】吩明，该帧的形态就公增加一个带字母的红色圆圈,相应地，在结束帧形态中也会出现一个“提示阳圈用鼠标左键单击并分别按住这2个1提示KIlr,在适当位置安放，安放胜利后起先帧上的提示131卡变为黄色，结束帧上的提示国圈”变为绿色，安放不胜利或不在一条曲线上时，“提示时圈.颜色不变，如图33-3所示.添加膨状梃小兀人调整位置时的状态调整位置后开始敕处变黄色淞塔后航图3-3-3添加形态提示后各帧的改变（3）添加形态提示的技巧1形苍提示、以

11、连ft添加，44多能添加26个,按逆时的依次从形态的左上角起先放71形态提示，它们的工作效果取好.加保形态提示”是符合理料的,Wh前后关健糊中芍2个三加形，我们运用3个.形态提示二觇么2个三角形中的形态提示”依次必备足样的.而不能第个形态是abc.而在其次个形态足acb.形态提示要在杉态的边缘才能起作用.在调整形志提示位W要打开工具栏上【选项】下IW的r吸叼开关】既.这样,会H动把“形态提示RH到边缘I-假如你发觉影仓搬示仍IH无效,则打以用工只栏上的放大工RiQl点击彩态,放大到2000倍,以戏保杉态提示位于图形边缘上.W外.要耐除全郃的形态提示.选样【修改】I【形态】I【划除仝5提示】.删

12、除单个形态提示.单击右键,在弹出菜单中选挣1.M除提示】.实例练习上面我们曾谈到，为得到流畅自然的形态变形动血,可以添加形态提示，本例是夕为此而设计的练习.请你在光盘的相关HH中找到“添加形态提示练习swf文件，如图33-15所示.这2个同样是“形态变形,其中右边的变形用了变形“参考点，从中，我们可以看出变形效果有明显的差异。11东加*秋提余闪客席航图3315添加形态提示实例界面学问H添加彬态提示创建S态扑间助西1、创建新文档执行【文件】【新建】吩咐新建一个影片文档,设置舞台尺寸为300200象索，【背景色】为蓝色#000OFF2,创建变形对象。我们要在场景中写二个数字T,让它们同时变形，一个

13、加影态提示,一个不加形态提示,看看这二个变形有什么不同。先在图层的场景左边中写入数字“r,.Wtti面板上设置【文本格式】为静态文本、【字体】为求有、t字号】100、【颜色】白色。再建一个图层二，在场景右边写入数字,参数同上，此层是添加形态提示层。然后在：层各40帧的地方加关键帧，各n入数字N”.在第60帧处加一般帧,使变形后的文字梢技停谕。3、把字符转为形态逐选取各层数字的笫1、40恸，执行【蟋及】|【分侬】吩咐，把数字打散转为形态，4,创建补间动画在图层一、二的笫帧处各自建立形态补回动S1.5、添加形态提示在图层二的第帧处，执行【修改】I【形态】I【添加形态提示】吩咐二次,如图3316所示.图3-2-16添加形态提示菜电痂认工具栏上的对齐对象按钮两己按卜选中，调恪第1、40帧处的脖态提示如图36-17所示。12*f闪客病航图3-3-17添加形态提示的第1、40W6、添加文字说明新建层，在：个渐变的下面分别写上“未加形态提示“、加用形态提示”的说明.在第60砂处加,般至此，这个实例制作完成，测试一下，石石效果，你能体会到添加形态提示的奇妙之处了吧。