脚本之家 服务器常用软件
快捷导航
您的位置：主页 > 平面设计 > Fireworks教程 >

Fireworks教程：制作逐字变色+光描动画效果

  发布时间：2014-07-01 09:47:00   作者：佚名   我要评论
这篇教程是向大家介绍利用Fireworks制作逐字变色+光描动画效果，教程介绍制作方法很详细，效果也非常漂亮，推荐给大家，希望对大家有所帮助

这篇教程是向大家介绍利用Fireworks制作逐字变色+光描动画效果，教程介绍制作方法很详细，效果也非常漂亮，推荐给大家，希望对大家有所帮助！先来看看最终效果图：

（效果图）

制作步骤：

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

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

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

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

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

画的精妙之处，非常的自由。

说得比较简单，大家可以相互讨论，希望有所启发吧！

相关文章

最新评论

关注微信公众号

扫一扫