PS鼠绘CD播放器-中国展示论坛

大家好，在这个教程中我将教你如何使用PHOTOSHOP精细绘制一个超写实的CD播放器。此教程要求对Photoshop基本工具掌握较熟练，当然初学者也可以从中学习到很多东西。
/ s- ~- G  ^2 }- ~8 W! l' o一、外形轮廓
% D( p& i! x, [) D首先我们要用选择工具箱中的选择工具在3个图层中分别建立3个基本形状:2个正圆形和一个长方形。
4 P; B) s( W- j' n% @6 \( N4 p) Y建立好以后用灰色填充。



4 _3 ^/ l/ O; j- ]  n


% J/ k) @* W4 Z% `7 R在用移动工具把它们移动一起，如下图所示:
' G1 ?% C  a* w! e  [4 t
! w; K; ^; F& A# E4 i/ D! A" ]2 j





/ _6 N7 t( ?" B& E. S& q7 H
7 s' A! f1 W6 p0 {8 L
. F1 m0 p9 z6 I3 l; S
  m/ ?! G% e: g; D8 [* A
, R8 h4 `7 ?2 @$ S% O2 ]* `
现在合并以上三个图层。
# J3 o0 Q$ O% o7 |: O# [* O' M现在CD的外形看上去有点长，所以我要把它去除掉一些多余的部分。用长方形选择工具选择中间多出的那一小部分，按键盘上的‘DELETE’删除掉。

9 Z+ i  p2 L+ Y: E1 u
. s. e8 ]- P0 M' I7 E# i$ B

8 `6 B' O" L8 Y# V. G

  d7 H% B1 Z3 H2 A/ Y5 N现在在把它们移动到一起

