您的位置: 首页 > 技术文档 > 图形图像 > FWMX插件AnimationText使用范例
用 Fireworks MX 做浅浮雕效果 回到列表 在fwmx中做一个锈迹斑斑的铁链
 FWMX插件AnimationText使用范例

作者:梦觉 时间: 2003-05-04 文档类型:原创 来自:蓝色理想

Don't knowAnimationText对于创建沿路径运动的动态效果非常方便,关于文字沿路径运动的动画我们已经见了很多,用此插件作起来很简单。其实变通使用此插件也可以创建一些其他动态效果,今天看到一个动画效果如下图:

这个效果看起来复杂,其实我们应该首先就看出它是一个沿路径运动的动画,因此用AnimationText插件变通使用作起来也很简单。 下面我简单讲一下使用插件创建此效果的过程。

一、路径形状准备。

  1. 首先新建一个60X60的新文档,背景设为黑色。
  2. 设定Grid参数如图:
  3. 打开标尺和Guide显示,在文档中拉出水平和垂直中线,以便我们可以方便的捕捉到中心点。
  4. 按住Shift键分别从文档中心点绘制相同大小的一个五角星型和五边型,如下图所示:
  5. 将当前图层锁定,并新建一个图层,将新图层命名为路径层。
  6. 取消Grid和Guides显示,并取消捕捉。
  7. 我们将在新图层上是用钢笔工具绘制文字运动的路径。
  8. 我将路径形状放大显示如下:
  9. 主要要注意的就是每个节点只能连接两条直线,否则无法将文字附着在路径上。
  10. 使用节点编辑工具将上面相邻的节点移动重叠在一起,这样虽然显示节点重叠了,但每个节点处仍旧是两个节点。如图:
  11. 将刚才锁定的图层删除。
  12. 拖动“路径层”到新建图层图标,以创建一个包含相同路径的“路径层1”。
  13. 将原有的路径层设定为帧共享图层,并锁定此图层。

二、创建文字动画

  1. 好了现在我们转到新建的“路径层1”,随便输入一个文字段,例如:LoveYou
  2. 随便选定一种字体,大小设定的小一些,最好是文字串长度是星型的2/5左右,我们要用此文字串作为运动的光芒。
  3. 设定文字颜色为白色,在属性面板添加Glow效果,参数如下图:
  4. 此时文字看起来就是一个模糊的白条,你可以通过改变文字大小和间距得到合适的形状,也可以改变Opacity使其淡化一些。
  5. 好了,同时选定此文字和此图层上的路径,执行Command>Bitgenius>AnimationText命令。
  6. 在打开的插件面板设定相关的参数如下:
  7. Frames为动画帧数,我们创建的此路径共有十个边,因此我们创建20帧。
    Distance为文字移动距离,我们设定没此移动距离为五角星但边长度的2/5左右,也就是18左右,这个参数可以多试几次就可以使动画首尾相连。
    Fade为淡化效果,本实例我们不设定淡化效果。
  8. 好了,点OK后基本的动画就创建好了。
  9. 我们解除最初锁定的“路径层”,将此图层上的路径增加些效果,例如改变描边的色彩,这样沿型型路径运动的光芒就做好了。

三、增加补充效果。

  1. 如果你觉得此时的效果有些单调,可以增加一些额外的效果。
  2. 打开Frame面板,转到最后一帧,第20帧。
  3. 将第20帧拖动到下面的“New/Duplicate Frame”上创建一个复制帧。
  4. 将包含“Text on a Path”的“Layer1”图层删除。
  5. 将“路径层”上的路径复制到“路径层1”,改变路径的描边色彩为白色。
  6. 执行Modify>Transform>Numeric Transform,将比例缩小为50%。
  7. 再转到Frame面板,同样将第21帧复制一份到22帧,再将“路径层1”的路径缩小到20%。这样看起来就是一个小白点。
  8. 最后你可以使用“WireFrame”为文档增加一个单像素的白色边框。
  9. 好了,全部的动画就作完了,你还可以将每帧之间的时间间隔调到你喜欢的速度。

通过合理的使用文字的描编辑填充效果,你可以将其该造成很多非常奇妙的外形,再结合AnimationText插件,你就可以创作出更加丰富的动画效果。

本文所介绍的两个插件的下载地址如下:AnimationText WireFrame
实例源文件如下:

出处:蓝色理想
责任编辑:蓝色

◎进入论坛PhotoshopFireworks版块参加讨论

相关文章 更多相关链接
极光字体效果的制作
钟摆式公告牌效果的制作
Fireworks 营造残破纹理
《Fireworks 网页设计专家门诊》
使用Fireworks制作相片框
作者文章 更多作者文章
使用Fw MX插件 3D Primitives
FW MX 2004版本控制和文件上传
FW MX 2004新功能色彩替换详解
我失去了一个朋友
Dreamweaver打造多彩文字链接
关键字搜索 常规搜索 推荐文档
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
浅谈JavaScript编程语言的编码规范
如何在illustrator中绘制台历
Ps简单绘制一个可爱的铅笔图标
数据同步算法研究
用ps作简单的作品展示页面
CSS定位机制之一:普通流
25个最佳最闪亮的Eclipse开发项目
Illustrator中制作针线缝制文字效果
Photoshop制作印刷凹凸字体
VS2010中创建自定义SQL Rule

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2