Fireworks MX2004制作一例logo

这个LOGO源文件是之前某人给我的，当时我不懂FW，某人当时太小气，不肯教我……昨天，菜菜的我居然能看懂了，在某人的支持和鼓励下，特写教程以留念（源文件的公开已经过某人授权，故不构成侵权行为咯）。还是先看效果吧，之所以用FireworksMX2004制作，是因为其中运用到了Effect面板中的运动模糊（又称动感模糊，忽然想到了小新的动感光波：0）

开始制作吧，步骤如下：1.新建88×31，背景透明，任意找一张图片当背景，如图1，双击图2鼠标所在处，在图3中的“共享交叠帧”前打勾（因为每帧都需要此背景）。先把层1锁了，免得影响后面的制作。

! ^9 V0 Y& y! v1 ^- [
# `7 s7 F! P5 e: `$ V( ?& w
+ n: C6 K* m9 P

2.点图4红框内按钮，新增一层。按住shift用矩形工具画一个边长为6正方形，再复制三个，如图5排列（为了看得更清楚，把预览百分数放大至200%）。按住shift选中四个正方形，再进行数值变形（ctrl+shift+t），如图6设置。

6 U! Q. I: C8 h5 _9 q* S0 `* g' K


/ @2 _' A3 [4 l; G3 A) ?8 q

- e  B5 f  m& z- W
3.再复制两个，如图7，填充你喜欢的颜色。为了方便，把三个图形分别转换成元件：选中四个白色方块，按F8，出现元件属性窗口，如图8，同理，其它两个也转换为元件，唯一不同的是，一个类型为图形，一个类型为动画。现在库面板中就有三个元件了，如图9。
  z; r( \1 p: i* T5 l! z# q  z

" o2 V# p2 D9 w, C) C. g! s2 C

8 o: A" I& j4 f: R! e) Z
4.开始第一帧，由于第一帧不需要这个动画，所以先删了，剩下white和color两个元件，复制一个color，如图10摆放。最上层那个元件运用一下运动模糊：点效果面板旁的“＋”，选择“模糊”－“运动模糊”，参数设置见图11，帧1最终效果如图12。
' d8 V0 O8 i  g6 L- A
& _! M/ c$ l# B! i2 f: j" Q


7 I' j2 r7 N, ^
5.点“帧和历史面板”右上角的三角形，选择“复制帧”，设置见图13。帧2中只需要有运动模糊的那个元件，修改运动模糊的参数，点击图14中鼠标处即可修改，将距离改为12。效果见图15。帧3，帧4比较简单，只有图形元件，摆放在适当的位置即可，不细述，见图16，17。



3 X4 o8 C' _# B$ d$ e
9 M: [5 F2 p, Q: a' S+ n


: t; h! K; T6 @" H
) e3 n8 S) }1 ^8 _2 z' ~/ W
6.第五帧运用到了动画元件，先来一点准备工作。在库面板（如果找不到库面板，按F11）中双击动画元件，在元件属性中单击编辑，出现图18。下面开始编辑动画元件，点开帧面板右边的三角形，选择复制帧，数量填写5，“当前帧之后”（图19）。可以注意到动画元件的帧数变成6了，选择第二帧，在属性面板中把黄色小方块的填充色改成白色，如图20。同样的方法，第三帧中把紫色方块填充成白色，第四帧，绿色方块填充成白色，第五帧，蓝色方块填充成白色（按顺时针方向）。动画元件编辑好了，不要直接关闭窗口哦，点击左上角的“完成”，如图21。
- {! \1 l6 }0 H5 r
% o5 L8 f) ^: D, D! j2 T3 t' W% X
$ B! r* B0 Y, k; |% \  }& N
6 L4 y: L+ X  q8 N



7.完成后，回到主场景（听起来有点象Flash了），选中第5帧，在库面板中，左键按住动画元件anim不放，拖入到背景上，出现如图22的提示，选择确定，出现这个提示的原因是在第6步中把动画元件编辑成了6帧。现在可以看见帧面板中有10帧了。
9 x# p. W/ Z0 P
8.点帧面板右下方的“+”符号，新增一帧，作为11帧，把图形元件color拖入背景上。在复制帧（现在是12帧了，复制帧的方法在第5步说得很清楚了），12帧里面得利用文本工具写几个字，字体选用12号宋体，不消除锯齿（否则会不清晰哦），设置见图23。为了字体的美观，效果面板中选择“发光”，设置见图24。效果见图25。按F8转化成图形元件，取名text（随便转不转元件）。再在效果面板中选择模糊－运动模糊，参数设置见图26。
4 f( d# ~" o. }: G$ Y
$ q: c7 f4 o9 g: b
+ @( a& ~. v. ?# s% m: I& K* J" k
0 s0 V9 q0 @6 s" m7 ]! |
" b. e; P7 a* i  P6 h: T
; M& G( ~6 E- |6 W5 x  K

9.再复制帧，作为13帧，效果中“运动模糊”参数中的距离改为8。效果见图27。同样地，复制帧，现在是14帧了，删除运动模糊效果，并用矩形工具画一个2×6的矩形，填充白色，不透明度30，设置见图28，效果见图29。

+ h$ P. G1 X, o, J

1 F6 c9 c" T8 u, k

4 D/ o( |2 m6 c' n( d10.复制6帧，15～19帧设置及效果参见图30～34。
" z7 X5 F( R. V1 _4 i


% {8 H5 u! X  }( u; A( M# C




% c0 D- z7 \9 ~6 B; V
11.在19帧处复制1帧作为第20帧，用大家熟悉的6号04b_08字体写上“BZTW.COM”，并运用发光效果，设置见图24，效果见图35。然后，删了图形元件，把库面板的动画元件拖入背景上，对弹出的提示点确定，这样，帧面板中的数目变成了25。21～25帧中，把文字删了。一共25帧，全部完成了。最后调整各帧的时间，方法是双击图36中鼠标所在处，在弹出的面板中填写时间即可。
  L6 q" \# ~  }6 K! i2 v

3 H/ b9 A& |2 V9 P% d  L3 b
12.辛苦了这么久，让我们导出来看看吧。“文件”－“导出预览”，注意，格式中选择“GIF动画”，如图37，不然导出的东西是静止的咯。最后最后的一步，“导出”，保存文件。

6 U' @( j& I% [  Y# j. BPNG源文件：
$ n5 p) D& e+ T