Fireworks绘制精致打印机图标(1)

[复制链接]
查看: 228|回复: 0
gggds 发表于 2009-12-27 03:12:24 | 显示全部楼层 |阅读模式
Fireworks并不仅仅是网页设计制作工具,还可以绘制出很多精致的矢量风格作品。虽然我所在的UI部门就我一个人在用Fireworks了,但我会一直坚持在Fireworks的阵营的。
2 U7 x' u, [. J" L  由于工作的原因,前一段时间我开始了图标的设计,从此也喜欢上了做图标。今天用这个Fireworks的图标绘制教程和大家交流一下。* m! [. K/ Z5 _2 g
# |% C! V* R# T/ d" g# M
: h1 x. L1 {" r. {1 h+ e+ X
* R6 W/ A! V- ]. ?" M
先简单说一下思路:我们在画一个东西之前,可以先观察这个物体的结构。比如这个打印机,机体的形状就是一个圆柱的1/4,而这个部分也就是打印机最基本的部分。所以我们先画这个基本的部分,再具体的操作其他细节!
7 ^$ u; f: K) _8 g1、用钢笔画出打印机的外壳,加上线形渐变。(也可先画一个矩形,然后再变形)
. c( j+ U1 g. {. a
: H+ {( ]) T9 x4 l5 S9 w0 p) ]
& z$ ^% o. u/ A$ S$ x7 `7 u
7 o& L0 o& J1 [! r, q  b; ]2、用钢笔画出打印机的侧面,选择黑色的线性渐变。
7 O& o8 X5 S* E& l8 i0 t8 w- u" t: V# ^. D0 `- T  w7 R

' y8 b, h0 n! O  O& V& i- \8 ]  ]) e$ x: F
3、复制第一步的外壳,并调节节点到适当大小,再改变渐变色。1 Z: u2 g" U% G$ A6 M) V* A) b/ ~

% \! H  |1 v& c6 ^
9 ^' D( ^9 {9 ~' r5 q- N" K
( E0 c8 {1 k- J' x4、复制上一步,并调节节点到适当大小,再改变渐变色(灰色)。$ ~. m% m% [& N: E7 [9 J& D

9 v1 J0 d9 c8 V7 i. U  G& f3 u* f: w

# I7 \4 \8 |0 ]% v; a- v, Q. [; a; M1 l9 p5 q& K

( R9 J0 L' I7 z& a* L: `% W
2 ~# y& J+ }8 m
8 f1 H5 J7 c3 p! Y5、画两个矩形,一个小的用纯黑色,用来做送纸口;大的用灰色渐变用来做送纸口的托盘,然后再复制一个并加深颜色,向左移动两个像素。
/ f/ {' k+ z" Z& H8 m5 F% a& ~5 }6 T1 W- f% e1 N, O  i

( r/ X2 l% Y# A0 j
  h6 S0 _6 c7 r$ O3 h- f6、用上一步同样的方法,做出打印机出纸口。
5 u; \2 s2 d: D0 H" Y- A: k+ E( ~( ^& H- r' y

$ l1 ?' A5 \7 j6 S; S9 j
8 v6 b* _. M6 e: A- z6 G" J/ p7、画两个矩形,变形使之有些卷曲的感觉;在接近入口和出口的地方加渐变。5 J3 h( p6 X5 p# n, @
# R+ t  a. Q' ~9 ^" |! g) ~9 \& X

* E8 s4 Z0 V2 h! e
5 V* l; J# j/ Q8 ^; K8、画一个黑色的矩形,变形并使之处于最底层。. x7 [- m: y8 _2 c2 t
4 A+ ^6 }# ^2 P: R' m) B8 z) u
( F6 }7 Q' w: |! f  M
# m& n" s5 P+ y% x
9、用钢笔画条曲线,并加模糊处理,放在打印机的接缝处;再画两个放射渐变的圆做按钮。# ~/ S/ T. w8 E5 [- n

" j% Q* m' r/ e1 Q/ A, ~$ _. _& {# [

# l% X) h3 p6 c1 Z. J% R; ?10、最后写上字,摆在打印机正面就完成了" V0 p% y2 T5 n" `, y- v& k
4 ^1 p  L( M7 s5 j

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )