Fireworks MX2004制作一例logo

这个LOGO源文件是之前某人给我的，当时我不懂FW，某人当时太小气，不肯教我……昨天，菜菜的我居然能看懂了，在某人的支持和鼓励下，特写教程以留念（源文件的公开已经过某人授权，故不构成侵权行为咯）。还是先看效果吧，之所以用FireworksMX2004制作，是因为其中运用到了Effect面板中的运动模糊（又称动感模糊，忽然想到了小新的动感光波：0）
- B1 h- H1 R6 y( \/ K" R
开始制作吧，步骤如下：1.新建88×31，背景透明，任意找一张图片当背景，如图1，双击图2鼠标所在处，在图3中的“共享交叠帧”前打勾（因为每帧都需要此背景）。先把层1锁了，免得影响后面的制作。

) T7 R; Q4 M. V# X# ?6 q6 U7 O. D+ |

) i% p! H$ h' N$ Z% x7 T" l
( ~2 a% C! Z% ~- w  v6 V7 T0 Q
+ n1 |$ V! j/ L4 ^$ x2.点图4红框内按钮，新增一层。按住shift用矩形工具画一个边长为6正方形，再复制三个，如图5排列（为了看得更清楚，把预览百分数放大至200%）。按住shift选中四个正方形，再进行数值变形（ctrl+shift+t），如图6设置。



9 K+ w" N3 x6 W& B! Z( [& L



3.再复制两个，如图7，填充你喜欢的颜色。为了方便，把三个图形分别转换成元件：选中四个白色方块，按F8，出现元件属性窗口，如图8，同理，其它两个也转换为元件，唯一不同的是，一个类型为图形，一个类型为动画。现在库面板中就有三个元件了，如图9。
8 H* A& p' n, ?
8 H! y; c+ u, D6 Q* s" T5 t$ k6 ]( i$ ]
  w9 _6 F! Z) k  O6 a+ P  x" u7 i/ `

& s4 v* Y0 O5 q1 m2 Q3 L
6 a6 g7 u: `* v; a4.开始第一帧，由于第一帧不需要这个动画，所以先删了，剩下white和color两个元件，复制一个color，如图10摆放。最上层那个元件运用一下运动模糊：点效果面板旁的“＋”，选择“模糊”－“运动模糊”，参数设置见图11，帧1最终效果如图12。

& D1 B6 j- F* ?" p$ b

8 N* O1 G; E' C

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

, L* I8 v% |$ a9 r


! N! v) `! z0 L; d9 V5 O
% V: N4 K9 c% j6 }

  c6 C  s4 E" L0 u% c
6.第五帧运用到了动画元件，先来一点准备工作。在库面板（如果找不到库面板，按F11）中双击动画元件，在元件属性中单击编辑，出现图18。下面开始编辑动画元件，点开帧面板右边的三角形，选择复制帧，数量填写5，“当前帧之后”（图19）。可以注意到动画元件的帧数变成6了，选择第二帧，在属性面板中把黄色小方块的填充色改成白色，如图20。同样的方法，第三帧中把紫色方块填充成白色，第四帧，绿色方块填充成白色，第五帧，蓝色方块填充成白色（按顺时针方向）。动画元件编辑好了，不要直接关闭窗口哦，点击左上角的“完成”，如图21。
8 V: Z/ r- U2 Q. z9 u7 D

2 {" l- @+ u+ g6 X: T
4 u2 y; c% j  r' K

; {0 {4 ~: P; ]4 W0 M* B1 P
" }" Z, j6 J2 g( o
/ }3 h% ^8 g/ b" y# h1 Q5 R7.完成后，回到主场景（听起来有点象Flash了），选中第5帧，在库面板中，左键按住动画元件anim不放，拖入到背景上，出现如图22的提示，选择确定，出现这个提示的原因是在第6步中把动画元件编辑成了6帧。现在可以看见帧面板中有10帧了。

/ N: g* l+ @  [# h8.点帧面板右下方的“+”符号，新增一帧，作为11帧，把图形元件color拖入背景上。在复制帧（现在是12帧了，复制帧的方法在第5步说得很清楚了），12帧里面得利用文本工具写几个字，字体选用12号宋体，不消除锯齿（否则会不清晰哦），设置见图23。为了字体的美观，效果面板中选择“发光”，设置见图24。效果见图25。按F8转化成图形元件，取名text（随便转不转元件）。再在效果面板中选择模糊－运动模糊，参数设置见图26。

5 }, R$ I7 U" u! s& }! n; J

7 U0 Q# e& i5 D( e* L
5 z0 d& |. Q8 `" ~; @9 v- T  Y

9 y- G" V5 K, S2 n3 z0 i
& ?/ h) e. |- y9 R! u3 t9.再复制帧，作为13帧，效果中“运动模糊”参数中的距离改为8。效果见图27。同样地，复制帧，现在是14帧了，删除运动模糊效果，并用矩形工具画一个2×6的矩形，填充白色，不透明度30，设置见图28，效果见图29。

4 Y$ c  n( j6 n5 J- q
, O# ]7 j1 ^$ e4 p7 J; M7 V7 C) k
+ N3 x. y3 C4 ?

10.复制6帧，15～19帧设置及效果参见图30～34。

4 k/ u. \9 o2 U6 I
4 ~3 j  m% d$ Q. i' j2 ]! C
6 y  B: v) b) f3 P1 @$ M" q# x

0 u& [- k% r  ]- y; X: t
+ _' }; B6 p9 Z# n$ T

( i& R, h. n0 e2 n3 i# a
- Y+ F7 S! H  c% Z2 Z+ [11.在19帧处复制1帧作为第20帧，用大家熟悉的6号04b_08字体写上“BZTW.COM”，并运用发光效果，设置见图24，效果见图35。然后，删了图形元件，把库面板的动画元件拖入背景上，对弹出的提示点确定，这样，帧面板中的数目变成了25。21～25帧中，把文字删了。一共25帧，全部完成了。最后调整各帧的时间，方法是双击图36中鼠标所在处，在弹出的面板中填写时间即可。


% g4 O- {+ h, B$ v+ Q' K
. |. f; t" O) ]- C3 t; a8 t3 z12.辛苦了这么久，让我们导出来看看吧。“文件”－“导出预览”，注意，格式中选择“GIF动画”，如图37，不然导出的东西是静止的咯。最后最后的一步，“导出”，保存文件。

- `" a* d, `+ r# B, |PNG源文件：
' a9 J2 _! ]/ p
$ N" B* t) ]' g6 V/ p