FW逐字变色+光描动画实例

这里只是介绍的一种方法，希望大家能够从中得到启发!效果：
. }8 W* Z! E! A8 S6 i. t


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

+ S7 v% d# P7 ?% u; v# _* Y4 c

文字：文字的变色,这里应该设置不同的Frame来表现，通过Frames面板，我们可以添加新的Frame，然后，再分别在各个Frame里面设置某个字母或者文字的颜色就可以了，同时，我们可以设置延迟来达到效果的流畅，具体面板如图：
3 I. @6 v* ~( E5 q0 F1 d# \7 I  i' ~% J
# i$ L: z2 ?; m, l# s; @

2 g$ f; S% Z# M# V! n2 ~白色滑动条：这里有两种制作方法，首先用矩形工具绘制白色的矩形框，不要描边，调节透明度，这里就有分歧了，第一种，我们可以定义该矩形框，按F8,选择Animation,让他成为一个运动图符，然后设置他的运动(Modify - Animation - Settings),如图：
/ b1 R8 T: G" s




' @3 e: ~  F: ~! m7 b+ G
& i8 B5 {' l6 r. Y0 G但是这样呢，每个滑动条的中间部分就很难能够精确的控制，这里就再说第二种，Frame by Frame的做法，这里虽然会花费一点功夫，但是效果感觉比那个要好，也就是当我们新建Frame的同时，我们把刚才制作好的矩形框一同复制到该Frame里面，调节好透明度，接着新建下一帧，然后将刚才的矩形框再复制进来，水平移动一段距离，以此类推，具体如图：
/ i& @! U1 C/ o  M' y  u
: z) y2 s9 T% u$ N4 m8 V
. t) U* L3 g% |- u; q点击这里看大图
这样控制矩形框的好处就是我可以精确的控制他，让他每一帧具体的出现在什么位置，但也有缺点，就是工作量比较大，不过，这也正是Fw制作动画的精妙之处，非常的自由。png:
, w  Q5 ^0 e' Q
2 X* d( R" {0 H$ n; m5 I; W
. W* l9 p9 m% o5 d$ T9 D
( x+ c5 ~1 a) w; O, h& ~说得比较简单，大家可以相互讨论，希望有所启发吧！