[组图]写实：Fireworks中显示器的绘制

一、显示器的外观　　新建一个800*600大小的画布，然后用“矩形”工具直接画一个446*384、圆角度为3的圆角矩形。而千万不要画个小矩形后再拉大到所需的大小，否则圆角度将不规则。然后由左#D4D4D4至右#BEBEBE进行线性渐变的填充。并为其添加一个 “内斜角”的特效，如图01。
& h. B4 M/ U' J7 M- `

# e: S  |$ `. `1 Y3 k+ J. y3 W5 V
图01　　用“椭圆形”工具画一个446*25的椭圆形，然后将这两个对象进行水平对齐后，把椭圆形的水平中线与矩形的底线进行重合对齐。如图02。
/ g2 \) c! g9 \2 v& y) d& w
9 C9 j9 z5 U+ ]; G! f# O2 e) U
# `0 s" j2 W) c& q
图02
　　把这两个对象同时选中后使用“修改—组合路径—联合”命令，使其形成一个显示器的外观路径。
% q& \1 x9 R7 n/ K* Y二、绘制显示屏　　为了使这个显示器更加的逼真，我们不妨先回到电脑桌面，然后按下PrintScreenSysRq键，把你当前所用的电脑桌面截取下来，在Firework里按下“粘贴”按钮进行保存。然后把这个桌面的大小改为363*272。接着把桌面和显示器的外观路径进行垂直对齐，并使显示器的外观顶线高出桌面顶线47个像素。如图03。

" S9 D+ M3 |) M; R, y# e: l

图03
　　显示器的桌面被确定下来后，也就等于将显示器的显示屏位置也确立了下来。这为接下来绘制显示器的边框带来坐标上的定位。三、显示器边框　　用“矩形”工具画一个405*6大小的长条矩形，从#CCCCCC至#E6E6E6进行由上而下的线性填充。使其与显示器外观进行垂直对齐后紧靠在显示屏上端，如图04。

4 D2 U& c: h+ Z0 _( m6 @

图04
/ i- ~, E; X8 R  ~* S" I　　用类似的方法，再绘制一个405*9的长条矩形，然后从#FFFFFF至#C7C7C7进行由上而下的线性填充。接着使其与显示器外观进行垂直对齐后紧靠在显示屏下端，如图05。

( ]) R+ A( [6 w3 Y9 B/ ]+ k2 R

0 h+ n- ~& S' y5 ~图05
$ ?6 r8 o0 g7 o# `8 \; ^　　我们再来绘制显示器的左边框。先用“矩形”工具画一条28*286的长条矩形，然后从# D3D3D3至# FFFFFF由左向右进行线性填充。接着用“部分选择”工具将这一矩形右上角边路径节点选中后，用方向键使其向下移动6个像素。同样的，也把右下角的路径节点向上移动9个像素。然后使这个左边框在紧挨着显示屏左边缘的情况下，还要和上、下边框进行对齐。如图06。


' t# o& t" J" Y7 @5 y5 M
图06
　　右边框的绘制也大至相同。先画一个28*286的长条矩形后，从# BFBFBF至# FFFFFF由左向右进行线性填充。然后用“部分选择”工具将这一矩形左上角和右下角的两个节点分别向下移动6个和9个像素。然后也要紧靠着显示屏右边缘的情况下进行对齐。如图07。


$ G0 ~- G. N1 `/ N' W( e1 @6 `
) w& Q1 T6 E. H% L1 R$ R. P/ C图07
6 |3 h! n* G1 s# Y8 r% \; a　　完成上面的所有操作后，我们把所有对象全部选中，然后使用“修改—组合”命令。四、显示器托架　　接下来我们来画显示器的上托架。先用“椭圆形”工具画一个201*121大小的椭圆形。使其与显示器进行垂直对齐后，采用# C6C6C6至#838383的椭圆形填充和# 757575的1像素柔化描边。然后再为其添加一个5%的木纹纹理。完成后将这一对象通过“修改—排列—移到最后”命令。如图08。
4 n1 U5 L+ G* s) C7 j

2 v) b2 T# {# T: t
图08
　　画完上托架后再来画下托架。用“椭圆形”工具画一个299*80大小的椭圆。同样要将其与显示器进行垂直对齐，然后采用# E0E0E0至# 5E5E5E的椭圆形填充，并为其添加一个5%的木纹纹理。完成后也通过“修改—排列—移到最后”命令将这一对象移到最后一层。如图09。


; u) z6 A9 m$ x  V) t
: ]+ e4 g* J7 K, Z9 U6 G' T2 v图09
! C1 b5 z1 r! c  ~　　将这一椭圆进行复制后，把复制品改用线性填充，完成后也移到最后一层，如图10。


