Photoshop制作一款时尚的耳机-中国展示论坛

本教程介绍耳机的制作方法。制作的时候重点介绍其中一部分的制作过程，其它部分基本原理一样。先勾出图形填充颜色后再调光感。 最终效果1





, G) L& w9 K: }0 H


# y, N5 E- g( x9 X4 h
最终效果2
) k4 c; H2 a( X" \! ?" {% f, U
" p0 c' I/ N) j+ [9 u, A& r
; b. g# e: B- C+ P2 C5 E& l5 G! r
5 b, _" r; B  Q* W2 s8 |

$ h0 Q; g; B$ b. A# }. {3 Y


. y5 u8 W1 e3 s

4 j( i# N8 H8 E4 }( y1、新建一个450 * 450像素的文件，背景拉上图1所示的黑白径向渐变。
0 C* y( v% v' b4 t0 B
0 i9 {! x% B+ |7 m4 M3 p! Z# H
0 U# x$ e5 A$ ^0 S


  Z1 ~$ ?7 P" y  s+ B



2、新建一个图层，用钢笔工具勾出图2所示的图形路径，转为选区后填充黑色，填充后不要取消选区。
: H4 @- L- ^( _3 F# p0 Q0 V

, }! c3 X, i1 i0 y* l
3 |* q+ v5 C/ ]" \6 G# w+ i. {
9 @! A+ `( L" a, a1 U! e; F' @
2 Q' G2 x2 k* d. G, X9 j" Z& r+ Z

# V7 ?7 Y/ L1 V+ Z2 u


) G2 h, \  a& g3 R1 L; g% i3、新建一个图层，把选区稍微往下移一下，如图3，按Ctrl + ALt + D羽化，数值为5，确定后填充白色如图4，也不要取消选区，再把选区往下移一点如图5，然后按Delete删除，效果如图6。
3 y- p% W; C( q* T


- l9 x" x0 X3 }4 C

2 [  c0 e5 I2 |" M
6 @; J5 q. v$ y% k) t) X

3 a5 f% b# t$ T# p9 I/ I/ Z
( c7 }4 N. }2 w+ U% Z9 w7 v
9 O4 k, k3 P; K- f* y



; F9 j! X+ R; i8 J! y5 u




6 Z0 X. |5 q: G
8 ?) t( X9 o& K1 R. o" X

- ?/ |* ^+ F" ?; S1 R

2 x$ v; s5 ]& j/ P
; J! u4 I! R* H# `! x& `5 p4 ?$ H
; w6 c3 [, `9 A8 B2 R

4、把图层不透明度改为：40%，加上图层蒙版，用黑色画笔，透明度为：10%，稍微把边角部分柔化处理，如图7。
. h0 \1 F  y. R3 ?7 @
# w' V! c+ G3 N0 B* C
& w; g1 J- \8 y/ {7 G

% ^. E8 ~4 Z7 O& n2 @


! H$ m8 v0 A) e0 h5 z, `) }5 ^
/ V' ?1 F- A! a! ]* S, d
" f( W5 {# M4 t& }2 Q# `/ f# G4 |" k5、新建一个图层，用钢笔工具勾出图8所示的选区，填充颜色：#C33B7D，取消选区后用减淡工具，曝光度为：15%，把中间部分图亮一点，效果如图9。
  h( S% H5 _1 c+ r% a+ m

8 l4 x# H+ r7 }; d# N) w5 Q

* {' Y0 U8 `+ W2 s% B5 \
: N( I0 p- H) p

+ i' D3 }* K+ _/ k/ _
1 m, Q3 j3 ]9 G" e" k, ^

  M9 F, Q$ t+ X% `: Y& D5 ?
# ~( e4 Q' c. X0 E$ `; P& L
9 z$ R! u( u4 G8 d; R
; m$ D2 S- ~6 E( U7 m

" p- H6 e; I! S
5 q0 }3 v# R, r2 c9 |+ I/ x$ V5 `6、新建一个图层，用钢笔工具勾出图10所示图形填充白色，加上图层蒙版用黑色画笔把边角部分涂掉，效果如图11。

  X; w/ N* s9 H9 K3 {$ r' X
7 _" ^! e; c$ W+ M8 A/ m2 E

) s" f6 f  u0 O$ {' }

; i* U, i$ D' j) g: u# j2 m
# _3 R: k* h) f" N2 O. K
5 ?9 F3 B$ M" M6 ~; I+ _; x
1 v% ~/ Y, N* D) s
# W5 a7 T  X/ [) ~1 J
: J; W4 U) Y" _% u+ \# M
1 |- x" `. J! C1 u% \$ t! C

1 D; I" }% c" E/ g0 }
% ^  {# T6 \7 I! X, |, j( L7、新建一个图层，同样的方法制作其它高光。
1 ^. k' v: \  [( s) |
3 k. `* ?( h/ H


0 b/ d$ [% E' X* }, M9 N5 B
6 b" j9 x+ a- y3 h3 f! A- n

4 r! {3 s; N* q0 |: i# [" z- G  B
! d0 N7 }1 @# q) P! s" l2 g0 B
4 [, a; G. w5 ], g. A
# D/ A% N  T& t- S8、新建一个图层，勾出外表面，如图13填充颜色：#F77DC6，选择加深工具把上部加深处理一下如图14。

  w6 u5 b2 O1 j9 \5 k4 K
, ~# z  A$ I- E% L( q6 r
3 p+ N0 [2 f; n$ B4 y! d) {) H" u
: D  w' b. ?0 |" U$ q; v

( V0 {0 Q. Z6 G0 U
! w- z4 K; l7 o  o. Q
4 ?+ y6 z6 f' q4 {
0 x5 e4 c9 j$ N3 s& z
/ B/ U0 v* E$ V' T* [- w  J2 d( w* }
2 e% T/ H  A5 x' Z
! S# Q" W- B, {6 q" W: m- Q2 I

* d5 W! f6 k$ \' \3 D; }
9、新建一个图层，稍微加点高光如图15。
+ t1 n- ^8 w( ~
5 b4 T9 u$ T; P1 Z5 d
* U6 D4 L, S# t. A" S

5 t' Z$ H/ J+ O) W/ e

) N6 z2 n- A& V6 t( e$ n" O


' N2 G0 L/ C7 ~' c; s* ?
, \% M; h- k, P3 O* F7 I9 h10、新建一个图层，勾出如图16所示的选区填充颜色：#F72CA9，然后把图层混合模式改为“颜色减淡”，加上图层蒙版把上部涂掉一点，效果如图17。

/ K7 K) N$ {, E4 S- a1 J4 Q/ ]

. g6 ?9 g, A. e



. t" z$ z5 o% T0 {5 B# ^( w2 g) n
  @: N) T- r& M, ^: U7 n* _, B

, l# a/ {1 w  T& U% A( l' W
* }! a9 a  }7 |* K- I, T5 X! p/ t. I
& j  c; m( D. s9 f7 V
$ F3 m3 S% }4 L0 q" J
! V! P* D' |. X/ w2 j6 d9 p
, L6 k1 U( w" r  t- Q: z9 ^& p2 U11、到这一步基本上都是按照前面的方法来制作，先用钢笔工具勾出构造部分填充颜色后再调整高光和暗调。制作的时候就不再详解。新建一个图层勾出图18所示选区，然后把前景颜色设置为：#B4085A，用画笔把底部涂暗。


4 @  E! F2 ?- k7 a7 K2 l2 I
6 g( j0 }0 x6 l: j2 u



. G8 O- P3 \! _0 v2 D1 S- {

12、加上一点高光如图19。
( r: B6 J: u$ S. ^4 C& k
* ~! |/ Q( Z4 G- G4 U9 m% M) I



5 M) x$ |7 W8 S  U' M; V


# @& `8 u  \* s  ]+ \7 O

% B! h) [& a5 u  @, i2 J13、接口部分的制作如图20。
6 ^5 t( \$ @1 l; g/ c% B
; m8 O+ E: x2 m  L9 A6 g
' ]- q' n& L' }, p, I  ~
% v6 i+ Z. O. N
; R8 f# r9 ~; t% h# M

- V% _! }/ G( T! u7 @! h- k+ ?9 y
1 b; r; f" w- Y& t$ R
( |# g5 q6 {6 N) X* h
1 E# {' C% G# M3 ?14、黑线的制作。制作的时候需要新建图层，最好是每一个构件放一个图层，方便修改。
7 @' g) r2 _+ a2 `3 b
' Y9 B( k5 D9 _+ u* l; s

9 Z3 p: f9 r* K6 R: b8 T; T6 p) k

4 h4 q- u; P9 W+ }$ U


/ f5 w, C# i- c

' ~/ }9 x$ Q4 B15、其它部分的制作，如下图。
' X3 z7 [9 e) P4 V4 f
2 w  Z$ [. m: y8 r# [
, Q1 N- H1 k& M8 |8 _' R$ w
  ]+ {+ P7 e1 {6 h3 I6 s* Z" A
# z+ I& {( |# c
: o8 N8 i. h8 ?6 L# m& m5 \/ j8 u
% c5 x2 E5 L) r2 a' k* a. j% @
% C0 s) Y" X- I7 Q

& ^8 V5 {6 }/ k/ \0 c, T

. a2 _$ @. r3 s% I' r6 X




6 o1 K/ Z; @+ ]; e6 i
1 H+ e9 D  u4 A7 [3 s
9 W  }% V5 o- i
) A* F1 `; W4 f3 S" B, G: [
& b7 W8 Z$ d$ m& J- G! M3 J
16、最后整体修饰下细节，局部调整下光感，完成最终效果。


% _4 }: W+ ^; ~' Z4 q! j

! }% [# W2 \: m