Photoshop鼠绘实例:手机的绘制-中国展示论坛

手机的绘制
我国拥有近四亿的手机用户，居全世界第一。手机在我国已成了常见的通讯工具。本小节将带着读者一起用Photoshp CS2绘制一台手机。
2 D6 J$ i8 k5 b$ x本小节完成的效果图。（图4.1-1）
- t! i+ J0 k, a4 g1 j  q


: V' _: T4 i: \图4.1-1 手机绘制完成效果图
本小节实例制作步骤如下：
* Y( Y) A1 A1 ?- C, b按下键盘上的Ctrl+N组合键，或执行菜单栏上的“文件→新建”命令打开“新建”对话框，设置参见图4.1-2所示。
4 Z; U' m$ P8 x! ~& \4 x% X" m7 g/ S
2 l* r' q% X, Q3 i: b1 {
7 N9 M0 @7 O" y/ i# {+ Q' {
图4.1-2 新建对话框的设置
新建图层，按下键盘上的Ctrl+R组合键打开标尺，创建一条垂直辅助线。以该辅助线为对称中心线，用“矩形选框工具”（快捷键M），根据手机形状创建一个矩形选区，如图4.1-3所示。

+ ?+ H0 S/ x. Q0 N$ ~

图4.1-3 以辅助线为对称中心线创建的矩形选区
1 {5 v4 J4 @: D/ |4 a0 h选择“椭圆选框工具”（快捷键M）工具，设置选项栏上的布尔模式为“添加到选区”，如图4.1-4所示。
+ Q  T: _6 f4 r
' k" b' B$ [" Y% E) [6 x" r$ n7 v, [1 n
' i. e3 p8 w4 o% Q1 k
图4.1-4 椭圆形选框工具在选项栏上的设置
在选区下边与垂直辅助线相交位置处（如图4.1-5所示）开始拖拉，出现圆形后不要松开鼠标，同时按下键盘上的Alt和Shift键，就可以该点为圆心创建一个与矩形选区 “合集”的圆形选区，如图4.1-6所示。
' f- a$ T0 N- T5 l) o* q
8 J, p/ `! j4 N

图4.1-5 圆形选区的中心起点
# O& `- H; u- B9 w3 f* F

1 I# q7 B" m( }% x( B2 a
图4.1-6 与矩形选区合集的圆形选区
9 z) _+ z  J# j7 G$ k1 o4 ~执行菜单栏上的“选择→修改→平滑”命令，将矩形选区直角平滑一定像素。
( K1 M0 S7 Y! [: H6 h! A9 d. `
' m/ N. m3 S5 B& S( d$ \

$ L( A4 P* g  q9 f' O) h1 i( `& C图4.1-7 平滑命令设置对话框
3 @; k# x/ U! U& D3 d- j4 L3 P

* \2 W; \% b; M, J* f
; U; n0 O4 T* |- r2 [图4.1-8 矩形选区平滑后的效果
确认“椭圆选框工具”仍被选择，右击文档窗口，在弹出的菜单中选择“建立工作路径”命令，将选区转换为路径。
调整路径到如图4.1-9所示效果——使上边窄一些，两侧线条要具有一定弧度。

" u! o. Z( k9 \) o3 z8 T
- x* {$ w2 S; l9 K5 I
图4.1-9 调整后路径的效果
选择任意路径工具（比如“钢笔工具”），右击文档窗口，在弹出的菜单中选择“建立选区”命令，转换路径为选区。设置前景色为灰色（色彩接近即可），按下键盘上的Alt+BackSpace组合键填充前景色。将该图层命名为“上盖”，如图4.1-10 所示。

4 Z; K( o; P9 Z0 n

图4.1-10 填充灰色后的图形
按下键盘上的Ctrl键，同时单击该图层在图层调板的缩略图，使该层中图形外缘作为选区载入。选择“矩形选框工具”，右击文档窗口，在弹出的菜单中选择“变换选区”命令。按下键盘上的Alt键，以选区中心为变换中心，变换该选区到图4.1-11所示效果。



图4.1-11 变换选区后的效果
9 J% A3 }/ d. u3 N2 C1234下一页




+ w, W, a4 \1 h" w4 Y) t1 ^0 ^新建图层，命名为“银色装饰物”。选择“渐变工具”快捷键（G），在选区内添加“渐变”效果（只是为了效果预览，后面还要更改），如图4.1-12所示。

) h, R1 Y0 w" p) ]* }! `
- N; A* n; q% {3 {; Z% C
) h: I2 W2 w. O8 E' Q- u) M图4.1-12 渐变的设置
3 E$ u( x- @) ?$ W不取消选区，新建图层，变换选区到图4.1-13所示效果。

- m& l" y8 Z) Q
, m; N$ \4 ?& n8 B- {; U
+ _( o% h8 X+ G1 [* p  X图4.1-13 变换选区后的效果
填充如图4.1-14所示颜色（色彩接近即可，手机厂家称这个颜色为“水手蓝”），命名该层为“水手蓝”。同时另建图层，命名为“轴”。画出如图4.1-14所示上边的形状。
; k$ d) b7 S5 l  ~

; y% ?  w) `: x% D5 T/ c
图4.1-14 填充蓝色的效果
* _9 p  e3 X" @' j" B6 ~: }- w在该层上创建一个矩形选区，填充上面设置的“水手蓝”色，如图4.1-15所示。
. S- A2 E) Z7 N7 s% V! [( i, @


" K0 j6 S  D9 a" v% G/ o( Q( V图4.1-15矩形选区填充后的效果
新建图层，用“钢笔工具”（快捷键P）绘制如图4.1-16所示路径。



" [1 e* o, T+ w+ x8 X图4.1-16 用钢笔工具绘制的路径
选择“路径选择工具”，按下键盘上的Alt键，同时按下鼠标左键，拖拽该路径复制一个。选取该复制路径，按下键盘上的Ctrl+T组合键，执行菜单栏上的“编辑→变换→水平翻转”命令，变换路径到相应的形状，并移动到另一边相应的位置 。
( b& I; M: m8 E: w" K; E4 P- a设置前景色为上面设置的“灰色”。选择画笔工具（快捷键B），在文档窗口单击右键，在弹出的调板中设置画笔参数，如图4.1-17所示。
3 K* d- [& j5 O. @% D: I; `) t


7 E1 H% r6 P/ o% A) P% {- L图4.1-17 “画笔工具”笔触设置
新建一个图层，选择该两条路径，右击文档窗口，在快捷菜单中选择“描边路径”命令，设置“描边路径”对话框如图4.1-18所示。
: c4 T4 B1 c5 _- o5 u
" l6 D& d/ `) ]8 h& H' g
- U1 \; Z( R! N
- V0 Z: w. {. }- g7 N9 \+ k' u图4.1-18 描边路径命令对话框
" r% f- ]+ m( A2 b双击该图层在图层调板上的缩略图，设置弹出的图层样式对话框，如图4.1-19所示。

4 K+ \5 b% c& M+ R9 g$ y

# [1 j; W1 M) O' o, t图4.1-19 图层样式对话框
下面绘制摄像头部分（这个部位在后面的透视变换的操作比较复杂，要具体处理，先把位置固定一下）。
新建图层，先绘制一个白色的圆形，再用“钢笔工具”（快捷键P）绘制如图4.1-20的路径。将路径转换为选区后填充白色，命名该层为“摄像头”。
! B/ G& [4 N* i4 _" J

3 l7 `6 G- G9 d8 S$ d4 x7 }
图4.1-20 摄像头形状的路径
" {& `( J/ L2 y' W1 J下面绘制“扬声器孔”。新建图层，用矩形选框工具创建矩形选区后，平滑矩形选区的直角，并填充黑色，如图4.1-21所示。
9 ^# o0 G* K  B' `! ^* L! W
& c, J2 P( p' t* ~; k7 z* _: F
3 W2 @# o9 y. S5 W, i
! S) u3 @/ h4 b* D* ]  m图4.1-21 绘制其中一个扬声器孔
" {$ e0 J; R* |$ g& K" N7 J不取消选区，选择“移动工具”，按下键盘上的Alt键不放，用鼠标左键拖拽，在同一层上复制出两个“扬声器孔”，如图4.1-22所示。


, w! a6 M  b9 y: H0 F" x
图4.1-22 复制出另外两个“扬声器孔”
4 G, U* m/ N# v4 ^/ r4 R双击该图层在图层调板上的缩略图，在“图层样式”对话框中设置“斜面和浮雕”为“枕状浮雕”，具体参数设置如图4.1-23所示。

6 K: z& N! F) a! J: [

" t, V- F0 C# _6 u6 n图4.1-23 设置“扬声器孔”图层样式
. p( T: y/ Q; q! i7 E: Q: O; k  J新建图层，命名为“外屏边框”。按上面所讲的方法绘制手机显示屏的圆角矩形选区，填充黑色。执行菜单栏上的“选择→存储选区”命令，为该选区命名为“圆角矩形”，储存该选区。再将该选区放大到如图4.1-24所示效果。
0 }5 b6 `. ]" N: l0 {: {# `3 t6 U! J
) F  }: V: p0 N" `+ G

图4.1-24 放大圆角矩形选区后的效果
' s, v1 `* H4 _) i: Y" n4 q& l: h执行菜单栏上的“滤镜→扭曲→球面化”命令，参照图4.1-25所示设置。
; ]0 S% W) }! }# p1 \2 B

7 j' n% W7 J. H9 X4 n( I" U6 _  Z
图4.1-25 球面化命令对话框
: ?0 q: u+ N$ H3 b7 u3 }新建图层，命名为“外屏”。执行菜单栏上的“选择→载入选区”命令，载入“圆角矩形”选区，调整大小后填充白色占位，如图4.1-26所示。


, z, M5 w, O) R$ K1 j$ C
: S' B; u# ^1 V9 U图4.1-26 载入选区并填充白色后的效果
7 E" r& ?9 j  E, k+ h& X, G0 p+ `6 b下面的步骤要做出手机的透视效果。
选择图层调板最上面的图层所略图，按下键盘上的Shift键，同时用鼠标单击背景层上面缩略图，选择该两个图层，及其中间的图层。按下键盘上的Ctrl+G 组合键，将图层编组，命名为“手机上盖”。
按下键盘上的Ctrl+T组合键，自由变换该组，按下键盘上的Ctrl键不放，拖拽变换控制点到如图4.1-27所示效果。

