Fireworks绘制逼真摄像头

" Q% F0 m/ Q/ p[color=red'][1]
?[2]?[3]?[4]?[5]?[6]?下一页??


) f; M) S" J1 V* h: r/ P0 ~1 K6 E想视频聊天但却没有摄像头，这可怎么办？别急，这就为大伙送上一个！
: i: \: J+ V* l, M0 m; E$ x! w

# O- V. o& C6 _& M6 ?' x


最终效果图
启动Fireworks，新建一个450*400大小的画布。在“工具”面板中点选“椭圆形”工具，然后在画布上先画一个179*179的正圆。接着在“属性”面板里将该圆的笔触颜色设置为无色。在“填充类别”里选择渐变选项中的“椭圆形”，然后在填充色的预选框中设立三个颜色滑块，其色彩数值从左至右依次为：#FFFFFF、#EAEAE8、#ADADAD。回到画布区后，再用“指针”工具调整该“椭圆形”渐变的填充手柄，如图01。

6 P' ~$ w0 ^8 p2 Z& a* u+ }" W


! U* }* @4 A$ q, t* q9 `- X; s
: D* B* |8 |5 d' V* X0 k3 y图01
将该圆形对象进行复制，然后改变复制对象的填充手柄，使填充色的中心向右侧偏移，效果如图02所示。然后在“属性”面板的填充色预选框中为其设置两个渐变滑块，色值分别为：# 8E8D8A、# EDEDEF，而色彩滑块上的三个不透明度滑块的百分比从左至右则依次为：100%、93%、0%。
# ?& x( v) O0 b; |




图02
# B4 A2 d; A! p( ]# i为了使摄像头上的这个球形更有立体感，我们用“钢笔”工具在该圆形的右侧画出球形的反光区域，然后在“属性”框中对该路径采用无笔触描边的“线性”渐变填充，填充手柄的设置如图03所示，而“线性”渐变中左右两个色彩滑块的数值分别为：＃FFFFFF、＃EDEDEC。色彩滑块上左右两个不透明度滑块的百分比分别为：100％和0％。
, b( v! Z" y7 J6 O
4 ^6 I4 R) g0 I2 A# N! @

. Y: w0 L! D6 r: b
5 N- C8 R8 W9 d- g8 A6 @" q4 y
图03
现实中的摄像头多由两三个塑料外壳拼装而成，所以在拼装的交接处就难免有些小裂缝。下面我们就来绘制这些小裂缝。先用“钢笔”工具画出摄像头上的一条裂缝路径，如图04。

8 a  c* @$ o. F" w4 t! Y4 G( `! T
1 p& n, v7 y: P- j

) n3 {6 l* }  j. _* M$ u
图04
上一页??[1]?
& m1 e# A5 U1 p( U! z[color=red'][2]
?[3]?[4]?[5]?[6]?下一页??

