|
这是一款较早前出产的一部时尚手机,但不知道为什么使用的人却比较少,但其酷炫的外观至今仍使我爱不释手。终于忍不住要用Fireworks也来画一个。7 `) r- m: C! `9 m" S, z
新建一个550*350大小的画布。我们先来画机身,用“椭圆形”工具画两个直径分别为178、143的圆和一个143*169的矩形,如图01般进行排列。) s. \6 _; Q. n
8 a% p: U% Y( R
* Y. S, \3 U: N% H
4 m3 z4 v6 }1 k& ?3 w" n6 N% K3 r4 Y9 T图018 q& B" M" w3 J# ~/ R+ `
再用“细部”工具点击直径为143像素的小圆,点选小圆底部的路径节点,然后用方向键将该节点向上移动10个像素,如图。3 O7 ^. v3 L; @7 o/ n6 W
0 X# O' d; O" \4 g# s y. Z
# v4 F& v) g! E2 ^- [* i6 X, C! ?: R! v, {
图02! L8 ?+ i Z7 w8 D, V. V( T
然后选中所有对像,用菜单栏上的“修改—组合路径—联合”命令,把三个对象合成一个新路径。再用“钢笔”工具和“细部”工具为路径进行修整,使其变得更圆滑。如图。
( w7 u' n& I) I6 z! G* E& m6 O" d+ u- c) _8 x
1 e3 t, V/ O# C/ W" f
# |# u+ I2 i7 M) h/ V" H- f9 ~8 w图03
; H; x" Q0 y! h7 ~$ N4 u接着对该对象使用“条状”填充及“内斜角”特效,如图04、图05。( R8 J- W1 e v/ ~1 Y
- X; j5 v, y- Z6 J
6 T8 {7 R! B/ z i7 d/ K! v
5 \ r7 ]! j' f/ Q- E! r+ V# u0 {( }图04
. M$ ?/ @0 p+ O! E; A8 v
9 U+ P. |0 P9 P# b$ r" E( Q( {; E5 v+ A, g$ K5 P( f
: s1 a+ O0 l) J
图05
. g/ ]" O8 \: s. r- n1 A将该对象复制多一个,适当缩小后与原对象进行底部对齐,如图。
, n/ F9 c! K/ W- i& ^; H. |4 R: m+ b* j$ _1 _7 T1 z
, i5 R$ J" |; }- F3 X% D; n& D4 b2 @
2 U3 ?/ q6 q. ]& ^3 e图06, W- r( l2 F" ^2 ?7 r* G' T
然后将该对象的羽化值设为1,选用9%的“木纹”纹理,并修改“内斜角”特效的相关数值,如图。
+ k6 P* x9 v, s& d
5 ~' _& _# i2 r+ O. [$ f$ y8 c& k& W# V0 d+ Y
% x* w4 u3 i2 f图07( r; q! ^5 Z, Z3 [
接着我们来画手机显示屏内围及外围的金属框轮廓。用“椭圆形”工具在机身上画两个直径分别为141和122像素大小的圆,并用“细部”工具将两圆底部节点按方向键向上移动5个像素,用同样的方法再把和大圆左侧的节点向左移动5个像素。把两圆对齐后,使用“修改—组合路径—打孔”命令,形成一个新的组合路径。设置羽化值为1,描边色为#D7DAE9。如图08。
8 }8 _0 }/ c b, @
1 F6 \2 t4 `' e& C3 V8 F/ l1 {! t4 A9 a( ] G& `/ u) T
, J; l0 f+ N. H* _4 t* H
图08 P8 D2 r `2 Y7 ~% C
再用“椭圆形”工具在机身上画一个直径为174像素的圆,以黑色实心填充,并用“细部”工具点选该圆下部的节点,用方向键向上移动5个像素。然后在该圆内再画一个直径为144像素的小圆,使其与大圆对齐后也用“细部”工具将其底部的节点向上移7个像素。完成后同时选中这两个对象,使用“打孔”命令,效果如图。: t f8 r: Z8 z* Q, t/ d: W6 C& q
8 W2 B C- [# Z5 g. v* c, i
6 w% {) F) ^1 X: W% \; i' u
: w1 C8 B, E F2 T, X3 u; ]' I图09
; T9 |: \; \: ]# G2 _接下来就要为这内外两个金属框画上反光效果了。我们先来画外围的金属反光效果。用“钢笔”工具勾画出如下图般的路径,必要时要用“细部”工具对路径的节点进行调整,然后设置羽化值为1,色彩填充如下图。4 L& J+ L9 m( r# `3 j
) f, E) X9 }8 m1 e3 a" f# @# H' K
* J3 H) a+ w2 P3 F" H
$ Q$ f9 s6 A9 B; a M" V
图10
) j1 ], Y3 v z继续画出右侧的反光效果。同样先用“钢笔”工具先勾画出路径,然后采用“椭圆形”填充,色彩的过渡由#C6CBE1(左边的色彩滑块)至#FFFFFF,羽化值为3,效果如图。& h7 p8 J, }* k2 R! z
, g2 I: V( Q( a/ X: x8 y
$ L5 s' X* }4 F$ J0 T
* h" O) L) u9 a
图11 |
|