2 N' Y$ R* }6 z3 r
- y, |6 @/ g! j
3 H/ u1 P$ n. O图4.1-27 自由变换“手机上盖”组产生透视效果
% y! L9 K/ s0 n7 S( \" Y在“手机上盖”组上新建图层，画手机上盖的暗部。按下键盘上的Ctrl键，用鼠标左键点击图层调板上的“手机上盖”组中“上盖”图层缩略图，使其图形外缘作为选区载入。按键盘上的“方向键”将选区向左上方向轻移几个像素。按下键盘上的Shift+Ctrl+I 组合键反选，按下键盘上的Alt+Ctrl+D将选区羽化较多像素。
2 P5 ^8 V% p+ d/ p4 T设置“画笔工具”（快捷键B）为主直径较大，硬度较低的笔触。设置前景色为深灰色（色彩接近即可），用“画笔工具”沿手机选区外侧按图4.1-28所示方式画上阴影。



. k4 q- w2 Y& \" Y图4.1-28 用画笔工具绘制的阴影
* g5 t) c; Z) w1234下一页

. J" _% y  K' U
# h; }4 i7 w: m: M; h
* L4 p) X7 i6 ?; k  a* H
/ a9 F  I& c. t; _按下键盘上的Ctrl+D组合键，取消选区。再次载入“上盖”选区，轻移到合适位置后，羽化较少的像素，按上面的方法反选，按下键盘上的Delete键删除多余的部分，得到如图4.1-29所示效果。
) E2 q5 N* M3 e7 C" l( }5 |
! H! G- ^/ o; f9 o
1 l( |; L" g' X6 w8 ^% Y, Q/ Z
图4.1-29 删除多余部分后的效果
下面我们来细致刻画摄像头部分。
双击“手机上盖”组中“摄像头”图层在图层调板中的缩略图，在弹出的“图层样式”对话框中选择“内阴影”，编辑等高线曲线，如图4.1-30所示。


3 Q3 k& z" y* A8 G& p& I8 ?
图4.1-30 编辑等高线曲线


7 Q9 ]/ g/ t! J3 i) x
; n( C5 L5 h7 w0 G# E6 d图4.1-31 “摄像头”图层添加“内阴影”效果
新建图层，绘制一个椭圆形选区，填充灰色。不取消选区，自由变换到如图4.1-32所示效果。
. |# Q. t# W4 p# B3 q+ \

- I! R9 W' Y# K+ d; ^
图4.1-32 椭圆形自由变换效果
确认“矩形/椭圆选框工具”被选择，右击文档窗口，在快捷菜单中选择“描边”命令，设置参见图4.1-33所示。
# `7 i( q% |7 y3 w" O
# J* I7 X- ~( h4 p9 ~9 }" x
$ s+ V1 a$ O" Y% e- Q
图4.1-33 椭圆形选区描边对话框
用“加深/减淡工具”（快捷键O）擦出大体明暗。
, ]2 L0 c! y7 j2 L- Z* Y% W3 z; W新建图层，按上面方法绘制如图4.1-34所示形状，在图层调板上调整该图层的“不透明度”为50%。


