中国展示论坛

 找回密码
 注册中国展示论坛

QQ登录

只需一步,快速开始

搜索
中国展示论坛 门户 查看主题

用Photoshop鼠绘漂亮的MP3播放器

发布者: gggds | 发布时间: 2014-11-8 21:17| 查看数: 4913| 评论数: 0|帖子模式

先看一下最终效果: 5 _8 o, b' g. Z1 r5 s: E

9 T& x% _# }7 P9 y3 A9 A 2011022411435114.jpg / ]) A  A  U$ B9 S. E
1、第一步是我们创建一个黑色径向渐变的背景。在任何颜色的油漆层,添加一个如下所示的渐变图层样式。 ' B) |7 u) r  g7 Z

, ?( L3 r& m! q  ^& I 2011022411435124.jpg
. n+ M. L: I8 c2 k6 ], \: f4 @
5 I; }* ^4 B& l. @3 D& J# e  w1 G2 ]2、用圆角矩形工具(设置一个半径为20像素)创建一个该设备的主要元素,表现设备的形状图层(点击菜单上的第一选择)。
5 L# t/ a$ i3 M
# n  g2 C& ]0 f0 n 2011022411435204.jpg ) U7 T' S% t+ y4 Q! G  `% j

# f* ~: Z: R. S0 G3 b! R3、双击该图层上的向量,颜色编辑器将打开。我们可以选择一个#E1E0E0的浅灰色的颜色,进而可以增加表面的发光程度。 8 A6 e3 f$ K1 y* Z1 d4 r
0 c3 c4 H  i6 g% v' ~' z6 |7 [  q* j
2011022411435224.jpg + Z; q9 Q! w5 f  d7 G

, @% a6 E% F9 g
* U: V' t0 t$ I" C& ^  p4、现在我们要创建一个该设备周边的一个斜面。在此之前,我们需要用PS标尺创建一个参考标准。点击这两个统治者收敛角,通过拖动鼠标,我们在放置光标的位置放置光标,这将使我们能够创造一个外围设备周围等距离斜面。
$ a5 |) X* V& G' @. V
/ D( ^0 c/ B+ E1 C 2011022411435236.jpg
5 }. o, X/ S& M, s+ b. ]" I+ p7 z$ [8 _
5、我们把这个图层的不透明度调为0,因为我们只是想看到一个表面上2像素的斜面。
# [7 n3 T0 P- {& [) Y7 y! C! q& _( P4 M" M4 R3 h) f3 G, L
2011022411435302.jpg 5 C! J, N3 j8 a' @- `

