Fireworks 制作精细PC图标

先奉上效果图：
( E4 G1 N* v0 P4 M, C2 S


基本步骤：
: x( o0 j7 [& G& p1. 绘制一个矩形，并通过部分选取工具调节节点。为增加立体效果，每个角均通过钢笔工具增加为2个节点
' V; c% k4 a4 Q. u


* Z+ k1 {9 C) Y9 e- G2. 给矩形添加渐变效果
' C+ ^; ]% Q$ M9 B& g5 x

, J) Q- j$ G+ z; o
! h8 v6 W1 J. j( T3 D! f7 _! X3. 再给右边的矩形添加渐变效果
& y) H. p1 O$ Z# s* e
. m$ C& t8 ?2 v1 m; U! ?6 s
! j$ J. e, v. O3 V
4. 复制矩形并缩小，作为内框屏幕，实用发射性渐变，添加内部阴影


6 [( Q- \8 B- i9 `2 f
2 v6 C5 \  ]6 W& q1 V  ~2 s* t5. 制作屏幕高光效果，绘制一个圆形，设置线性渐变，羽化为6
5 j( f7 j' U2 ?% g$ |" S4 U) P, W

3 o. l- _! z% H5 y
* T8 M1 `  F7 Y, s7 {6.再画一个大的圆，用来切掉我们不需要的部分，选择两个路径，修改－组合路径－打孔
/ e" }7 s$ x. h7 D9 W1 j9 Y) ]: a0 G) f& U
2 Y, I. Z5 K4 n

7. 得到如下路径，然后使用蒙板得到我们需要的内框屏幕，选择蓝色内框屏幕，复制，选择刚才得到的白色渐变路径，反键－编辑－粘贴为蒙板，得到如下效果

' T5 l: W# Q. Y3 K; P8 S
  b% \! X, }( V: A/ B5 B+ s8 `
# C1 }7 x; |: w; a* h8. 绘制两条斜线，制作屏幕下方立体效果


7 g8 C8 X8 C% T3 S# t
9. 使用上述高光绘制方式制作屏幕下方高光效果



10. 使用放射性渐变绘制显示器开关按钮。并复制一个浅灰色的圆形放在按钮下，产生立体效果


; K6 [! D" u4 O' W9 L; [1 z* }' `
+ b' V$ l- z% C* }" a6 T11. 利用矩形工具绘制底座支撑轴。并使用线性渐变填充
# Y0 e' x# j) h4 I; M( {3 `
( D3 w. v) T! g+ S: v4 o/ D
1 U0 }( U" o2 z' E$ x; Q
12. 利用矩形工具绘制底座，使用钢笔工具增加节点并调整。使用放射性渐变填充
  y/ |; G1 e& Y8 I* P7 L9 o

/ w1 _- X- q5 \! i; w# D5 D4 }
2 q3 c* f3 s! {$ g6 K8 \: i8 z7 Y13. 利用矩形工具绘制高3像素的矩形使用放射性渐变填充，绘制底座高光效果
2 J4 o# n9 k0 k2 o. h7 g' Q