Flash技巧之如何掌控形状渐变动画

2008-04-02 10:55:03来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折


  问题1:在做形状渐变的时候,为什么要把文本元件矢量化?

  解决思路

  形状渐变动画是Flash基本动画之一,在flash创作中应用范围较广。形状渐变动画是基于形状来完成的,所以我们必须要确保制作形状渐变动画的素材为图像。在Flash中有两种图像分类,一种是位图图像,另一种为矢量图像。只有矢量图像才以制作形状渐变动画。位图,文本,元件等都不能够进行制作此效果。我们只有通过“分离”来矢量化,才能够达到效果。下面我们就以文本为例,说明这个问题。

  具体步骤:

  1、运行FlashMX2004,文档属性默认。

  2、单击工具栏中的文本工具在场景中键入“闪吧”两个字。文本颜色为红色,大小96。利用【对齐面板】使之位于舞台中央位置。

  3、单击【修改】|【分离】命令两次,或使用键盘中的快捷组合键“Ctrl B”两次,把文本矢量化分里。分离以后文档就已变为矢量图像了。被选中的状态由原来的蓝色边框转为白色的麻点状如图2.1.14所示。

  Flash技巧之如何掌控形状渐变动画

  Flash技巧之如何掌控形状渐变动画

  图2.1.14分离文本

  4、在时间轴上第30帧插入空白关键帧,在在舞台中键入“FLASH8”静态文本,并利用【对齐】面板配置位于舞台中央位置。

  5、使用同样方法,把“FALSH8”文本分离成矢量图像。

  6、单击第1帧和第30帧之间任意一帧,在下面的属性面板中的“补间”选项中选择“形状”。

  Flash技巧之如何掌控形状渐变动画

  图2.1.15配置形状渐变动画

  7、时间轴上第1帧和第30帧之间任何帧都变成绿色,并有一个长箭头。这说明我们已创建了一个形状渐变动画。如图2.1.16所示。

  Flash技巧之如何掌控形状渐变动画

  图2.1.16创建形状渐变动画

  8、测试效果,第1帧的“闪吧”逐渐的转换为第30帧的“FLASH8”。至此,形状渐变效果完成,保存。

  注意――一定要按“CTRL B”两次,分离成矢量图像才实现形状渐变效果。

  提示――◎按一次“CTRL B”只能使文本中的字单独分列出来。

  ◎形状渐变动画的时间线是绿色的,而移动渐变动画的时间线是蓝色的。

  试一试――能够利用矢量图进行形状的变化,那么能够不可改变颜色呢?例如第30帧得FLASH8改变为蓝色,会是什么效果呢?朋友们不妨试一试。

  分析――此节内容简单,只要确保制作形状渐变的素材为矢量图就能够了。在闪吧论坛中对此提出异议的朋友,大多为忘记了把位图、元件、文档等转化为矢量图。

  特别说明

  在此节形状渐变动画的学习中,我们知道了形状渐变动画的制作过程,也了解了最关键的知识:要把文本(位图)利用“CTRL B”两次分离,转换为矢量图,就能够实现这个效果。

  相关问题

  ◎如何控制形状渐变动画的渐变速度?

  第一、在时间轴上控制,缩小开始帧和结束帧之间的长度就能够达到效果;

  第二、尽量把两个关键帧的内容放在同一个位置。

  ◎能够精确控制图像的转化过程吗?

  能够的。在FlashMX2004中有一项【添加形状提示】功能,我们能够利用这项功能来实现精确控制形状渐变,我们将在下一个中周详地向大家介绍。

  问题2:如何添加、使用形状渐变提示点?

  解决思路

  在上一个问题中,我们向大家谈到了形状渐变动画中的“添加形状提示”的功能。“添加形状提示”功能能够使我们精确的来控制形状的变化过程,避免了上一个问题中的凌乱的变化效果。通过在两个关键帧中添加对应的提示点,我们就能够是某一点不动或按照我们的思路去变化,从而达到了我们控制形状变化的效果。

  具体步骤

  1、运行FlashMX2004,文档属性默认;

  2、单击工具栏里面的文本工具在第1帧键入一个简单的“一”静态文本,并分离成为矢量图像。打开【对齐】面板,使其处于舞台中央位置。

  3、在第30帧插入空白关键帧,键入“山”静态文本,并分离成矢量图像。利用【对齐】面板使其处于中央位置。

  4、在属性面板中创建“形状渐变动画”,看一下效果。

  5、第1帧的“一”很凌乱的转变为第30帧的“山”,这也是我们上一问题中实现的效果。

  6、添加形状提示点。单击【修改】|【形状】里面的【添加形状提示】命令,或按组合快捷键“Ctrl Shift H”来进行添加提示点。反复三次操作以后,就加入三个提示点。提示点的默认名称分别是a,b,c。在第一帧中呈现的是黄颜色。如图2.1.17所示。

  Flash技巧之如何掌控形状渐变动画

  图2.1.7第1帧的形状提示点

  7、分别使用鼠标把三个提示点托放到“一”字的两端和中间位置。

  8、单击第30帧,在第30帧里面也存在三个对应的提示点,只是颜色不相同。原来这些提示点在开始帧和结束帧都是对应的。把三个绿色的提示点分别拖动到“山”字的三个竖线的顶点如图2.1.18所示。

  Flash技巧之如何掌控形状渐变动画

  图2.1.18第30帧的形状提示点

  9、第1帧和第30帧里面的提示点的作用就是限制两帧的提示点进行对应运动,从而控制形状渐变的效果。

  10、测试一下,发现添加了形状渐变提示点的变化效果明显的有规律了,保存。

  注意――在添加开始帧和结束帧形状提示点的时候,一定要注意相互的对应位置。不能够把对应形状提示点的位置配置的距离过远,否则将失去形状提示点的作用。

  提示――◎对于复杂的形状渐变,能够多用一些提示点,最多能够添加26个形状提示点。利用放大镜工具精确地布置形状提示点的对应位置。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: Flash动画实例:巧妙的鼠标效果

下一篇: FLASH制作课件的优势和缺陷