1 T5 f4 ]7 K( a" H5 @' D
1 N7 C3 w9 Q$ i. s: j图4.1-34 图层降低不透明度后的效果
用“加深/减淡工具”配合“椭圆选框工具”按前面所讲方法绘制出镜头周围的装饰物。再新建图层，载入摄像头选区，用“画笔工具”绘制阴影，如图--4.1-35所示。
9 i! Q0 U+ C/ i2 x

9 @! b# k: m5 q! m5 g
3 ?1 R% y1 k: w. D7 P0 T* ^图4.1-35 装饰物完成的效果
再选择“摄像头”图层，为它加上“枕状浮雕”的样式。新建图层，配合“椭圆选框工具”，用“画笔工具”在摄像头位置绘制出白色反光，如图4.1-36红圈中表示的部位。
新建图层，创建一个椭圆形选区后填充渐变，如图4.1-36所示。



图4.1-36 椭圆形选区添加渐变效果
缩小椭圆形选区后填充深灰色，用“加深/减淡工具”依实际擦出明暗（图4.1-37），绘制反光凸镜的效果。
  y% l$ g" E1 ~  Y* z
: v4 K5 a) R" A1 B- f3 f& M* w

图4.1-37 反光凸镜完成的效果
用“减淡工具”擦出白色反光，如图4.1-38所示。
3 h( R: Z0 y+ w! j' A

& j! e7 V' D3 u. p! T
0 c. I# j$ V5 z9 D. \) a, e图4.1-38 圈中即为绘制反光的位置
+ W* U( O. m- V4 z, G( o9 T9 x+ x9 |下面，我们来完善手机外屏幕部分。
选择“手机上盖”组中“银色装饰物”图层，将图形外缘选区载入。填充如图4.1-39所示渐变，设置“图层样式”为“枕状浮雕”，如图4.1-39所示。


. p; G3 ?$ {! I2 n5 |* g
图4.1-39 选区填充渐变、添加枕状浮雕样式的效果
不取消选区，将上半部分用“笔画工具”涂上白色，用钢笔工具绘制路径后用灰色画笔“描边路径”，钩选“模拟压力”，完成效果如图4.1-40所示。



* h; |. O$ ~7 I# }. _2 A5 O' v( W图4.1-40 为图形添加光泽
选择“外屏幕边框”图层，为其加上枕状浮雕效果。选择“白色屏幕”图层，按上面所述方法载图形边缘的选区，用“画笔工具”涂抹如图4.1-41所示灰色（色彩接近即可）。
  d5 A4 S9 w1 h% ~. v
. ~6 T) N+ \, R; U. t7 U
* j5 A2 U0 V- n7 U( D
图4.1-41画笔工具涂抹外屏幕的效果
; o' U; Z; b9 V. F新建图层，将“白色屏幕”选区向下移动若干像素，用“画笔工具”涂抹墨绿色，如图 4.1-42所示。
* i+ F# k: H# {) D' z+ l, ?


图 4.1-42 画笔工具涂抹新建图层的效果
& D1 C7 N4 U0 {  \( Z再次载入“白色屏幕”层图形外缘选区，按下键盘上的Shift+Ctrl+I 组合键，反选后按Delete键删除新建层多余的部分，如图 4.1-43所示。
! \5 u7 ~5 B6 f% S. |- W& P

" [- H/ J! m" H5 w
$ Q8 H$ }4 }8 I$ B- B图 4.1-43 外屏幕的效果
- c/ Y8 [& Q+ V; g选择“上盖”层，载入它的图形边缘选区，填充如图4.1-44所示设置的渐变。



# H: O9 A( E) B* G4 E0 l7 e图4.1-44为上盖层添加的渐变设置
/ T% w' s3 }/ ~- F' K* D0 _* Y

9 q( t/ y& Q4 Q7 |8 f5 E# j1 ~+ a
图4.1-45 上盖层添加渐变后的效果
在“图层样式”中为“扬声器孔”图层中的图形加上“外斜面浮雕”效果，如图4.1-46所示。
/ ]" ~: w+ ~! E8 h) j0 K

' Q" N* u! a1 X  M5 W! u0 L2 ?
图4.1-46 “扬声器孔”的“外斜面浮雕”效果
下面的步骤绘制蓝色塑料装饰物里面的小格子。
在“水手蓝”图层上建一层，设置前景色为黑色，背景色为白色，创建一个矩形选区。执行菜单栏上的“滤镜→纹理→拼缀图”命令，设置参见图4.1-47所示。
& U8 _* S- k" Y! u$ r# U" r1 o  c
' i4 ~5 Z/ j4 Y, [

图4.1-47 拼缀图滤镜对话框
按上面所介绍的方法，将该图形自由变换到图4.1-48效果。



图4.1-48 自由变换拼缀图的效果
设置拼缀图层的“混合模式”为“正片叠底”，删除多余部分。
选择“水手蓝”图层，为它加上 “内阴影”的图层样式，如图4.1-49所示。

/ N7 o$ G( F2 ^0 ^3 N% N
3 d' c& {& r6 y1 e
图4.1-49 “水手蓝”图层的内阴影效果
" `& A) k- n( _: c. [/ S; E1234下一页


+ Q  m. l" ^: [" Q* l& E

下面绘制手机的侧面部分。
在“上盖”层下复制该层，移动该复制层到如图4.1-50所示位置。
( L0 M: E; O; M- [) }

0 \+ k0 Z3 }. y5 q2 C
图4.1-50复制“上盖”层并移动后的效果
用“加深工具”加深“上盖”的复制层，如图4.1-51所示。
6 P; Y, P, f( X


图4.1-51 加深复制的图层
' S+ K8 c( S: Y5 }* F0 {" s选择“上盖”层，用“模糊工具”（快捷键R）将上盖层边缘模糊一下，使其过度柔和一些，如图4.1-52所示。
1 Y( _0 u- a/ z% Q. ?/ _3 L( r$ \0 U4 M5 m
: p% S' o/ ^2 y" |. r
4 \) z7 o! u' ]- v% @
, O. w* R5 o8 E9 u图4.1-52模糊处理的边缘
" o: Y1 @* V! u1 `8 ^  V2 g在“手机上盖”组下新建图层，命名为“宝石蓝”。载入“上盖”层图形边缘选区，移动到如图4.1-53所示位置后填充“宝石蓝”色（色彩接近即可）。
8 }* P9 I2 Y3 w: @% p" ^

. q2 e: D5 H2 q+ E) U8 h" [
图4.1-53 填充宝石蓝色的图层
在“宝石蓝”层上面新建一层命名为“倒棱”，用钢笔工具绘制出如图4.1-54所示的路径。



9 U$ f# ~( O( y% ]2 e8 G图4.1-54 用钢笔工具绘制的形状
' ~$ P% p5 r# y# J, H  u# _6 {6 ?将路径转换为选区后填充“蓝灰”色（色彩接近即可），用加深、减淡工具擦出如图4.1-55所示效果。
9 g; T& b5 u& ]$ C, R- a; N. [不取消选区，将“倒棱”层用较小像素描白边，如图4.1-55所示。
7 ~' `! m" E& k% s) J% D


图4.1-55 “倒棱”层填充、描边的效果
再将“宝石蓝”层描白边。按上面的方法继续绘制其他部分，“倒棱”层下面带有“宝石蓝”色形状的图层命名为“宝石蓝2”，如图4.1-56所示。
; q6 F8 K( T5 i1 I3 ~
# t/ |& X# y" B2 f2 N8 k. z1 O

图4.1-56继续刻划的侧面
用“选区描边”的方法绘制后面充电插孔，方法很简单，这里就不赘述。如图4.1-57所示。
: I4 c. e5 u% Y

& g. w' T5 I, O
4 P% S' C6 r$ P# J/ f6 l" y: o图4.1-57 手机充电插孔完成的效果
选择 “宝石蓝2”层，用钢笔工具绘制出如图4.1-58所示形状。
6 G: `* y+ j$ }
% P# f9 C6 q- T
- o- q/ D% E" ]
6 `% u0 V2 r7 m图4.1-58 用钢笔工具绘制的侧面路径
0 U/ n  I4 a1 D+ \- s3 Z% Y转换路径为选区后填充同该层图形相同的“宝石蓝”色（图4.1-59）。
+ S$ a* _7 G& z4 N) i
7 u' \" K( ~: O) N4 _! u6 t0 p

9 X) w# T6 K% a* W$ q! j! e图4.1-59 路径转换为选区后填充颜色
/ r3 l6 H, t7 X; l. [$ Q用硬度较小的“橡皮擦工具”（快捷键E）将“手机上盖”组中名为“轴”的图层边缘擦掉一点。再用减淡工具在“宝石蓝2”层上擦出如图4.1-60所示效果。
" d8 d+ _6 `+ P: z* N

7 N: L) Y0 g; a6 C0 g' R9 g; h
图4.1-60 刻划手机连接部分图形
+ _5 o) `5 _. c$ D! U( B/ b再将“手机上盖”组中名为“轴”的图层用“加深/减淡工具”擦出如图4.1-61所示效果。
- J$ u9 p& g% `+ g: {, S
; {* T2 f* }- o( i$ [0 L7 k
  F3 K8 u$ i) H1 \5 M- b% h- p
9 @1 T+ A' F1 V. @0 o6 w图4.1-61 手机连接部分图形完成的效果
' j' h  A. z  {4 f3 b下面绘制手机天线。在“手机上盖”组上新建图层，用钢笔工具钩出形状后转换为选区，如图4.1-62所示。

/ C, m. k" O; Y8 E& a" [' G8 w

图4.1-62 手机天线外形的选区
为该选区添加渐变效果（图4.1-63）。

" q7 @- q3 T( @4 I7 L( `

图4.1-63 为手机天线添加渐变效果
继续完善天线，如图4.1-64所示。
2 r* e  E. B9 ?& x: J. _
7 h7 {) m, W: ?
, y/ j' [! I' c, p; N
图4.1-64 手机天线完成的效果
添加上信号指示灯，和标志等。
8 P2 e' R) q8 L+ m' Z

% _& V- X8 t% k/ h4 Z- T6 O6 h6 ^, U
图4.1-65 标志绘制过程示意图
3 C" c) u& `: {6 R$ Z将“标志”自由变换变形后，放到相应位置，加上投影效果，如图4.1-66和4.1-67所示。
& \3 \8 `/ c7 Y) n& d
2 _3 F% ]0 L# [" g: x; j

图4.1-66 设置“标志”的“图层样式”对话框


/ B+ c6 Q7 R# }3 d, y! B
图4.1-67 “标志”图层加上投影的效果
) b" P, V0 f7 J7 \最后为手机加上投影和“上盖”的白色反光效果，这个绘制手机的实例就完成了。


5 \' H! {" u' A5 A  p
, _& G8 k( F; U4 g* k1 C6 q( R图4.1-68手机绘制完成的效果1234