: J* ^3 u( _4 e& x5 E' s- E- C

6 D+ o# Q$ L  |* S6 }% h$ l0 z

现在执行编辑-自由变换-旋转，把CD外形的角度改变一下。
1 G( @" z3 {8 ]
# z5 I8 b5 {% g9 ?# ]3 f



现在CD外形的第一部分到这就完成了，下面进入第2部分的编辑。

1 n+ W+ q% Y& Z! @/ Y123456下一页

! O+ G: A( {. z9 E

9 Q! W6 ^- o& N- @6 ^$ h2 {
9 ^8 }& i) }2 }( o- u  o二、外形的立体化

第一部分做完以后，你如果想要更加完美还需要修改CD外形的上下的2个椭圆部分，让它看上去更加圆滑一些。
下面我们接着外形部分继续下一步的编辑。首先要做的就是添加一个渐变色，因此把前景色设置为亮一些的灰色，背景色设置为中间灰。然后用你设置好渐变色填充外形一直到你满意的效果为止。
/ b, O3 D: V; H. \- P- W" x4 S


' Z, H# h/ s4 H( }5 q

7 S+ V: W( E" v
8 `2 h2 T* {9 m' E; Z: i现在在CD外形图层下面建立一个新的图层，按CTRL单击CD的形状图层，然后用黑色填充载入CD形状的新图层，在用高斯模糊此图层5个数值。现在把这刚做好的影子移动到合适的位置。


- G8 W- Y. M6 S, M


$ A7 z+ @& P/ ^/ Q. \
# I! Q& U" ]* [# l; L3 i5 m现在，在前一图层之上建立一个新图层，并选择上一图层中顶上的一小部分椭圆区域，用深一点的渐变灰色填充，尽可能的做的与下图一致。




/ }( Q1 \, t% {( u
3 W) @3 K$ e5 W2 y, I
9 |3 ^. T6 n  n现在在建立另一个新图层，大致步骤与上一步一样，但这次需要处理的部分是右下的位置，请参看下图
+ G. v; V9 M7 C4 D




# C( K  q: _/ F* l
现在将此图层复制一层，在将其稍微模糊一下。如下图所示
1 C# _8 R$ m1 g6 u3 k, m( h. B

, T5 E) i& o+ L3 q2 e* |

  T0 N  s! t! F" \4 b
/ \0 k) R% F; A1 L: T! i  d
现在在顶上部分添加一条灰色的细线。如下图所示:
0 B3 o: Y0 O( W# P
, ]1 C+ K; n: m+ q/ |) z


+ d3 m4 ]4 m( H+ |& W, ]) Z1 A2 x
: @. y- R) i/ I% g' ~2 Q
现在建立一个新图层，载入CD外形的选择区，执行编辑-描边，描边颜色选灰色，位置为居中。其他设置保持默认。
3 Y5 M8 H- V3 L: l$ ?8 g, N* _





现在一个漂亮的外形已经制作完成了，希望你能从中获得快乐。让我们继续下一部分的制作。
$ [/ _5 ^: N  s9 [: ^/ q
123456下一页
0 P. s$ q" ^2 Y- r/ K' o1 d  r


9 X7 t8 Z9 W4 k三、CD机凹槽部分
: b8 ?( C5 I4 B& G/ {: j/ W
; ]% H) G. ^6 z) Q- F首先在CD的外形轮廓的图层上建立一个新图层，在用按住SHIFT用圆形选择工具作出正圆，并将它放置与形状图层的中心位置，在用中性灰色填充，并用滤镜添加杂色。(滤镜-杂色-添加杂色)





* s  ^* k, u  T: b+ ?0 p" S
现在用钢笔工具在图中做出以下路径，然后建立分别建立2个新图层，之后在路径工具栏中选用画笔描边路径;分别在2个图层中用黑和白色进行描边各2次，然后将用白色描边的图层向下轻移1-2个像素，(画笔的
2 A% O+ d6 ]5 \, Z- I; m7 d! ?大小设置为1像素)如下图所示:
3 O/ Y' S+ c: Q3 n. ~/ q







$ J8 k6 m" R1 K' j
0 \0 r" A/ x/ |0 ?" M
; Z/ v- Y6 i" l
, m1 B( E8 q5 U7 W/ T- }* N/ l
在用与上述同样的办法做出下面的线条

. [6 J' g- g/ {( T

$ Z7 S) O7 y% t4 V6 Z

( A* U/ z; [2 i& M; U9 o1 O现在把下面的一小部分区域用椭圆工具选中，然后用亮度/对比度命令把选中的那一部分略微调的亮一些

& P. I$ F! }8 }

/ e1 Y6 h7 a5 Q, M2 `/ G
. |& G7 l" G  j+ M! o% w1 e, }6 m
, K/ y3 L5 \# r* Y- m' b
到这一些主要的小的细节已经做完了。下面在来看看CD上的按钮是如何做出来的。

123456下一页

4 K* d# x$ u3 Y( t# |5 A% c/ W+ H

! v; D+ M1 n  q9 e四、按钮部分
/ [0 M2 o$ E' B0 z$ M
这幅图片是第4部分的最终结果，你的结果将必须与以下相一致。


3 f/ {2 ~1 g! p. t# `; U! _/ x
) w4 Q( H) D; Z, G


4 s$ Z; ~2 g% e' t: {首先要做出按钮的外围轮廓区，用路径做出形状以后在用灰色填充，用加深和减淡工具处理好高光和暗调部分为了方便编辑，请事先用放大镜工具将其放大到合适比例。


3 `$ ^* E& t6 C5 \0 k; ~9 V
* j# h  r- E5 f( F7 W$ s/ p

现在用椭圆工具作出轮廓内部按钮，在用椭圆工具建立好形状以后在用白色到灰色的渐变色进行填充，最后载入其自身选区，用黑色进行描边1像素。

- \  ]6 [: c3 C$ k( M3 N2 a
$ I' r. ?1 B) O! w" E( ~, M


: d" w1 {  I3 e: K7 Y1 G在将其复制一个放到轮廓中的合适位置。
: w2 Z9 a/ P  e) v0 V+ ]6 U7 o


* {. I- F- O$ C5 K1 X& h
1 ]8 J# Q+ Z7 l8 q6 K8 R
$ I3 o7 D/ g9 D# F  b. j现在将缩小到正常比例来看看，看上去还不错。
% B" P' x! O6 G# h! Y, ~
7 F6 L) Z6 h1 B- {% o: m
5 `3 _( x+ [5 X8 E' n
/ O/ r9 v7 A! A( |
% ]9 q& _# l- w& m. m7 }
3 a7 i! W# y3 q# o- U另外两个按钮的制作方法和以上的按钮制作类似，这里就不在赘述。



: b7 U% f. Z. [* O

  T9 N& c! Q9 P( F  w, h7 l& a用自由变换工具旋转按钮到一个合适的位置放在CD上合适的位置

' F+ ^9 P0 E; y
( f$ V. p7 A1 e# }
$ M. i" T4 \, J- w

) ]* ]( ]. W) W$ \1 o
按钮的制作到这就结束了，继续进入第5部分的制作。

123456下一页


" V) j1 r& ]! v- C3 B+ ^) y
0 F$ M# R2 I3 g! c5 ]1 X五、修饰文字 屏幕

8 P+ y5 R/ X# ]1 B这一部分要制作的东西包括修饰文字，显示屏幕，同样的我只捡只要的进行讲解。该部分最终效果如下所示。
2 t+ |! t* p- \0 O  c8 f/ D
! d/ b3 @/ Z3 Z( Y6 I  _1 o" o  i
' W* X, K1 b* y) j& I( r


首先来制作屏幕，用多边形选择工具拉出形状后用黑色填充。
& ^9 d* b# z# n' d: e


% P( R% h2 d9 S4 _+ Z$ Z
8 a2 f! Y4 p2 c' b7 \1 h( s. C2 \
在分别用多边形选择工具作出一下几个部分并用灰色填充



& H' u1 k! L* F
1 k8 G4 U( S7 H

' s$ S3 m4 n' s/ ^" H
2 ^; d' Z5 Q, X' _2 A; {9 W% v+ A1 g
: S' m" V4 x' Z
- w& I+ D# b9 F4 H2 K! i
3 b% A7 X; z7 ]* b
* [% |0 I) b1 q


$ g8 X* k8 K9 Q3 Z
, l+ B( ?. Y# z6 U$ y' t直到和下面的一样

& O2 Z" I) r8 a( Z
7 @- ^* D' j, ^
# C4 t- p1 H2 j4 D- l( G! O& X/ x( u# r! W
+ j3 S7 }/ X) |/ ]$ g
" Q  @* Z5 V1 ]: A  |现在用文字工具为CD机上添加一些基本的文字



( a/ I2 W& H* u7 O. }' I7 A  I9 `

9 a0 l# z4 b6 J) Q: |
3 D/ x& P$ D$ _$ o) p2 m到这整个CD机基本上算是完成了，下面我们进入最终步骤的制作。

123456下一页



% m% W% K7 p7 D六、最终调整

现在开始CD机的耳机线的制作。
首先做出以下形状，然后填充黑色。(用路径或是多边形选择工具制作形状都可以)


) `( P+ b( g2 d. w
+ r+ M3 v$ w# w/ L6 {

用多边形选择工具选择出反光的区域，然后羽化1-2的像素，用亮度/对比度进行局部加亮处理。
2 ^9 L0 ?) U2 {
; X# V( l% ~6 v2 h. o
/ c* E; C( k6 m* m+ n* U


现在用椭圆选择工具做出2个圆环，用黑色填充后在用加深减淡工具进行光线处理使它看上去更有立体感。


0 P( R* Y( B. A
3 s$ b, Y+ t  s2 |9 k1 m

现在用和上面相类似的手法作出下面的部分我就不做具体阐述了。
( p0 G- _% t  m' \
" j' C1 D: w2 u7 |+ o# c


& Q8 {. Z$ S  w4 U
将图象在缩放到正常的比例来看看。
* l% m5 p' S" a1 |2 L


0 D1 m- c5 i' ~/ C9 Y! W

现在用直线工具作出一条2个像素宽的直线。
* p* }$ \3 c$ Q$ r7 o


$ u. U% Q% _( r
2 k( ]9 U4 V+ s+ b0 y
现在用滤镜-液化命令把这个直线弄弯曲。
$ k* p9 E1 `6 J3 _+ [% o

% d: T6 Q/ c' x& j5 h) B

  F1 H! t9 m; K5 |6 X( P
现在复制被弯曲了的线，将其移动到合适位置。。

9 ?8 z* G5 L! ~8 Z3 B
, z: w) q- n$ d- z4 n' x1 l0 X

, `/ k* E, l6 f8 z, t* c7 C. v
# h0 d6 l: U" @* z- {) @现在把耳机线连接到耳机上。
5 Y/ S- T' @/ K+ u
# a# i6 _9 y7 e; a% h' [. a7 a7 }3 S
7 p, J3 |- h* D) a  `) g

  _& F- e1 M- f7 b2 H& \
' B$ e( H& {9 ~+ A现在合并耳机线和耳机这2个图层，在将这个合并的图层放在原图层之下，在用高斯模糊几个数值并放在合适的位置，这样耳机线的影子就做好了。

$ s$ Q; j) ?& Q# }4 P, n

5 b0 M0 K4 C/ T8 F! l4 G1 {
5 Z$ t! v$ E5 ~. [) |  J
来看下结果吧
1 I3 b  g2 F" i$ b) O: t  @


2 f! {& Q( |' n, G7 z4 m+ ]. A


- a5 N4 U: Q! ~0 h6 T0 H5 `4 V怎么样？你是不是做的比我要好呢，祝你成功！123456