达达首页 | 设计教程 | 辅助工具 | 字体字库 | 素材贴图 | 非 主 流 | PS 笔刷 | 签名模版 | 网页模版 | 访客留言
设为首页

加入收藏

联系我们
PhotoShop 教程 | Illustrator 教程 | CorelDraw 教程 | FireWorks 教程 | 3D MAX 教程 | MAYA 教程 | Flash 教程 | After Effects 教程
相关教程
普通教程 Fireworks制作经典的…
普通教程 新年贺礼:利用FW制…
普通教程 FW动画实例:卷轴动…
普通教程 FW动画教程:雪花飘…
普通教程 Fireworks制作字体遮…
推荐教程 Fireworks制作变色b…
普通教程 Fireworks制作图片变…
普通教程 Fireworks 制作地球…
普通教程 Fireworks教程:用滤…
普通教程 Fireworks制作打破玻…
最新更新

Fireworks教程:动…

Fireworks折叠渐变…

Fireworks教程:用…

Fireworks制作草生…
您现在的位置: 达达派 >> 教程中心 >> FireWorks教程 >> 动画篇 >> 教程正文
Fireworks教程:逐字变色+光描动画实例
作者:未知 文章来源:网络采集 点击数: 更新时间:2006-12-29 11:53:22
教程录入:令彬    责任编辑:令彬  添加到雅虎收藏+

(效果图)

首先,新建一个88x31的的文件,这个应该不用说了吧。我们可以先分析一下这个LOGO的组成,首先是背景,然后文字的变色,最后是白色矩形的移动,那么我们可以分部来完成。
背景:我这里的背景,只是普通的填充,那么如果大家要好的效果,那可以使用图片或者自己手绘。这里要注意,背景应该独自放在单独的一个Layer里面,然后设置改层为共享层(Share this layer),具体如图:

文字:文字的变色,这里应该设置不同的Frame来表现,通过Frames面板,我们可以添加新的Frame,然后,再分别在各个Frame里面设置某个字母或者文字的颜色就可以了,同时,我们可以设置延迟来达到效果的流畅,具体面板如图:

白色滑动条:这里有两种制作方法,首先用矩形工具绘制白色的矩形框,不要描边,调节透明度,这里就有分歧了,第一种,我们可以定义该矩形框,按F8,选择Animation,让他成为一个运动图符,然后设置他的运动(Modify - Animation - Settings),如图:

但是这样呢,每个滑动条的中间部分就很难能够精确的控制,这里就再说第二种,Frame by Frame的做法,这里虽然会花费一点功夫,但是效果感觉比那个要好,也就是当我们新建Frame的同时,我们把刚才制作好的矩形框一同复制到该Frame里面,调节好透明度,接着新建下一帧,然后将刚才的矩形框再复制进来,水平移动一段距离,以此类推,具体如图:

这样控制矩形框的好处就是我可以精确的控制他,让他每一帧具体的出现在什么位置,但也有缺点,就是工作量比较大,不过,这也正是Fw制作动画的精妙之处,非常的自由。

说得比较简单,大家可以相互讨论,希望有所启发吧!
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    关于我们 | 帮助(?) | 广告服务 | 版权声明 | 商业合作 | 发展历程 | 联系我们

    Copyright ? 2005-2008 CGFancy.com, All Rights Reserved,达达网络:陕ICP备06010337号

    技术交流:71125455(平面)、545534707(三维),业务合作:71125455