( z7 e8 K, p' |& e& `
4 C' B, T& ~3 H) P& g为了画出这些小裂缝的凹陷效果，我们需要有这样的两条路径配合才行。将这路径再复制一份，打开“层”面板后可以看到，刚复制出来的新路径会位于原路径的上一层。为了便于辨认，可以双击对象层中的名称，对这两个路径进行重命名，如图05所示。因为复制的这条路径要在稍候才需使用，因此可点击该对象层左边的“眼晴”图示，使该路径暂时处于不可编辑的隐藏状态。


: t( W& W- v# X; G0 w



图05
0 r+ p9 p$ M, E- e3 {' ~回到画布区中，点选原裂缝路径后，通过菜单“修改——改变路径——扩展笔触”命令，打开“展开笔触”设置窗口，在“宽度”输入框中设置该路径的扩展数值为3，其它设置如图06所示。
' Y9 f; a2 j9 r" j, a* [4 h




& Q9 y- `8 {* S( N图06
点击“确定”按钮后，在画布区中可以看到，原来的开放路径变成了一个封闭路径。而这个封闭路径将用于呈现裂缝凹入效果的过渡色。在“属性”面版中对这个路径进行无描边色的实心填充，填充色值为＃959595。如图07。


9 u& l6 T' K& ~$ l
/ @6 G. @: D. m! y# q& {6 K
) R# X+ C: I$ }% [+ e& w
/ ^. r- |6 g" @图07
从图07中不难看出，这条裂缝的左右两端太粗了，在透视上显得不真实。所以我们再用“部分选择”工具对这条路径的左右两端的节点进行适当的移动，但移动的距离不要过大，只要略微缩小裂缝两端的宽度即可。在实际操作当中，我们可以把画布的显示比例放大到1600％，从而能够更精确地对路径节点进行调整。完成后效果如图08。
/ z7 ~8 f+ u% x2 x1 B1 i
7 M) A3 g/ M- D; w5 s+ j" V



图08
在“层”面版中恢复显示刚才被我们隐藏起来的“复制的裂缝路径”。我们将借用这条路径来绘制裂缝在凹入时的深黑效果。点击“修改——改变路径——扩展笔触”菜单命令，在“展开笔触”设置窗口中设置该路径的扩展宽度数值为1。而其它设置则保持不变。然后同样用“部分选择”工具将这条裂缝两端的宽度进行适当地缩小。完成后在“属性”面板中为这个对象使用无描边色的“线性”渐变填充。效果如图09所示。其中左右两个线性渐变的颜色滑块色值分别为：＃000000和＃CCCCCC。
/ K. b& |. |% U
, |2 _1 i- k  [9 [. s



图09
2 r6 {4 x! c. N/ |/ p; F4 d上一页??[1]?[2]?
[color=red'][3]
?[4]?[5]?[6]?下一页??


( |: i) l( k0 z; J1 p; j采用同样的方法，把摄像头上的另一条裂缝也画出来，如图10。
1 x2 K/ V9 W( K) H$ q) n* a


. u) d+ g* e9 a- M

; W, ?! C( z1 B8 `& R- S  h
图10
我们接着来画摄像头顶部的按钮。用“钢笔”工具先勾画出按钮的外形路径后，对这一路径使用无描边色的“椭圆形”渐变填充，填充手柄的设置如图11所示。而“椭圆形”渐变中，左右两个颜色滑块的色值分别为：＃6A7D9B和＃A8B4CC。
6 T# `% `& j$ b6 b

' z: I+ c7 _! L7 K6 l
3 ~) r. }3 n( c0 u$ }* g! ~1 e
$ M0 [+ T, J" [( k& Y
0 p& Q$ c. c4 T7 W1 m$ Z6 ~图11
这个按钮和摄像头的连接处自然也有一个缝隙。使用我们刚才采用过的方法，在这个按钮和摄像头的交接处出绘制制出这条缝隙。如图12。


: ^+ A+ \' H; y4 ^! A. r7 f
: d! X0 y: \0 ?. ^, q

9 F  p1 B, E9 `; w6 m9 v0 j图12
( g; s5 j! ]" l- @6 a6 q下面我们开始来绘制这个摄像头前部的镜头。用“椭圆形”工具画一个104*106大小的椭圆，然后把它移到摄像头的合适位置。接着在“属性”面板里对该椭圆进行无描色的实心填充，填充色为：＃2E2E2E。在“边缘”选项中选择“羽化”，设置羽化数值为1。最后在“属性”面板的右侧为其添加一个“投影”特效，设置其投影色为：＃555555。其它设置参数如图13所示。
5 f1 S: m, j7 Z2 d$ K. @

8 H5 H# x3 Y4 T! }. f

4 D8 F: n/ S: h$ E7 M, j
图13
5 _5 ?& v5 ?# s用“椭圆形”工具再绘制一个103*106大小的椭圆对象。将它移到黑色椭圆的正中位置，然后在“属性”面板里对这个椭圆对象使用无描边色的“线性”渐变填充，填充手柄的设置如图14所示。“线性”渐变中左右两个颜色滑块的数值分别为：＃7E89A0和＃434B56。
/ P( J/ |9 w* M, E
+ A0 U8 t% r3 k' b" [3 r2 z8 z" p, `
( c" J* P9 L5 o+ R7 [& s# h! s
3 P, o' \: O* ?+ D8 U

1 Z3 B8 I; Y9 E  D9 A, `4 }9 R2 `图14
上一页??[1]?[2]?[3]?
$ [5 I2 y! H5 _7 g5 J$ b3 e9 I[color=red'][4]
?[5]?[6]?下一页??
2 A) H! O) f) o5 {2 `" Q, b: r( b( U' Y
* X7 b+ `4 z9 e' |9 k2 B; f
, p  [' e; w# }" {再画一个97*99大小的椭圆，经适当调整后，同样采用无描边色的“线性”渐变进行填充，左右两个颜色滑块的数值分别为：＃98A3BA和＃7C8DAF。如图15。
' {. E9 C  M. }# j- p4 E

- |! B) _. B& X0 K& Y- h' d: E


3 y( @" H! U% }! a& W- }
图15
把这个椭圆再复制一份，然后用“缩放”工具将复制的椭圆缩小至83*85大小。接着在“属性”面板中对该椭圆采用无描边色的“椭圆形”渐变填充。填充手柄的设置如图16所示。其中三个颜色渐变滑块的色值从左至右依次为：＃919191、＃353535、＃000000。
' W" @+ `" Z" ~+ l6 X5 F0 o
9 z: p5 B9 U5 U  H( Y) z2 k" S

  J. s, e+ G: ]* c& n8 @5 B1 q

1 q+ x+ p; c3 E  w! T$ e5 K& t图16
- g  T" A7 C( W4 K2 u8 p' m* {6 A$ g为了呈现镜头外玻璃镜片的反光效果，我们先用“钢笔”工具勾画出镜片的高光范围。然后在“属性”面板中对这个高光对象采用无描边色的“线性”渐变进行填充，效果如图17所示。左右两个颜色滑块的色值均为：＃FFFFFF，而上面两个不透明度滑块的百分比数值则分别为：100％、0％。





* j3 n  J3 w- V+ v2 y& |图17
镜头的高光部分有了，接下来要画的就是反光范围了。我们把刚才绘制83*85大小的椭圆对象再复制两份出来。并把这两个椭圆移到画布的一边。用“缩放”工具将上层的椭圆对象放大到115*116大小，而下层的椭圆对象则缩小至74*75。然后将这两个椭圆对象按图18所示进行叠加。因为这两个对象都是黑色的，为了使大家能够较清楚地看到这两个对象叠加时的位置，我把这两个对象的填充色做了修改。但这不会影响作品的最终效果。


; _" P: @& M/ i& O/ h  Y
0 A9 U1 D  j, Y7 C

& E! E/ M. n2 O1 L3 L: f9 M图18
/ j$ n# @. O! v将这两个椭圆对象同时选中后，使用“修改——组合路径——打孔”菜单命令。使其形成一个月牙般的组合路径。把这个路径移至摄像镜头的下端后，在“属性”面板里为该对象使用无描边色的“线性”渐变填充。左右两个颜色渐变滑块的数值分别为：＃888888和＃000000。
1 F- d7 v9 [  ?4 O! u
8 E: M# _1 k  a+ f3 K' c! C+ M
0 P3 _( Q' ^# C6 s' L( C
+ U9 A' x2 u2 r. t  F' F9 k4 y
/ {8 @: H9 j& R$ B' K5 C5 Y
图19
; V/ B9 S8 {( h) @上一页??[1]?[2]?[3]?[4]?
/ w, g$ F8 x8 l  s[color=red'][5]
?[6]?下一页??
0 k, U8 Y/ U4 L+ A8 U
. j6 D- i9 b( p/ P/ m9 z5 V1 Q0 N
至此，这个摄像头的上半部分就绘制完成了。我们接着来画这个摄像头的底座。先用“钢笔”工具画出底座的轮廓，然后在“属性”面板里为该对象使用无描边色的“线性”渐变填充。“线性”渐变中的三个颜色滑块的色值依次为：＃FFFFFF、＃313131、＃BFBFBF。在默认情况下，新绘制的对象都会位于所有对象的最上层，因此我们可以点击“工具栏”上的“移到最后”按钮，使该底座对象移至所有对象的最后一层。如图20。
4 v0 _, Q( Q! M( k/ ]
/ Q3 L9 u$ p; t4 |* J

" t2 U; Y$ {7 E4 F: m7 n5 h) ~8 P2 t

* Z3 h: \1 G3 r& q
图20
为了使这个底座呈现立体效果，我们可将这个对象再复制一份，经“部分选择”工具的适当修改后，在“属性”面板里为该复制对象采用无描边色的“椭圆形”渐变填充。填充手柄的设置角度如图21所示。而“椭圆形”渐变中，设置左右两个颜色滑块的色值分别为：＃B4B4B3和＃F0F0EE。接着在“边缘”选项中选择“羽化”，并设置其羽化数值为6。
  \6 S% a2 C" s
4 @# \3 |( B4 a# V" q' u3 N
6 b# E0 D, q4 U( h' i4 e7 }: Q


4 z# ]7 G3 w1 m* Z2 ?图21
仔细看一下就不难发现，此时摄像头的上半部分与底座之间还缺乏一个投影效果。我们用“椭圆”工具画一个172*172大小的正圆，在“属性”面板中为该圆使用无描边色的实心填充，填充色为：＃000000。在“边缘”选项中再为其设置数值为2的“羽化”效果。经对象层的位置调整，将它放置在所有对象层的倒数第三层，如图22。
0 s/ O9 {% i$ J- d" ]
! a8 g% `: [  c

5 }3 r+ z) u5 K* t$ L+ S2 \3 f1 S
! q+ N! X+ k( X: L: e: G7 K% \5 m
图22
; d; y$ L9 |6 a  H* `, N最后我们来为这个摄像头绘制一个投影。使用快捷键Ctrl+A，将当前画布上的所有对象同时选中。然后点击“复制”、“粘贴”按钮，将所有对象进行复制，而新复制出来的所有对象会处于被选中状态，此时再点击菜单“修改——组合路径——联合”命令，把复制出来的所有对象合成一个组合路径。然后在“属性”面板中为这一组合路径使用无描边色的实心填充，填充色值为：＃9B9B9B，边缘羽化值为6。用“缩放”和“倾斜”工具将该组合路径进行适当变形后，在“工具栏”中点击“移到最后”按钮，将该对象放置到所有对象的最后一层，从而形成摄像头的一个投影效果，如图23。


# R4 h3 s5 @2 e* [& G


3 Y5 L  u4 v; K9 V% i1 s, }图23
5 R( f8 B. }) [+ r$ l9 [0 e1 u& F为了使该投影能够产生出“本影”和“半影”的逼真效果。我们为该投影对象再添加一个“运动模糊”特效。然后根据当前摄像头的投影角度，在特效的设置窗中输入合理的相关参数。在本例中，我为该特效设置的“角度”为341度，“距离”的数值为12。点击“确定”后，一个逼真的摄像头也就绘制完成了。最终效果如图24。

; D  i0 e' k5 k9 V) v. F
2 _) D1 ~7 M# ?! H( p8 |1 ~
1 O/ m& g: T0 U- f
- x1 L) }. k7 k
6 w7 P5 l" X# C' s0 e图24 上一页??[1]?[2]?[3]?[4]?[5]?
! }8 m/ |2 s: Z[color=red'][6]
?