Fireworks制作变色banner(三)

　　10.变色是实现了，可没有文字的Banner是没有用的。加文字动画可以根据自己的需要设置，这里我罗嗦一下例子中的几个文字动画效果，大家也可以进一步熟悉动画制作的一些技巧。　　接上面步骤，选中第1帧，然后选中图层3，填加图层4，这一层应该在最上面。选择文字工具，在这一层输入制作动画的文字，如例中输入“风云设计眼”，然后按快捷键F8，将其转化为动画符号，因为我要它保持静止状态5帧，所以在设置动画时和前面不变色的图片符号一样，只输入帧数就可以了，其他的设置不变。如图

9 _( {0 Y0 m$ F. d& O* G, B2 B6 V" O
2 U* b7 C8 y. O2 _
% a. ]3 C" k% t; ^4 @  n! C
% ^* F1 Q5 ~( h/ r' p　　如果要达到自己想要的效果，可以自行设置，这个不会影响我们设置的颜色渐变动画，可以根据需要自己调整。然后输入网址（就是下面移动的小字）同样按F8转化为动画符号，在弹出的设置窗口中做如下设置：如图
* u' C/ {; ]1 M1 w' N
+ F9 _% {  ]1 M

　　调整动画控制柄，如下图，绿色点为动画起始位置，将它移到图片外面，红色点为终止位置，将它移到文字的下放，然后在帧面板中选中第5帧，双击后面的数字，将帧速设为200。

; d) M& N* y( Z2 ~' f* K1 r
9 @/ V" n) i' `) g4 V( |
$ O: D( t! C; z( m: s- Y　　选中第6帧，这时我们所做的前5帧动画看不到了，看看层面板，始终保持在第4层，我们来实现例中的那个“动感模糊”，好多网友不知道用Fireworks怎么很好的实现！
( h% L, K0 o$ c( C& e+ r# l- O2 S　　11.绘制和要模糊的文字差不多大小的一个矩形，然后选择填充下面的Fill Options...，如图对矩形进行Folds填充

: U, _/ u# v- x1 o( c( q6 f
0 z# {0 c$ X8 S1 J3 F9 P7 ~3 ^) D
　　成为如下图的效果！


  Z# k  R8 ^! ^
　　（模拟条形码，详细教程见：http://）然后羽化，在Properties面板里选择Effects，选择Motion Trail...滤镜，进行两次“动感”一次角度为0，如下图，一次为180。
# d6 i4 ]' b4 {8 M" s7 B
" z6 P+ M# g9 X) F2 m, a
$ K6 U! n' x8 ~' H" F- r- q* Q- f/ o
　　完成的效果如图：
% Y3 l  S- n! k- a' O


　　然后打开库面板，将“风云设计眼”字样的符号拖到场景中，右键->Symbol->Break Apart，断开和库的联系，然后选中文字，在Properties面板选择Effects，对其进行高斯模糊，模糊度设置为2.0就可以了，然后将处理好的矩形放到模糊文字的上面，适当调节透明度，这样两个文字过渡时候的动感模糊效果就实现了，如图中效果：
% Q! o3 w& |- d* m, ^! e4 r
& O+ I8 O. K2 H, a" X
0 T* E1 Z) |  ?, s6 ^5 F
, b& n8 ?9 D- p* G% G　　12.选中第7帧，输入文字“点燃灵感”，转化为动画符号，也设置5帧的动画，设置和前面“风云设计眼”完全一样，只是下面的文字变化方向不同而已，大家可以打开原文件看看就明白了！
9 V% }$ Z! u3 o( i　　13.选中第12帧，输入文字“Fireworks爱好者的家园”，复制一下，隔一帧，也就是在14帧粘贴，然后在16帧也粘贴，并将该帧帧速改为100。这样文字就有闪烁的效果了\"！选择第17帧，将文字复制一个，选中，再用Motion Trail...滤镜，给文字加上运动的尾巴，角度为0，相信大家已经理解了吧。然后按F8将其转化为动画符号，设置为3帧，运动方向为180度，设置如下图。（帧数少了，文字飞出的速度就越快。还有，运动的长度可以根据需要自己调整，无须拘泥与教程。）


& v4 V  F1 m" h& A8 P/ `1 y
　　好了，到此一个漂亮的BANNER已经做好了！最后的工作就是导出了，选择菜单File->Export Preview,在弹出的对话框内，记得选GIF动画（ Gif Animation）就可以了！完了之后如果对速度等等感觉不满意，可以调节帧速，达到想要的效果。当然用FW实现这种变色Banner的方法不止一种，好的方法等你去思考呢！有好方法不要忘了和大家一起分享哦！原文件下载