Fireworks MX2004制作一例logo

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

  S# B" J3 x$ s6 `
/ V2 W5 v1 s2 s! w
/ H3 Z% f& l+ N2 [7 r1 Y  f
. n, f5 a/ O  [7 C2 k& U6 Y- p2.点图4红框内按钮，新增一层。按住shift用矩形工具画一个边长为6正方形，再复制三个，如图5排列（为了看得更清楚，把预览百分数放大至200%）。按住shift选中四个正方形，再进行数值变形（ctrl+shift+t），如图6设置。

: x! K6 F( N2 }, W7 {
7 A4 }9 Q( R8 P7 S  c+ e6 P* w
' R4 O# k: F) x! e% F0 O
: A' g7 K! g7 F. u8 q% ]

7 v6 A' H! w3 q/ \2 w( d8 T
: p4 J$ H) J( i( I3.再复制两个，如图7，填充你喜欢的颜色。为了方便，把三个图形分别转换成元件：选中四个白色方块，按F8，出现元件属性窗口，如图8，同理，其它两个也转换为元件，唯一不同的是，一个类型为图形，一个类型为动画。现在库面板中就有三个元件了，如图9。


# T2 Q, P: i1 Y  z8 x( ]4 Z" q7 \


! J: K6 h  p  u: s4 B4.开始第一帧，由于第一帧不需要这个动画，所以先删了，剩下white和color两个元件，复制一个color，如图10摆放。最上层那个元件运用一下运动模糊：点效果面板旁的“＋”，选择“模糊”－“运动模糊”，参数设置见图11，帧1最终效果如图12。

# x9 I1 d$ q4 W) m( D! U# b2 v# f

7 T$ N0 K; o1 N  k

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


, X( x) C. v  B- w, f6 q2 Y



) f- T6 f' J  V

, u1 Z* S. e3 B4 |9 N0 _/ `- J
6.第五帧运用到了动画元件，先来一点准备工作。在库面板（如果找不到库面板，按F11）中双击动画元件，在元件属性中单击编辑，出现图18。下面开始编辑动画元件，点开帧面板右边的三角形，选择复制帧，数量填写5，“当前帧之后”（图19）。可以注意到动画元件的帧数变成6了，选择第二帧，在属性面板中把黄色小方块的填充色改成白色，如图20。同样的方法，第三帧中把紫色方块填充成白色，第四帧，绿色方块填充成白色，第五帧，蓝色方块填充成白色（按顺时针方向）。动画元件编辑好了，不要直接关闭窗口哦，点击左上角的“完成”，如图21。
; V, W8 D# X  k- O
7 B& T; e% E& E: \: {! Y0 Q
1 Y& `! d7 D3 `, J
. Y, h0 u1 O, _  A



5 P1 S; p% {! a( S1 T7.完成后，回到主场景（听起来有点象Flash了），选中第5帧，在库面板中，左键按住动画元件anim不放，拖入到背景上，出现如图22的提示，选择确定，出现这个提示的原因是在第6步中把动画元件编辑成了6帧。现在可以看见帧面板中有10帧了。

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

: G" m: q; H" s% |: ~) u% e
. L! t' p0 U" ~$ w) Z

0 |8 q" W. ]5 u2 Z) @/ ?; H
, X0 Y# \4 O' o7 Y; o& _$ Y6 O7 r

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




: q; U5 _2 r! x: t9 Q8 Y! E7 Q
; Q2 V8 U+ c5 \" u) o10.复制6帧，15～19帧设置及效果参见图30～34。
; f! k- |' l6 A5 g& M- t4 O

$ l0 n+ _' @. U; I6 e+ D


; n5 y5 }8 w0 }, R% `

. P1 i) N1 D' y0 v" |7 O8 O' z
. V' b0 `/ |/ L6 h% |7 ^* I+ l3 `; ~
11.在19帧处复制1帧作为第20帧，用大家熟悉的6号04b_08字体写上“BZTW.COM”，并运用发光效果，设置见图24，效果见图35。然后，删了图形元件，把库面板的动画元件拖入背景上，对弹出的提示点确定，这样，帧面板中的数目变成了25。21～25帧中，把文字删了。一共25帧，全部完成了。最后调整各帧的时间，方法是双击图36中鼠标所在处，在弹出的面板中填写时间即可。
) Z/ n: p. r. r* T0 y' c0 Z
, R- Y% u- J) r' {' `& h, R

# y3 j% E( U3 I. ?% y$ Y12.辛苦了这么久，让我们导出来看看吧。“文件”－“导出预览”，注意，格式中选择“GIF动画”，如图37，不然导出的东西是静止的咯。最后最后的一步，“导出”，保存文件。

) J2 ?* C. D% V& ]6 sPNG源文件：
: c! f% k) @; K( X; q4 V: x" ?- r