用Photoshop鼠绘漂亮的MP3播放器

先看一下最终效果：

& G3 S: r: S! b& U8 I
. _, S9 O5 p2 N. N1、第一步是我们创建一个黑色径向渐变的背景。在任何颜色的油漆层，添加一个如下所示的渐变图层样式。
( C7 W. r% \1 Z


: Z8 Z% _/ ]3 J2、用圆角矩形工具（设置一个半径为20像素）创建一个该设备的主要元素，表现设备的形状图层（点击菜单上的第一选择）。


$ T: b. O$ S& D, Y
3、双击该图层上的向量，颜色编辑器将打开。我们可以选择一个#E1E0E0的浅灰色的颜色，进而可以增加表面的发光程度。

' W( n) ~0 @) p2 m( n
) c- J# b& b$ G& o

4 S( W$ |% D( B; h# {+ t4、现在我们要创建一个该设备周边的一个斜面。在此之前，我们需要用PS标尺创建一个参考标准。点击这两个统治者收敛角，通过拖动鼠标，我们在放置光标的位置放置光标，这将使我们能够创造一个外围设备周围等距离斜面。
4 `! \+ [2 p' ]- l+ M2 Z& y  L2 s
) ]. {  B2 w1 k7 v/ h7 E

  s3 o- F% [5 i9 L6 W% M5、我们把这个图层的不透明度调为0，因为我们只是想看到一个表面上2像素的斜面。
3 y: s' n7 ^8 [) e9 \! b8 Z

) T- i+ N% {$ o- B; Y- M; `6 Z0 O
% m5 \8 s% o. l- D6、套用一个1像素的描边，在设备的内部位置要使用比设备前面更暗的颜色。在这一步，我们要创建一个代表行之间的形状和播放器的前联合差距的线。
' s$ D, R6 Q' M; i2 K1 {
1 A9 f0 F0 F/ s1 O( w% M
  X' I; j8 F* A) V8 x/ K6 |: d7、设置2像素值以下的内发光。
" q! o, h6 N8 K7 H( J$ Z
1 B" C' Z; Y7 [7 R7 o& ?
5 Q" x) r- Y( A& k9 H9 G& d
% R7 N& ]: v7 ?8 F8、给设备的前部添加软梯度，让设备更有凸出感。
( ~! l$ n7 L) }

* J+ _6 V; y8 G4 {# u
9、现在，我们将突出这个MP3的优势。要做到这一点，需要添加一条有挤压感有三维效果的线。然后在MP3的外表面添加2像素灰度中风效果。
8 I+ @3 a# y: K7 Y5 [2 o
! |: G, V) o8 A
10、利用锥与浮雕风格，我们在这条线的上部区域添加光效果。现在物品看上去像是从上面打光，下面变得更暗的挤压效果。



  K3 z& ~2 T. t11、现在在这个图层上添加柔柔的，轻轻的内阴影效果，让播放器的前面更显突出。
$ F$ {3 X1 @% M2 t
) x* J/ ~1 t- h3 F  z( b
* b' I3 U- |0 `7 t
12、通过复制和编辑前面的斜面层，我们创造更多的代表不同的控制按钮的斜面。

2 [1 B# s' c9 x! a8 L
! o/ L4 b2 C* u& f' m4 s
13、现在通过编辑形状层来创建播放器的主播放/暂停按钮。重复第一个斜面，在边界以内画一个圆形物体。然后放大10％的水平，因为我们只需要那些斜面。
/ D$ q, @: M5 i3 O


# j5 Y% G+ C, q1 K/ B; u1 f14、像下面这样在步骤13中创建的形状中应用软3像素面具。

5 X1 M9 ^* ?' V+ o

15、为了使面具隐藏对象和它的图层样式，在图层样式窗口单击选项“图层蒙版隐藏效果”。如果我们不选择此选项，这个面具只能隐藏形状，但是会把效果显示出来，而我们就是想要把它隐藏。

+ x: w9 v$ k* u5 I0 t7 V
16、相同的面具也将用于其他斜面，我们可以从之前的图层屏蔽掉。用鼠标右键点击图层里面的遮罩层的图标，选择“从选择减去层面膜”。这将创建一个和以前相同的选择。


% b; _4 s3 @. p& _# w& g
% c1 l0 Z$ {$ h. e% @: E17、在这一步，我们将重复选择转换图层的步骤。

* ?1 D& L; y9 W' T9 C. O' i$ L* P
! H2 W8 u: S& R" h6 R* G& k0 ~/ V
18、我们已经有了设置主按钮的斜面。现在我们需要给播放器创建一个显示器：黑色亚克力屏幕，在那里可以显示歌曲名字和播放时间。
0 i8 H; O* T! |3 t7 Z
8 n- w( }* K4 ?. M
4 o) ~7 X7 }  \- w- \" Z7 g/ a19、首先，我们使用阴影来创建一个光从上面射向底部的斜面。使用图片显示配置的风格，可以使图片显得锐利和清晰，而不是黑暗和模糊。

7 A7 m) F' `8 w, k. E4 [1 _
# l7 u1 S3 g/ u* }" }4 e& `
6 }" c! X) J. x. R- I20、现在，我们需要建立一个径向渐变。把黑色和白色两种颜色尽量靠近中心附近，那样没有这么多两色的柔软性。黑色占49％，白色占50％。
4 y9 J$ K9 |# [, B9 p8 Y2 h8 j

- Y, X  u/ N# v
21、取消点选该选项与层对齐。如果我们不这样做，梯度将只能从该对象的中心到边缘，我们希望梯度更大和更广泛。
, x% @4 L; @. h( T4 _1 t  f

22、他出示您的镜面效果，使用两个类似于我们创建按钮那一步的斜面来做一个形状。使用一个一致行程内的黑色1像素中风。使用内部发光，2像素的大小设置为屏幕上的混合模式。
2 f+ D8 p/ e# h. Q) {

+ C9 D3 |; B+ Q, ?5 x! ?' E
" w6 K% L6 l+ R0 m23、现在我们已经完成了我们的MP3播放器的前面。现在我们需要添加一些显示按钮和文本的图标。


6 A6 o: `3 x: i1 c4 G( [( M
24、现在，让我们在显示屏上模拟显示滚动文本。使用像素化的字体，我们需要添加将播放的翻译名称和歌曲名称。你可以使用这个免费的字体。记得把走样移出菜单上的文字工具窗口，以保持文本尖锐。
  F. a, ~8 \1 \6 n

$ Z/ ~0 j; l2 \# s: |7 u: B0 E25、我们用其他位图字体创建计时器，指示时间的流逝。此字体也是免费的，你可以在这里得到它。
) z3 O! B% U( I0 k; h- c/ F
- b9 W" _. C: b: N' g( z/ P) U3 o
$ V1 o' ~" \; u1 {; I: U
. S) ]! M( @: Q- P. G' ~- \5 }! M26、使用通用的显示图标和音频或视频播放器符号的字体。你可以使用这一个。一旦它被安装用来创建播放器不同的按钮，在这种情况下，播放/暂停控制（随着播放器的发展，您将需要创建两个国家的按钮时，当按钮被按下时，播放按钮变成暂停按钮，反之亦然）。
5 t" A6 \8 s0 c; n" K3 R, A5 }' D: `


27、对于这个符号，我们使用和前表面相同的颜色。用颜色选择工具，我们可以绘制文本。



28、现在，我们可以包括各种不同的款式，让播放器外观看起来像浅浮雕标一样。使用内阴影下的相应值。

5 z# ]0 H, h) `+ A7 D- K" Z: j# K

% G4 d, t; J" [+ o- O29、用这些操作可以减轻底部斜面。
5 c4 D7 D; R: h

/ T1 F7 ~! a6 H: X3 ?4 W3 D% h" s
30、使用柔软的宽度和坡度小的表面，让播放器看起来不是很枯燥。

8 V; B" a$ w1 ]& N2 }# E: Q2 A