电脑技巧收藏家
当前位置:首页>>flash技巧>>正文

Flash 8教程:形状补间动画详解(2)

  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 复制粘贴四个灯笼

  复制刚画好的灯笼,新建三个图层,在每个图层中粘贴一个灯笼,调整灯笼的位置,使其错落有致的排列在场景中。

  在第2040帧处为各图层添加关键帧,如图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 创建形状补间动画。

  在灯笼各图层的第2060帧处单击帧,在【属性】面板上单击【补间】旁边的小三角在弹出的菜单中选择【形状】,建立形状补间动画,如图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倍,以确保形状提示位于图形边缘上。 另外,要删除所有的形状提示,选择【修改】|【形状】|【删除所有提示】。删除单个形状提示,单击右键,在弹出菜单中选择【删除提示】。

 

来源:闪客启航



上一篇:Flash 8教程:形状补间动画实例

下一篇:Flash 8教程:形状补间动画详解(1)

设为主页 | 加入收藏 | 联系我 | 手机版
免责声明:本站资料来源于互联网,其版权归原作者所有。
如内容涉及或侵犯了您的权益,请通知我!
66998.com.cn版权所有 Copyright©2009  桂ICP备08100152号
建议使用分辨率:1024*768及更高

桂公网安备 45082102000110号