|
Fireworks并不仅仅是网页设计制作工具,还可以绘制出很多精致的矢量风格作品。虽然我所在的UI部门就我一个人在用Fireworks了,但我会一直坚持在Fireworks的阵营的。 F% H! A$ \: K0 F4 c! l; N
由于工作的原因,前一段时间我开始了图标的设计,从此也喜欢上了做图标。今天用这个Fireworks的图标绘制教程和大家交流一下。
& u% V, Y6 {# X; e8 a; L* D1 h z
- O8 L* x, i& j/ D: r3 d* {. c. W: ^ 1 }4 _: A9 c$ h! |; s3 L
/ j) _, G0 l! V& B' p0 u2 V2 G
先简单说一下思路:我们在画一个东西之前,可以先观察这个物体的结构。比如这个打印机,机体的形状就是一个圆柱的1/4,而这个部分也就是打印机最基本的部分。所以我们先画这个基本的部分,再具体的操作其他细节!; w! H5 E. k# d: v: R% \0 F7 n
1、用钢笔画出打印机的外壳,加上线形渐变。(也可先画一个矩形,然后再变形)" Z) o) x$ d l( |; b( @
+ s) I7 r6 p5 }9 g1 l& q6 k
4 x; ?2 N+ P5 K2 S5 t0 H% y4 i5 f$ S% \1 A: E, A E3 {
2、用钢笔画出打印机的侧面,选择黑色的线性渐变。
$ T5 u6 @. {# K; _1 f& @5 R: ?* J& G {# l5 M

2 K6 J: U# u1 m4 B `
' n$ @2 {/ X7 V! ]4 L0 Q( a) G3、复制第一步的外壳,并调节节点到适当大小,再改变渐变色。# M' ^& W% N9 w$ G5 V5 x/ t
1 Y) J" ^" ` [# H' z- E 3 C) Z: C" G6 }! d0 t
: N3 }8 n8 j! U9 n) P6 x
4、复制上一步,并调节节点到适当大小,再改变渐变色(灰色)。9 d& p% ~+ ^% ^
, o0 R* P3 M; N2 M8 I
/ @. H" v: s: j. p* N, d( |
0 K0 c, G" N4 X) k) u+ v
9 L- } |3 e' Z, [5 L f" e6 Q% J$ m, J* a
) Z. b ~, l% ` W( z$ B9 }
& n( w( w+ V7 z5 g6 A
5、画两个矩形,一个小的用纯黑色,用来做送纸口;大的用灰色渐变用来做送纸口的托盘,然后再复制一个并加深颜色,向左移动两个像素。
" `( Y, P- Z" B5 P2 j- z+ C1 D3 m+ o! a5 v7 M3 c

5 n# U: u. f% @% n/ b- C
8 r9 G5 B6 _% H6、用上一步同样的方法,做出打印机出纸口。# ^7 d. J( _" a. |3 }
2 o6 H3 A0 a7 B$ @2 D4 j
2 d7 v9 }3 i6 ~7 k u
4 s5 C. [% k: R6 c; w: Y1 _7、画两个矩形,变形使之有些卷曲的感觉;在接近入口和出口的地方加渐变。
& G1 \& }0 q% f5 | G! N3 g5 i# a

$ v4 L" G9 k+ v- T1 _" T3 o. ^# f2 l1 Y$ W2 @
8、画一个黑色的矩形,变形并使之处于最底层。
- N4 H# g( t1 t7 M/ C
9 l/ W. R, r& h* F/ T( \) w
' Q% ?/ q; U2 K5 J
9 ^: w6 J! K3 H: e# N! |9、用钢笔画条曲线,并加模糊处理,放在打印机的接缝处;再画两个放射渐变的圆做按钮。
t& R; A, n5 `# F
5 c/ ^0 f' q* o$ O% Q, e- @
' _$ m! @8 n- v: y/ O, ~, B y$ t# U( t9 K1 l
10、最后写上字,摆在打印机正面就完成了) B+ j# p2 b! e5 k
) P9 A# K/ H# f* q) f$ L
 |
|