8 m. Z2 F5 m2 L) e6、套用一个1像素的描边,在设备的内部位置要使用比设备前面更暗的颜色。在这一步,我们要创建一个代表行之间的形状和播放器的前联合差距的线。 7 j' a; S6 ~' o( w# D' g

$ _, G/ ?2 b5 M9 k* z 2011022411435316.jpg 3 e. G" f/ f6 s! H4 x/ @
7、设置2像素值以下的内发光。 # q) @  v/ z/ L

# i9 ~( y; ?1 d5 h 2011022411435360.jpg
1 O5 Y' f* V* m/ U& k) [8 }1 v( C
4 g( N  u, i7 v" [, M8、给设备的前部添加软梯度,让设备更有凸出感。 / \% c: [6 y! `7 D
+ D+ L  D( q/ G; ?% j* f$ z7 |5 u
2011022411435365.jpg
. k6 z+ d4 V* H8 _# k3 J1 }1 s1 I. }9 W
- e( u! M. J, |/ H; m% n9、现在,我们将突出这个MP3的优势。要做到这一点,需要添加一条有挤压感有三维效果的线。然后在MP3的外表面添加2像素灰度中风效果。 , W) Z+ p& m2 {- O- r. Y

/ P  P' u  F  [2 x 2011022411435490.jpg
; M: N7 {5 t: }0 M- y10、利用锥与浮雕风格,我们在这条线的上部区域添加光效果。现在物品看上去像是从上面打光,下面变得更暗的挤压效果。
9 G/ U/ F8 q. M. _( |. @4 ]
8 C; n# m& q" U7 O, i7 I, T7 c: z; K 2011022411435466.jpg $ z( |9 E6 q, N+ L8 I+ U

, n# v2 C, \+ I5 W* D  p$ S11、现在在这个图层上添加柔柔的,轻轻的内阴影效果,让播放器的前面更显突出。 5 K  |1 W+ g) R) q. O( K

0 d5 R' N. }2 U' ]) o 2011022411435560.jpg - d$ m* p+ H" Z
% \; T' I4 y2 S- ?0 q: L
12、通过复制和编辑前面的斜面层,我们创造更多的代表不同的控制按钮的斜面。 ; v  @$ A8 [' S6 ^1 }: j3 O2 `

* c$ N6 z; b6 \4 i' f4 Y# O 2011022411435531.jpg
; Z" d( B/ j$ i3 z7 {
: o0 l6 v) u; @* R/ |' Y13、现在通过编辑形状层来创建播放器的主播放/暂停按钮。重复第一个斜面,在边界以内画一个圆形物体。然后放大10%的水平,因为我们只需要那些斜面。 ! R* n! ]! x/ J4 U" }- w

8 m; L/ t" g0 k. p/ ^# K7 d 2011022411435598.jpg
: H0 F/ U3 O, E7 \% D( N: N5 M: u, w1 y6 A; k* P; q* E8 J
14、像下面这样在步骤13中创建的形状中应用软3像素面具。 ; O2 Y1 w5 W5 n$ g
9 G1 @# o4 h* e. ?
2011022411435668.jpg
; v* v( A' o. _& r% L* @/ u3 u! O; f/ o
15、为了使面具隐藏对象和它的图层样式,在图层样式窗口单击选项“图层蒙版隐藏效果”。如果我们不选择此选项,这个面具只能隐藏形状,但是会把效果显示出来,而我们就是想要把它隐藏。 ; ^6 W7 F/ p0 H2 f5 Q

! g  T& n+ F5 g) m 2011022411435633.jpg
) j7 q$ T% @+ }) i; R, v8 p/ @16、相同的面具也将用于其他斜面,我们可以从之前的图层屏蔽掉。用鼠标右键点击图层里面的遮罩层的图标,选择“从选择减去层面膜”。这将创建一个和以前相同的选择。 0 W( {! t4 {0 w% a1 p% B

2 W* T9 [# ?7 ?/ c- j 2011022411435767.jpg % f* Z; [, g2 O3 X
# b2 L" I( O( l) {+ d& F/ g# `
17、在这一步,我们将重复选择转换图层的步骤。   j# ~) o% j8 X1 q1 m
, J: J  c% W  |
2011022411435745.jpg $ Z3 |, b  v+ k8 E* ?$ Q2 _

. h! G) V4 }, N18、我们已经有了设置主按钮的斜面。现在我们需要给播放器创建一个显示器:黑色亚克力屏幕,在那里可以显示歌曲名字和播放时间。 1 U7 B% {. t: I7 @" E

0 x& `& A# {; V& B, ?) ~% F 2011022411435730.jpg " H3 D$ t8 y# {/ p
19、首先,我们使用阴影来创建一个光从上面射向底部的斜面。使用图片显示配置的风格,可以使图片显得锐利和清晰,而不是黑暗和模糊。
( Q$ s- [7 |* {: u7 x1 G
  x5 T- j' H2 q9 i9 x3 B 2011022411435876.jpg
! T. b5 R9 F( O$ v, G7 Z& y, _1 N: g: ~9 i' m2 W- T
20、现在,我们需要建立一个径向渐变。把黑色和白色两种颜色尽量靠近中心附近,那样没有这么多两色的柔软性。黑色占49%,白色占50%。
  r  }( `; U+ `) n1 C) m3 f6 c: N' c; ?3 N
2011022411435857.jpg * h2 {. W" p/ v  y
( a* l' C0 N7 _) S9 B7 q
21、取消点选该选项与层对齐。如果我们不这样做,梯度将只能从该对象的中心到边缘,我们希望梯度更大和更广泛。 ( e8 E5 f( q  ]# }1 R9 A  w

* L1 Y, ^8 C' Q! R 2011022411435847.jpg
: I8 F6 a& I0 f5 t* L- z  V22、他出示您的镜面效果,使用两个类似于我们创建按钮那一步的斜面来做一个形状。使用一个一致行程内的黑色1像素中风。使用内部发光,2像素的大小设置为屏幕上的混合模式。 ' K( V+ h' O6 P) L* p
. ]! _$ O9 d  U# u+ l% D
2011022411435962.jpg
5 \% w$ ?, N. e* ~' _  b3 I$ n3 V# U' V7 K! C* t8 v
23、现在我们已经完成了我们的MP3播放器的前面。现在我们需要添加一些显示按钮和文本的图标。 ; N; e8 G9 H' i2 u9 F
; ~  r, H. N' J  j" m! [
2011022411435932.jpg * L- m$ M; a& a

2 X4 y$ I; D$ |4 r  l9 k/ l24、现在,让我们在显示屏上模拟显示滚动文本。使用像素化的字体,我们需要添加将播放的翻译名称和歌曲名称。你可以使用这个免费的字体。记得把走样移出菜单上的文字工具窗口,以保持文本尖锐。
- b& F1 |: l2 K& @' y$ i& d: @4 r% |0 U
2011022411435917.jpg
% Z' J" H8 S) m! H/ ~6 z25、我们用其他位图字体创建计时器,指示时间的流逝。此字体也是免费的,你可以在这里得到它。
' H; Y1 P9 N' C5 u+ [7 }  u. X
! C8 C8 X( q/ j6 Y* _+ F8 v 2011022411440021.jpg % E, K1 ^# m) q

2 X1 j! W2 q# h( g5 c7 r26、使用通用的显示图标和音频或视频播放器符号的字体。你可以使用这一个。一旦它被安装用来创建播放器不同的按钮,在这种情况下,播放/暂停控制(随着播放器的发展,您将需要创建两个国家的按钮时,当按钮被按下时,播放按钮变成暂停按钮,反之亦然)。 0 I$ b4 L# i! K2 h, k3 L. S
6 R7 S* @6 h8 W+ s; j) r. X5 c
2011022411440089.jpg
5 b' `* f% T$ E9 S/ Z8 F# p
+ Y  i# d: d2 z27、对于这个符号,我们使用和前表面相同的颜色。用颜色选择工具,我们可以绘制文本。 6 c& ?2 p; I) X. Q$ q5 F- C

2 _) o3 V# l+ w6 Y/ a, Y; w" o* }. W 2011022411440043.jpg % C! i3 i! {0 `. D7 |

* a  R2 @& Q, X; y7 ^7 P; U0 ]28、现在,我们可以包括各种不同的款式,让播放器外观看起来像浅浮雕标一样。使用内阴影下的相应值。 7 ~9 ~! d6 ^, \# e/ O0 X) Q

. N5 x5 I3 l4 ] 2011022411440090.jpg
+ H- U9 }) G4 _, p9 X# @; d2 Q! |" Y' J! M
29、用这些操作可以减轻底部斜面。 6 d" k7 X2 w0 b. E) X

6 Y, v+ I( [6 p6 k 2011022411440166.jpg
! e  D/ A  X1 {$ \- Y) _; q# k1 {6 Z: |# L# m2 ^6 Z4 O7 w5 x
30、使用柔软的宽度和坡度小的表面,让播放器看起来不是很枯燥。   F! r7 e1 X$ f- K
" x) K- E1 C! j+ g. W
2011022411440102.jpg

4 W" d; _( u$ D

最新评论

QQ|小黑屋|手机版|Archiver|中国展示论坛 ( 粤ICP备14065977号

GMT+8, 2020-4-8 18:02 , Processed in 1.078125 second(s), 33 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表