Fireworks 绘制立体文字图标

剑气凌人组织了Fireworks图标接龙活动，随手就做了一个，有会员问如何做的，今天有空把教程写出来了。第一次写这么完整的教程，哈哈。
建立画布什么的就不说了，首先把文字输入进去：选择文字工具，输入文字FW，选取04b_03b字体，字号看你的需要来选择，教程里所选的是120PX：
2 z7 V$ M7 X+ e  D- m6 _
; N: i  w, Y; g0 a3 v- t

0 y# a, k! {) |. ]选取输入的文字，文本菜单——转换为路径：

  Z+ {2 a! f0 c; Y; c1 y* V

取消群组：



& K# y2 R  c$ ~$ |6 K选取部分选取工具，选取转换为路径后的“F”字母，再选取路径左下角的节点，按住SHIFT键选取右下角的节点：
' P0 f. g2 y; W$ ]; R
2 f: s( N" z: G5 m- h; z
3 x4 t4 k, p' _
按键盘上的向下箭头，将两个节点往下移动一段距离，将F字母下方部分拉长：
9 B7 ]0 V6 E! R. ^% g


8 d  F1 j1 \: a" g/ R0 ^! j$ `全选，修改菜单——变形——数值变形：
1 p6 ^- Y' p; U8 D) m
% O1 \2 C" H1 O9 J% s8 A3 z" t" P

在打开数值变形对话框中选择旋转，旋转45度：



' a) d& Z; j0 y' }旋转角度后如下图所示：
8 R+ H( i8 V  [7 G/ N9 t

- D2 g' C' j8 V' S( X
选取转换后的路径，在笔触选项里选择“居中于路径”：
5 A9 k# Y& w" c0 A4 i' g6 p

1 b: `0 f3 ]0 R- h' r  @
全选，修改菜单——组合路径——联合，联合后设置渐变填充如下图所示：（联合的目的是设置渐变时方便统一改变方向）

) e( M5 G) y2 l! v9 L7 I

/ Z4 p' I- t; P7 s7 N( ]( O5 {
. a" ~0 g& x  K7 [: k) x" I调整渐变方向为右上左下45度角：
6 m6 W! e1 n& b4 G. j' z' ~
6 \$ U! z5 u& X; s2 ]2 {. V) I

- c3 n; B, K! @克隆一份，向上移动10PX：

; U9 O3 W+ l: n! `% f' c% }

设置克隆后的路径渐变：

. f4 g; j, G2 u  O2 y/ M
+ [2 R3 F2 Z; D0 G
  O  |& x* j9 S7 O, s. m

. a) t" Z. Z4 e; W, o9 x9 S3 D% d3 \
选取克隆后的路径添加内斜角：


  `# b! v9 M( w  _5 c
& w  O3 B  j% k' |+ g8 P内斜角参数如下：
  p  R7 Q8 j% j3 j+ w4 v


加完斜角后的效果：
3 o; S8 V. f0 j9 P* k5 u+ O
/ \' L( ~+ y- R8 h

在使用钢笔添加节点时，由于填充的渐变是蓝色，恰好FW中高亮显示的路径和节点也是蓝色，这样不方便编辑，所以可以选择CTRL+U，打开首选参数对话框，将高亮显示颜色调整成其他颜色，教程中我调整成了红色，细心会员会看出来开始几副截图中的节点是蓝色，从下图开始节点变成了红色。将画布放大到400%，选取部分选取工具，选择下方的路径：


0 x: `) ~% k! p& ]& ?  z: M; e
选择钢笔工具，对准路径在白圈标示的位置单击增加一个节点：
$ A* Y* E1 Q' k- t$ e/ R& }
0 Z. Z4 b1 g  Z1 q1 a* R- W8 b- U" P
3 }) S- C+ Q. L) \& l0 W4 B, o( k0 Q
; T. _" r4 O2 Z# d/ |: N选取部分选取工具，将新增的节点移动到黄圈所示位置：
+ F+ G7 ]) G' V+ e

- W- u- L: N5 F$ q+ [

" d, v- l! s( |0 e1 K/ o" r% }再用钢笔工具添加下一个节点：
4 A5 u, b8 m- s, E4 t

( C: y7 a, K4 @, y% k3 X
再用部分选取工具调整节点位置：

' ^: s. ^3 g6 a

. T7 ~6 d8 k4 F) A. ?$ ]/ I& g" [重复以上的步骤，对需要修改节点的位置进行修改，结果如下：
9 ]5 F7 u8 p4 n! d0 N
* e, p# k, p. R
2 y3 ~3 v3 g, L) ^& ?& x2 P8 w
" P5 l0 y+ W) y9 z将画布放大至800%，选择直线工具，画出拐角位置应该有的竖线：
/ k$ w$ s* p+ X
3 ~8 _' n& z( _$ ^2 G4 p

需要画竖线的位置：

# e4 k2 k, `( L. k! r% q( Q; p3 z# e2 S
; ?) K. f' L) [" Y: C
9 |! v4 v$ C, |/ a2 w+ T! }/ y6 B输入文字：
, n! y% ~$ H; K
7 `0 g& H- ^% D1 R' L; P1 B
. {/ w/ \- }8 ~8 ^3 |: D# H
2 B" B; p( s# T全选，群组，添加阴影：

( x. u' `& I- Y; U* }( B2 o

阴影参数：

( v9 r4 M  e$ P: S- P/ D, c6 U. ~
0 q( T0 d: m) F) h! Q: b, j' ^
最终效果：


: _! l+ T4 }; T+ s( N
复制几个，重新调整渐变颜色填充：
' L3 u- ]2 I$ {0 O/ {8 \- y* u

. C, @0 ]# B) b7 o5 ~6 _
PNG源文件：
) s# H5 H9 j% X4 j' ]0 }" L& @
* Z3 s- K2 W5 t2 @7 d% K- ]* }3 f