
如何掌握形状渐变动画.doc
5页如何掌握形状渐变动画如何掌握形状渐变动画问题 1:在做形状渐变的时候,为什么要把文本元件矢量化? 解决思路 形状渐变动画是 Flash 基本动画之一,在 flash 创作中应用范围较广形状渐变动画是基于形状来完成的,所以我们必须要保证制作形状渐变动画的素材为图形在 Flash 中有两种图形分类,一种是位图图形,另一种为矢量图形只有矢量图形才以制作形状渐变动画位图,文本,元件等都不可以进行制作此效果我们只有通过“分离”来矢量化,才可以达到效果下面我们就以文本为例,说明这个问题 具体步骤: 1、运行 Flash MX 2004,文档属性默认 2、单击工具栏中的文本工具在场景中键入“闪吧”两个字文本颜色为红色,大小 96利用【对齐面板】使之位于舞台中央位置 3、单击【修改】|【分离】命令两次,或者使用键盘中的快捷组合键“Ctrl+B”两次,把文本矢量化分里分离以后文档就已经变为矢量图形了被选中的状态由原来的蓝色边框转为白色的麻点状如图 2.1.14 所示 图 2.1.14 分离文本 4、在时间轴上第 30 帧插入空白关键帧,在在舞台中键入 “FLASH8”静态文本,并利用【对齐】面板设置位于舞台中央位置。
5、使用同样方法,把“FALSH 8”文本分离成矢量图形 6、单击第 1 帧与第 30 帧之间任意一帧,在下面的属性面板中的“补间”选项中选择“形状” 图 2.1.15 设置形状渐变动画 7、时间轴上第 1 帧和第 30 帧之间所有帧都变成绿色,并有一个长箭头这说明我们已经创建了一个形状渐变动画如图 2.1.16 所示 图 2.1.16 创建形状渐变动画 8、测试效果,第 1 帧的“闪吧”逐渐的转换为第 30 帧的“FLASH8”至此,形状渐变效果完成,保存请参看源文件注 意 ——一定要按“CTRL+B”两次,分离成矢量图形才实现形状渐变效果 提 示 ——◎按一次“CTRL+B”只能使文本中的字单独分列出来 ◎形状渐变动画的时间线是绿色的,而移动渐变动画的时间线是蓝色的 试一试 ——可以利用矢量图进行形状的变化,那么可以不可改变颜色呢?例如第 30 帧得FLASH8 改变为蓝色,会是什么效果呢?朋友们不妨试一试 分 析——此节内容简单,只要保证制作形状渐变的素材为矢量图就可以了在闪吧论坛中对此提出异议的朋友,大多为忘记了把位图、元件、文档等转化为矢量图 特别说明特别说明在此节形状渐变动画的学习中,我们知道了形状渐变动画的制作过程,也了解了最关键的知识:要把文本(位图)利用“CTRL+B”两次分离,转换为矢量图,就可以实现这个效果。
相关问题◎ 如何控制形状渐变动画的渐变速度? 第一、在时间轴上控制,缩小开始帧和结束帧之间的长度就可以达到效果; 第二、尽量把两个关键帧的内容放在同一个位置 ◎ 可以精确控制图形的转化过程吗? 可以的在 Flash MX 2004 中有一项【添加形状提示】功能,我们可以利用这项功能来实现精确控制形状渐变,我们将在下一个中详细地向大家介绍问题 2:如何添加、使用形状渐变提示点? 解决思路 在上一个问题中,我们向大家谈到了形状渐变动画中的“添加形状提示”的功能添加形状提示”功能可以使我们精确的来控制形状的变化过程,避免了上一个问题中的凌乱的变化效果通过在两个关键帧中添加对应的提示点,我们就可以是某一点不动或者按照我们的思路去变化,从而达到了我们控制形状变化的效果 具体步骤 1、运行 Flash MX 2004,文档属性默认; 2、单击工具栏里面的文本工具在第 1 帧键入一个简单的“一”静态文本,并分离成为矢量图形打开【对齐】面板,使其处于舞台中央位置 3、在第 30 帧插入空白关键帧,键入“山”静态文本,并分离成矢量图形利用【对齐】面板使其处于中央位置 4、在属性面板中创建“形状渐变动画”,看一下效果。
5、第 1 帧的“一”非常凌乱的转变为第 30 帧的“山”,这也是我们上一问题中实现的效果 6、添加形状提示点单击【修改】|【形状】里面的【添加形状提示】命令,或者按组合快捷键“Ctrl+Shift+H”来进行添加提示点反复三次操作以后,就加入三个提示点提示点的默认名称分别是 a,b,c在第一帧中呈现的是黄颜色如图 2.1.17 所示 图 2.1.7 第 1 帧的形状提示点 7、分别使用鼠标把三个提示点托放到“一”字的两端和中间位置 8、单击第 30 帧,在第 30 帧里面也存在三个对应的提示点,只是颜色不一样原来这些提示点在开始帧和结束帧都是对应的把三个绿色的提示点分别拖动到“山”字的三个竖线的顶点如图 2.1.18所示 图 2.1.18 第 30 帧的形状提示点 9、第 1 帧和第 30 帧里面的提示点的作用就是限制两帧的提示点进行对应运动,从而控制形状渐变的效果 10、测试一下,发现添加了形状渐变提示点的变化效果明显的有规律了,保存请参看源文件2.1.3-2.fla 注 意 ——在添加开始帧和结束帧形状提示点的时候,一定要注意相互的对应位置不可以把对应形状提示点的位置设置的距离过远,否则将失去形状提示点的作用。
提 示 ——◎对于复杂的形状渐变,可以多用一些提示点,最多可以添加 26 个形状提示点利用放大镜工具精确地布置形状提示点的对应位置 ◎形状提示点只是一个制作工具,所以在动画发布的时候是看不到形状提示点的 技 巧 ——对于一些比较宽的线条,最好把形状提示点放条的外侧这样可以最大程度的减小变化过程中的零乱程度 试一试 ——我们在闪吧的“源文件”库里面经常可以看到一些具有规则形状的 3D 变化效果,你知道吗?这些效果也可以通过增加相撞提示点来完成只要具有耐心,我们完全可以制作出一个三棱锥的 3D 旋转朋友们试试看 特别说明特别说明通过对于本问题的解释,我们了解了怎样添加形状提示点的技术添加形状提示点虽然是一个比较简单的知识,但是如何灵活的运用却是要靠自己的聪明才智和经验不断的积累有谁可以想象用这个入门的技术能够作出伪 3D 效果的视觉欺骗?从这里我们也可以感觉到,工具在没有赋予人的创意的时候还只是一件没有灵性的工具,人的思想附加以后这个工具就变成了艺术。












