用Photoshop鼠绘漂亮的MP3播放器

先看一下最终效果：


1、第一步是我们创建一个黑色径向渐变的背景。在任何颜色的油漆层，添加一个如下所示的渐变图层样式。



2、用圆角矩形工具（设置一个半径为20像素）创建一个该设备的主要元素，表现设备的形状图层（点击菜单上的第一选择）。
9 L+ I1 C0 u6 v* x


3、双击该图层上的向量，颜色编辑器将打开。我们可以选择一个#E1E0E0的浅灰色的颜色，进而可以增加表面的发光程度。



: z" d& `  z2 K
4、现在我们要创建一个该设备周边的一个斜面。在此之前，我们需要用PS标尺创建一个参考标准。点击这两个统治者收敛角，通过拖动鼠标，我们在放置光标的位置放置光标，这将使我们能够创造一个外围设备周围等距离斜面。
& ~3 i6 O' Y0 r9 e. b. P

0 g+ k, K0 v# e# g/ ^. v
  u7 l3 x; h/ a1 h' V+ u5、我们把这个图层的不透明度调为0，因为我们只是想看到一个表面上2像素的斜面。


* k; z. u' f1 U. z
6、套用一个1像素的描边，在设备的内部位置要使用比设备前面更暗的颜色。在这一步，我们要创建一个代表行之间的形状和播放器的前联合差距的线。

& C0 T5 b9 P9 l- p% V: l
7、设置2像素值以下的内发光。

9 e' Y% X6 B2 j% S9 d

8 l6 |8 @/ |. U" V* n' a( D8、给设备的前部添加软梯度，让设备更有凸出感。
; E0 ~( u! u9 ~! y
# a7 G3 x( \$ F+ k! p, ]

9、现在，我们将突出这个MP3的优势。要做到这一点，需要添加一条有挤压感有三维效果的线。然后在MP3的外表面添加2像素灰度中风效果。
) o6 i, x1 W+ D1 c% Q$ M

10、利用锥与浮雕风格，我们在这条线的上部区域添加光效果。现在物品看上去像是从上面打光，下面变得更暗的挤压效果。
" C. p) r$ Q; z, ^5 B% Q

$ |0 v% Y1 J) I' I
11、现在在这个图层上添加柔柔的，轻轻的内阴影效果，让播放器的前面更显突出。


4 k3 ?/ D. h2 T
5 M/ P3 _) T3 {* y9 n: I12、通过复制和编辑前面的斜面层，我们创造更多的代表不同的控制按钮的斜面。



0 I* h0 L" e' m. G13、现在通过编辑形状层来创建播放器的主播放/暂停按钮。重复第一个斜面，在边界以内画一个圆形物体。然后放大10％的水平，因为我们只需要那些斜面。

/ g! N/ V9 b& w+ \

: m* {8 @( W, w$ B( l/ J) f6 K- |8 }14、像下面这样在步骤13中创建的形状中应用软3像素面具。
% q& s* p, n# U


15、为了使面具隐藏对象和它的图层样式，在图层样式窗口单击选项“图层蒙版隐藏效果”。如果我们不选择此选项，这个面具只能隐藏形状，但是会把效果显示出来，而我们就是想要把它隐藏。
0 ?1 j8 a/ h- i) H9 L) K* ]

- P2 ?+ V' }3 U2 W% O9 E6 I16、相同的面具也将用于其他斜面，我们可以从之前的图层屏蔽掉。用鼠标右键点击图层里面的遮罩层的图标，选择“从选择减去层面膜”。这将创建一个和以前相同的选择。
/ ]/ F; q' d# @% X! W) F
4 J1 m( f! y+ P1 J( H
3 P; b! \* o) T
17、在这一步，我们将重复选择转换图层的步骤。
  ~, o6 n& b/ q4 K! K

( W% j/ u# L3 F* ~% _) j
6 ]' C- Z# o" K( q18、我们已经有了设置主按钮的斜面。现在我们需要给播放器创建一个显示器：黑色亚克力屏幕，在那里可以显示歌曲名字和播放时间。
. g+ b8 L0 Y7 x# T0 l

" v+ N& p1 V* ]) V7 K19、首先，我们使用阴影来创建一个光从上面射向底部的斜面。使用图片显示配置的风格，可以使图片显得锐利和清晰，而不是黑暗和模糊。

# }7 N! A8 o0 _  f* K

" E: B4 A8 m( C; u4 H20、现在，我们需要建立一个径向渐变。把黑色和白色两种颜色尽量靠近中心附近，那样没有这么多两色的柔软性。黑色占49％，白色占50％。
* O/ J0 K+ E& _/ z$ y1 }( G
" z1 F  {9 r7 z3 U7 g
, E9 U/ a( e7 ^+ W9 z( W9 Z6 S) y
5 N$ b" q' D8 E' c: s( i3 l21、取消点选该选项与层对齐。如果我们不这样做，梯度将只能从该对象的中心到边缘，我们希望梯度更大和更广泛。
' D# Y1 S& G" v& c- {8 O3 {
) r  b' A' T6 M( i) u
# m- z7 @( t$ B3 j  g$ H: K# f22、他出示您的镜面效果，使用两个类似于我们创建按钮那一步的斜面来做一个形状。使用一个一致行程内的黑色1像素中风。使用内部发光，2像素的大小设置为屏幕上的混合模式。

  `8 H/ C" o+ Y

( J2 V/ B1 q8 x1 P0 [3 M23、现在我们已经完成了我们的MP3播放器的前面。现在我们需要添加一些显示按钮和文本的图标。
1 l# Z) G, _" r
( J; R3 r0 y7 G6 t6 z1 g5 Y
7 A" F) X3 L0 {+ D* D3 u
7 q! v' C; |7 U+ N. h5 x2 F24、现在，让我们在显示屏上模拟显示滚动文本。使用像素化的字体，我们需要添加将播放的翻译名称和歌曲名称。你可以使用这个免费的字体。记得把走样移出菜单上的文字工具窗口，以保持文本尖锐。

! E" x% m& ^: z: Q
25、我们用其他位图字体创建计时器，指示时间的流逝。此字体也是免费的，你可以在这里得到它。



26、使用通用的显示图标和音频或视频播放器符号的字体。你可以使用这一个。一旦它被安装用来创建播放器不同的按钮，在这种情况下，播放/暂停控制（随着播放器的发展，您将需要创建两个国家的按钮时，当按钮被按下时，播放按钮变成暂停按钮，反之亦然）。
8 Z% Q! |! W$ s6 G/ m* l  P
2 }8 v$ S+ q0 @) ^. ]8 {- [5 u0 _

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



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



29、用这些操作可以减轻底部斜面。


2 `' I0 C% G( }) u: r6 l$ G- f
/ H2 p" M, r. f, J1 Z3 B30、使用柔软的宽度和坡度小的表面，让播放器看起来不是很枯燥。
! }$ J8 X0 ]* h; j3 @  F
5 {. U4 L' r) Q6 t, ]0 [
' L. u5 R' P3 g  g( |9 ^