Fireworks 绘制时尚手机

[复制链接]
查看: 507|回复: 0
gggds 发表于 2009-12-27 13:50:24 | 显示全部楼层 |阅读模式
作者:大眼网虫+ u; o& u* Z0 p+ Q- a; i
这是一款较早前出产的一部时尚手机,但不知道为什么使用的人却比较少,但其酷炫的外观至今仍使我爱不释手。终于忍不住要用Fireworks也来画一个。
4 [8 J6 c4 P4 U- Q& r新建一个550*350大小的画布。我们先来画机身,用“椭圆形”工具画两个直径分别为178、143的圆和一个143*169的矩形,如图01般进行排列。
, V% m* D, ?! P) c8 J' l3 t5 Z7 G8 {
* \( `0 a& V+ q! @

# a, G! F+ s" B6 C图01
/ x" a5 V8 W1 X/ S( I3 E再用“细部”工具点击直径为143像素的小圆,点选小圆底部的路径节点,然后用方向键将该节点向上移动10个像素,如图。9 ~- D; h# P  R% I; T

3 A& t" n! z1 j8 V. k& A' s0 \& Y+ x3 A2 j5 e) ~2 J

6 D" V- G  r5 j$ J8 k) `图029 g1 j- J% z: W2 N5 ?
然后选中所有对像,用菜单栏上的“修改—组合路径—联合”命令,把三个对象合成一个新路径。再用“钢笔”工具和“细部”工具为路径进行修整,使其变得更圆滑。如图。
, z4 s( j) a9 u" H" W2 U5 g5 E1 t% e, V* m$ a6 B2 C) X

! u4 `) Z9 C1 f) a. B
7 {0 k9 ?. \. ]: B1 N' \1 S7 M图03
, Q4 {% g3 S) u接着对该对象使用“条状”填充及“内斜角”特效,如图04、图05。7 K4 F; S1 t3 `
8 V: _6 T1 v# R4 [: |. l1 j

8 M0 v$ w- f. J( b* @7 ^: H  y* |& @' _* q0 b/ p9 n% d
图04
" z; @" m' G/ X2 f4 I; O5 h+ I$ B( D7 b$ F- {( ^; i, J

4 k7 w8 u, G5 [& b% s1 F
. n0 `8 c8 r" ]' r2 N# u图052 e8 N+ ^) g& L
将该对象复制多一个,适当缩小后与原对象进行底部对齐,如图。
1 Q- U. |  q) d
8 B7 }- Q- w  S6 |6 v& W
6 n9 B, `3 Y) F4 g1 I' ~
  V  e( ^) q! J* A8 `5 Y图06' u0 O* Q! ]: ^  A2 Z
然后将该对象的羽化值设为1,选用9%的“木纹”纹理,并修改“内斜角”特效的相关数值,如图。
6 _4 N# {$ F  G. s( b; P) h- s
0 I0 j! C) y* t6 }' }/ H
/ y; _: W0 M7 {% j1 I) z
- ~% K, O# @/ k3 o$ f图07
8 T, }9 U2 N" e0 C接着我们来画手机显示屏内围及外围的金属框轮廓。用“椭圆形”工具在机身上画两个直径分别为141和122像素大小的圆,并用“细部”工具将两圆底部节点按方向键向上移动5个像素,用同样的方法再把和大圆左侧的节点向左移动5个像素。把两圆对齐后,使用“修改—组合路径—打孔”命令,形成一个新的组合路径。设置羽化值为1,描边色为#D7DAE9。如图08。( z1 Y4 B* J: h8 \
7 ^& ]/ O; `( i# G$ {

$ u) o8 K$ e: D$ B& z  d+ X* h
5 @0 h  Y9 P* P图08
  A% G$ b) O) e1 U9 t! `9 s再用“椭圆形”工具在机身上画一个直径为174像素的圆,以黑色实心填充,并用“细部”工具点选该圆下部的节点,用方向键向上移动5个像素。然后在该圆内再画一个直径为144像素的小圆,使其与大圆对齐后也用“细部”工具将其底部的节点向上移7个像素。完成后同时选中这两个对象,使用“打孔”命令,效果如图。
# ^# I1 L. L5 W. ?
/ |% h$ U. F# d# s
2 l3 L, m, f% }# V% `; I7 r1 E
6 g" ~/ R9 }  O0 u图09
' W; S% C( @( s; }) ^4 \% h* ?接下来就要为这内外两个金属框画上反光效果了。我们先来画外围的金属反光效果。用“钢笔”工具勾画出如下图般的路径,必要时要用“细部”工具对路径的节点进行调整,然后设置羽化值为1,色彩填充如下图。
3 M6 f9 u+ b. f( O/ U9 ~7 e
" N  n* z1 U1 G. p+ A3 G5 Q: e! d9 {( }9 D$ a3 x4 G) I2 M. s

6 F' J' C" Z- O+ M; r8 u. N图106 p  Y$ y1 E0 e4 q6 Z
继续画出右侧的反光效果。同样先用“钢笔”工具先勾画出路径,然后采用“椭圆形”填充,色彩的过渡由#C6CBE1(左边的色彩滑块)至#FFFFFF,羽化值为3,效果如图。; ]" L( [$ S" _/ I# n# ~7 g7 S: b

6 _% N9 \( y4 S0 {" Z" H% H6 m8 Q$ m6 F6 e/ m2 _
+ r7 A6 Q* D9 J" E6 [9 N8 Z2 w
图111 G, a! C& s8 T3 N
?
# \8 H  N6 o, P  {; w. ^
( G. I, u$ g# U0 }: f[color=red\\'][1]
4 y9 L: Z2 a# d  K8 Z. h5 V?[2]?[3]?下一页??

本版积分规则

精彩图文

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