' Q3 `* ^) y: t" B! ^6 r1 ~3 e
0 k/ A7 v( v1 ]& [" D* f图10
　　在托架上还有个垂直指针样的三角凹槽，我们用“矩形”工具画出一个4*9的矩形后，用“部分选择”工具将矩形左下角的一个路径节点选中后删除，然后把右下角的一个节点向左移动2个像素。接着再用#EBEBEB进行实心填充和#999999的1像素柔化描边，并为其增加一个“内斜角”特效。如图11。
8 N- {/ a. Z8 Y+ x- r

; T" Q6 y1 q8 O$ i4 I$ j
, }/ C' y: H( W: |6 E8 w8 ~图11
　　完成后将这个三角凹槽与显示器托架进行垂直对齐，如图12。
5 p' P7 |' J& d; [8 P
; D) W6 B$ J5 h

图12
五、开关键的绘制　　用“矩形”工具在显示器右下角的地方画一个21*21的矩形，然后为其使用# C1C1C1的实心填充和# 333333的1像素柔化描边。再分别添加一个“内斜角”特效和一个“外斜角”特效，各项设置如图13。
- A3 y* M9 A# T4 h

- m7 Y+ u  U! b! L: T( ^9 ~! W( n4 n
. e1 J$ Q( C6 H# j) E7 }图13
　　在开关键上画一个7*8的椭圆，并使用#535353的1像素柔化描边，然后用“切线”工具将该圆的上部切出一个缺口，如图14。
/ x6 z$ t4 X5 n( B/ ]3 R: H
: |3 |5 @; _- u+ e

图14
　　将该圆上部被切除的路径删除后，用“直线”工具顺着缺口的中央画一条描边色为# 818181的直线，如图15。


" l5 C4 q) p% E
, B' U0 @: x& b图15
　　这样一来显示器的开关键也就画好了。我们顺便在这开关键的左方绘制一个4*4大小的圆形电源指示灯，用#E2FF71进行实心填充即可，如图16。
. @4 z; t8 P& B5 e6 M4 n% P


6 G7 [$ P! o* ?+ b/ d! N* V8 m" H图16
六、调节键的绘制　　我们接着来画显示器上的调节键。先画一个31*13的椭圆，然后再将该椭圆另行复制一份并将其向右移动19个像素，再将这两个对象同时选中后使用“修改—组合路径—联合”命令，使其形成一个新的组合路径。然后对这一路径使用# CCCCCC的实心填充和#666666的1像素柔化描边。接着还要为其分别添加一个“内斜角”和“外斜角”特效，各项设置如图17。

7 w6 W& Q) g5 p( ~& i

图17
4 W3 ^) V+ U) y' N4 J& f　　完成这些操作后，将这一组合路径与显示器进行垂直对齐，如图18。
. }$ g. j$ [8 n) e- s

. v1 X- B2 V% b& Z7 @& A" F
* `5 l+ V& \; G- S5 |) v5 n  L2 P图18
1 G3 u* b0 H. q- z　　把这个组合路径再复制一份，然后用“部分选择”工具将复制品最左边的三个节点同时选中后进行删除，如图19。
( M' w2 E8 a+ ~7 V& r
- Y% j2 H, J! e% V! ~7 k
' Y% d+ Z1 \. U, {) N& w
: ?* F& h0 ^4 d( d4 M1 T' Y/ |图19
. w% X( [" k& Y% h) U# I　　通过“部分选择”工具的修改，使这个复制品的左边路径形成一条直线，如图20。
! e$ i3 j& h# a. d0 X# b6 {; `" H) T


图20
  c: F/ `/ W; |4 q0 C6 Y8 }　　为这一复制品改用# C0C0C0进行实心填充，然后再添加一个“内斜角”特效，如图21。
' h7 y1 C+ E6 N
" s& q" Y9 b7 R* O# R* Z4 r
7 h% A0 q1 `% I- Z6 W# w- v
9 K7 \7 R3 x" h4 d- x1 X" k+ i图21
; U# N' O: Z+ |* o, |8 S　　将这一复制品进行克隆后，把克隆对象进行垂直翻转，然后将其平移到右边。接下来就用“直线”工具在这两个调节键上分别绘制“—”号和“+”号，如图22。
& o& I" q) U; q8 ?

, S' ~9 u4 W; b- X$ G) l
图22
七、控制键及文字　　在距离调节键右边6像素的水平位置上我们来画一个控制键。用“椭圆”形工具画一个10*10的正圆形，然后对该圆使用# C0C0C0的实心填充，并以# 333333进行1像素的柔化描边。再为其分别增加一个“内斜角”特效和“外斜角”特效，如图23。

1 q. H: V7 A+ h. ]

2 q/ I4 `2 w' _  L图23
　　将这一控制键再复制7个，然后按每个控制键相隔6像素进行水平排列，如图24。


% K8 ~5 {1 h; N+ c1 m% q/ K
, ~( v" C3 Z* U( {4 Y" C图24
! x9 d) I7 `# C　　我们再为显示器加上显示器的商标及型号。选用“Impact”字体在显示器的左下角位置输入大写的“SAMSUNG”，然后更改其字体大小为12号，颜色采用# 838383进行填充，同时字体的水平间隔设为113%。如图25。
9 a+ y1 E1 \9 @! l# u

1 Z2 V$ d+ ?) B: z/ p( r
图25
8 t; `0 Y8 L/ [　　在文本上点击鼠标右键，从弹出菜单中选择“转换为路径”项。然后再对文字使用一次“修改—取消组合”命令。文字被打散后每个字母都可以自由的移动了，我们将这些字母除最左边的S以外，其它的都向右进行水平移动。使每个字母相互间隔均为2个像素，如图26。


: Y& E3 h* g/ Y! v2 R/ X
% }. [5 H, _1 {0 I9 f, h% z! ~6 x图26　　我们再为显示器输入型号。用“Haettenschweiler”字体在显示器开关键的上面输入“SyncMaster 550s”。然后改用字体大小为10号。使用# 686868进行文字填充即可，如图27。
8 Z% n8 N4 W' ]. n8 P% Q& s" o
- _3 O  Z7 m' d1 G) U2 d( z

; f9 S; D* q; v: ]图27　　最后你还可以将当前所用的桌面壁纸导入Firework里并移至最后一层，为这个显示器当背景。然后通过“文件—导出预览”窗口把整个作品导出成JPG图片后，把这个作品设为你的新桌面，让亲朋友好友也能经常看到你的杰作！ 最终效果如图28。
( m+ L0 [1 i' c! y; N
) p# Z6 @' U; B; J7 X

4 G" N  M) O% I5 L% F图28　　源文件下载
?