收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网络教程 >> 动画基础 >> 正文
[组图]如何掌握形状渐变动画         
如何掌握形状渐变动画
作者:佚名 文章来源:ZT 点击数:1786 更新时间:2010-12-18 18:57:12

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

解决思路

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

具体步骤:

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

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

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


图2.1.14分离文本

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

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

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”两次分离,转换为矢量图,就可以实现这个效果。

相关问题

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

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

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

◎可以精确控制图形的转化过程吗?

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

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

解决思路

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

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

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、测试一下,发现添加了形状渐变提示点的变化效果明显的有规律了,保存。

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

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

◎形状提示点只是一个制作工具,所以在动画发布的时候是看不到形状提示点的。

技巧——对于一些比较宽的线条,最好把形状提示点放在线条的外侧。这样可以最大程度的减小变化过程中的零乱程度。

试一试

我们在闪吧的“源文件”库里面经常可以看到一些具有规则形状的3D变化效果,你知道吗?这些效果也可以通过增加相撞提示点来完成。只要具有耐心,我们完全可以制作出一个三棱锥的3D旋转。朋友们试试看。

特别说明

通过对于本问题的解释,我们了解了怎样添加形状提示点的技术。添加形状提示点虽然是一个比较简单的知识,但是如何灵活的运用却是要靠自己的聪明才智和经验不断的积累。有谁可以想象用这个入门的技术能够作出伪3D效果的视觉欺骗?从这里我们也可以感觉到,工具在没有赋予人的创意的时候还只是一件没有灵性的工具,人的思想附加以后这个工具就变成了艺术。

文章录入:晴天    责任编辑:音乐听听 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    广告招商
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 广告招商
    文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备16020960号-1号 域名创建于2016年8月
    版权: 沐阳乐园 All Rights Reserved 站长:张萍 邮箱:381415887@qq.com 联系QQ:联系站长