Fireworks 绘制时尚手机 1

[复制链接]
查看: 469|回复: 0
gggds 发表于 2009-12-27 13:45:55 | 显示全部楼层 |阅读模式
这是一款较早前出产的一部时尚手机,但不知道为什么使用的人却比较少,但其酷炫的外观至今仍使我爱不释手。终于忍不住要用Fireworks也来画一个。
* r/ d4 r: _/ |% K' ]8 Y新建一个550*350大小的画布。我们先来画机身,用“椭圆形”工具画两个直径分别为178、143的圆和一个143*169的矩形,如图01般进行排列。3 p' S! H" y; ?* ]
/ C  ]1 c2 W) ]
0 ]) o: K0 [# ]! \: \* o" ^

6 t4 M. p3 r+ x  l8 w7 e图01
; Z4 u' r( x7 u% j1 M/ Z5 G再用“细部”工具点击直径为143像素的小圆,点选小圆底部的路径节点,然后用方向键将该节点向上移动10个像素,如图。
* p! p0 x6 T: W& {0 a! E2 D, b/ i* i. O3 I, G& J
/ q# T4 V, U# g8 u, W2 ^/ p
- X: Z( t  P! G1 v. l
图02
. {4 ^' x$ z: ?, ~% D9 [然后选中所有对像,用菜单栏上的“修改—组合路径—联合”命令,把三个对象合成一个新路径。再用“钢笔”工具和“细部”工具为路径进行修整,使其变得更圆滑。如图。
, e: s. ]1 T  X1 ?/ q& L+ O' z, G( e& f4 T: r
8 s$ u' n: L9 J1 W
" R8 s& P6 A- u% b, w
图03
8 |& v: s" F4 g( Z接着对该对象使用“条状”填充及“内斜角”特效,如图04、图05。
( r0 h. N% {+ Y$ S$ G- c+ _2 Y0 X& A

8 C* _! j7 y- b+ n, c) B- m. k" E2 ~+ c( l, q6 a
图048 }$ n5 O$ ?& @/ \
6 a% u: Y, S$ L1 u5 k: a3 \; S5 u3 T- C
3 a2 C8 @  C. G3 n; v2 W
: }2 G5 [0 r+ `6 V6 V: m
图050 L) R" C* t( W
将该对象复制多一个,适当缩小后与原对象进行底部对齐,如图。
, N2 F; U, G+ i  A  I$ t; d9 c  P4 l( G. T- B

# a: N# z4 V3 }6 B7 q; y0 L4 p9 J- l$ J6 G& O
图06/ O0 e* G$ ^5 Z3 r3 S
然后将该对象的羽化值设为1,选用9%的“木纹”纹理,并修改“内斜角”特效的相关数值,如图。
* m) C7 z, T, y; N. \( ]* Q7 U6 p) p$ I) V/ a
9 @! U- f( m* \6 F6 [8 K, m- U

7 o" _4 W' p& u( G  f7 O$ c图077 m6 |4 E7 G6 k2 v+ ]% U% i
接着我们来画手机显示屏内围及外围的金属框轮廓。用“椭圆形”工具在机身上画两个直径分别为141和122像素大小的圆,并用“细部”工具将两圆底部节点按方向键向上移动5个像素,用同样的方法再把和大圆左侧的节点向左移动5个像素。把两圆对齐后,使用“修改—组合路径—打孔”命令,形成一个新的组合路径。设置羽化值为1,描边色为#D7DAE9。如图08。3 X3 h/ {1 O& U& M6 {& U

- M; i; ~* U, a8 O- P$ e
! E/ _) a% ^2 E  [$ ~8 j  c6 j* v
6 t& Y  w8 {; w) ^, m3 `# |图08( j+ A0 e1 w& z; s5 a7 }2 m0 t
再用“椭圆形”工具在机身上画一个直径为174像素的圆,以黑色实心填充,并用“细部”工具点选该圆下部的节点,用方向键向上移动5个像素。然后在该圆内再画一个直径为144像素的小圆,使其与大圆对齐后也用“细部”工具将其底部的节点向上移7个像素。完成后同时选中这两个对象,使用“打孔”命令,效果如图。
7 C& w- z; f. G# N+ C" ]" ~, w: I
9 e' X1 I8 ?; z! S6 Q% K, \1 ]
8 W* E4 J5 g7 {/ v, I% k' }7 ?
图09. r8 ~& t  ~. S( z$ t; }
接下来就要为这内外两个金属框画上反光效果了。我们先来画外围的金属反光效果。用“钢笔”工具勾画出如下图般的路径,必要时要用“细部”工具对路径的节点进行调整,然后设置羽化值为1,色彩填充如下图。1 ^% K* j! N+ R6 W/ q, i) N% u

5 R. W. g  l  e. I7 i- Q8 y8 j
, y$ o1 B4 v+ @0 f
$ ]" H  `" g) h8 b  @图10+ n+ `0 U5 b3 i* A: k
继续画出右侧的反光效果。同样先用“钢笔”工具先勾画出路径,然后采用“椭圆形”填充,色彩的过渡由#C6CBE1(左边的色彩滑块)至#FFFFFF,羽化值为3,效果如图。" \+ L/ s1 K: v  S+ M9 H% o8 m
6 @7 L' C1 f  p% w- D$ q

" }9 S) S4 j7 I: j
* W3 p$ d$ p% w; ^0 X6 b: m# e图11

本版积分规则

精彩图文

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