中国展示论坛

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

QQ登录

只需一步,快速开始

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

用Photoshop鼠绘漂亮的MP3播放器

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

先看一下最终效果: 5 W. t" s# L5 w0 w
' f- Y8 I( Y, A; F3 ~
2011022411435114.jpg + Z4 b/ |" l) Y8 u! @6 Y, `1 M
1、第一步是我们创建一个黑色径向渐变的背景。在任何颜色的油漆层,添加一个如下所示的渐变图层样式。
7 W+ ^* M6 c- Y% u0 k
( G2 s% j6 @9 K) j) K 2011022411435124.jpg : B  w' w0 S8 m/ y; X5 p/ H$ I0 A* e) d

) O. V1 w! `+ m2、用圆角矩形工具(设置一个半径为20像素)创建一个该设备的主要元素,表现设备的形状图层(点击菜单上的第一选择)。 ( D. U* O7 ?) B
: }0 `# r: h$ O- q7 M
2011022411435204.jpg
2 }' N1 j3 D3 F! N( T
8 u% l4 x$ Q# \) S4 y8 @9 S7 `* }3、双击该图层上的向量,颜色编辑器将打开。我们可以选择一个#E1E0E0的浅灰色的颜色,进而可以增加表面的发光程度。 # m: i) b  L) G1 v3 [" ?. n" n
: ]4 b5 j3 ^* {' F
2011022411435224.jpg
6 j9 ]0 r' `- z6 `) L$ ^$ t$ h0 q
; W( o- K6 f; [/ y* J4 u$ i5 p8 t  R- [& @+ z$ J, T! t7 n
4、现在我们要创建一个该设备周边的一个斜面。在此之前,我们需要用PS标尺创建一个参考标准。点击这两个统治者收敛角,通过拖动鼠标,我们在放置光标的位置放置光标,这将使我们能够创造一个外围设备周围等距离斜面。
, {6 C: E2 {# ~( M) ]# K- @7 p8 u" Q5 K2 X
2011022411435236.jpg 0 V$ W( W8 f4 g. C( q9 e2 M* Z; Z
0 v& z  A7 `2 I9 |6 K
5、我们把这个图层的不透明度调为0,因为我们只是想看到一个表面上2像素的斜面。   d1 I0 _. w2 V3 N4 ?/ K

5 h$ w0 L$ K2 x 2011022411435302.jpg * |5 l7 ^( B$ Q4 ^9 O

9 n7 Q5 H" z- u6、套用一个1像素的描边,在设备的内部位置要使用比设备前面更暗的颜色。在这一步,我们要创建一个代表行之间的形状和播放器的前联合差距的线。   z* R; M  [6 n6 n, [

1 f9 q+ n7 {! ^1 ^ 2011022411435316.jpg
; a- i- x# O/ B0 O, [7、设置2像素值以下的内发光。
4 `. v6 V, V  ~, L% p3 U5 r
7 h& v; O$ I2 |; X* ^% R 2011022411435360.jpg
% n- J" S8 h' c0 q5 f% c
9 e- Z$ ]1 _; _1 H+ V8、给设备的前部添加软梯度,让设备更有凸出感。
6 d( b. v4 Q3 u. h; X
- s/ c1 B* p  X6 E5 {) B/ P 2011022411435365.jpg
! V! z+ Y" i. y) W* [4 p9 N5 A: g
9、现在,我们将突出这个MP3的优势。要做到这一点,需要添加一条有挤压感有三维效果的线。然后在MP3的外表面添加2像素灰度中风效果。
4 |( R2 p/ W& q4 a+ |$ m4 ]; s6 V
9 v4 ~, r1 l& a3 n' I- G 2011022411435490.jpg
1 Z9 l+ J$ z& i: j! h- i) H1 M; E10、利用锥与浮雕风格,我们在这条线的上部区域添加光效果。现在物品看上去像是从上面打光,下面变得更暗的挤压效果。
5 F4 r8 b1 E( Y! f" e1 P
. j: V% t# j% F1 t1 ?# u1 y- u 2011022411435466.jpg
: M' _, F1 Q6 ~4 Z
: m8 a" \& w) n11、现在在这个图层上添加柔柔的,轻轻的内阴影效果,让播放器的前面更显突出。   W% j6 u! z  k9 q2 H
& A$ O; Y- N7 H2 z- W3 Q7 k
2011022411435560.jpg * r$ Z2 ~& w0 J, k% W# J! m
4 o+ b, J3 m( W1 y! F) P+ z0 V5 G# ^
12、通过复制和编辑前面的斜面层,我们创造更多的代表不同的控制按钮的斜面。
2 u! D7 c0 e* ~4 K3 `/ \1 V* _3 h7 g% {) T! e
2011022411435531.jpg
, r8 \3 d" y- B- e( i5 w3 K5 C$ r6 R/ D/ J& R
13、现在通过编辑形状层来创建播放器的主播放/暂停按钮。重复第一个斜面,在边界以内画一个圆形物体。然后放大10%的水平,因为我们只需要那些斜面。
3 Y( O7 f) f2 o3 m" S& d6 z" F5 u. v4 W1 l
2011022411435598.jpg # a( d3 i+ X2 p. l2 o( ~5 I
% F! S3 n# x$ N# E( n1 g. ~7 O9 S
14、像下面这样在步骤13中创建的形状中应用软3像素面具。
+ E1 t! f' b( o6 e$ a
9 {* ~6 x% a- o, X; p 2011022411435668.jpg 2 H' N& ]5 [9 @4 p6 ?% y( {

) [, J4 Y& C/ R1 j- h: b( T15、为了使面具隐藏对象和它的图层样式,在图层样式窗口单击选项“图层蒙版隐藏效果”。如果我们不选择此选项,这个面具只能隐藏形状,但是会把效果显示出来,而我们就是想要把它隐藏。 1 g2 V0 ^3 H1 Y7 [- h% H$ m
+ c! x* _: h* k$ w
2011022411435633.jpg
6 J0 b! F  R0 r% l* d7 o. o16、相同的面具也将用于其他斜面,我们可以从之前的图层屏蔽掉。用鼠标右键点击图层里面的遮罩层的图标,选择“从选择减去层面膜”。这将创建一个和以前相同的选择。 + N1 S7 D  `6 r# v
# `, z+ u  j. i( k# O
2011022411435767.jpg " d3 G- B& H. f

* k8 A; p6 _4 M9 G$ e& P17、在这一步,我们将重复选择转换图层的步骤。 " j6 S1 a: x2 g) l9 ]
0 P& m7 R* G+ o, T& ~, z
2011022411435745.jpg
4 Q4 y4 k. ^2 V! h4 ?' T/ K/ [! Y+ ?& L" c
18、我们已经有了设置主按钮的斜面。现在我们需要给播放器创建一个显示器:黑色亚克力屏幕,在那里可以显示歌曲名字和播放时间。
/ u; U  P; N, f4 F9 J
( ?$ \& _, J/ p" e) k' K' ]0 [( f: l 2011022411435730.jpg / W+ y  B/ W. E# D
19、首先,我们使用阴影来创建一个光从上面射向底部的斜面。使用图片显示配置的风格,可以使图片显得锐利和清晰,而不是黑暗和模糊。
. L, V  {) u& ]) Z4 E
( o$ ^! l- b, a2 `' s- y. K 2011022411435876.jpg 9 \- v. z0 }) X; C

5 U5 u* k. W2 H4 v20、现在,我们需要建立一个径向渐变。把黑色和白色两种颜色尽量靠近中心附近,那样没有这么多两色的柔软性。黑色占49%,白色占50%。 ! }3 @! z* X5 ]7 l

7 V4 `" U( |( o( j6 F  |$ @ 2011022411435857.jpg
0 }/ b0 I! ^* K# b; r* `  B
& Z$ ?- K! C" C+ t& H: ~% D21、取消点选该选项与层对齐。如果我们不这样做,梯度将只能从该对象的中心到边缘,我们希望梯度更大和更广泛。 + a9 J2 L; @8 k4 b/ V

8 X) n5 G4 T; f7 a4 z7 W( J 2011022411435847.jpg
1 t* \: f# J8 n9 X6 s22、他出示您的镜面效果,使用两个类似于我们创建按钮那一步的斜面来做一个形状。使用一个一致行程内的黑色1像素中风。使用内部发光,2像素的大小设置为屏幕上的混合模式。 - ]8 P5 I% ~9 b  t2 j+ u6 D# x) s

7 N! v2 U- \  C5 y  m 2011022411435962.jpg - Y; }" R. G8 m$ L
' l$ o9 J2 _! E* I; Q% ?! S1 L% g3 P
23、现在我们已经完成了我们的MP3播放器的前面。现在我们需要添加一些显示按钮和文本的图标。 6 _, w6 X& n( Z. g# d$ U
4 y) V' s' D; E- ~- d# T
2011022411435932.jpg
! g/ b* ]0 \& a. z2 r; b# I- U5 h) L6 I7 p
24、现在,让我们在显示屏上模拟显示滚动文本。使用像素化的字体,我们需要添加将播放的翻译名称和歌曲名称。你可以使用这个免费的字体。记得把走样移出菜单上的文字工具窗口,以保持文本尖锐。 2 F' g" N7 u# b1 J4 b
' R# t0 `) O7 n2 @' C9 z. F$ t
2011022411435917.jpg . A) q* R1 x0 w
25、我们用其他位图字体创建计时器,指示时间的流逝。此字体也是免费的,你可以在这里得到它。
' r) v$ y( S9 T) Q& g  j. Q% ?, Q9 T7 P! X$ I8 |5 q
2011022411440021.jpg 7 I2 ~) T/ p+ l. I/ i4 E
5 o- N3 K3 w! a$ ^/ n% H, N
26、使用通用的显示图标和音频或视频播放器符号的字体。你可以使用这一个。一旦它被安装用来创建播放器不同的按钮,在这种情况下,播放/暂停控制(随着播放器的发展,您将需要创建两个国家的按钮时,当按钮被按下时,播放按钮变成暂停按钮,反之亦然)。 7 \& x# |+ A9 x+ j) U9 g

( \1 o& m6 U0 l 2011022411440089.jpg
: s7 I  H: H5 j9 }, X
$ r( `; j7 w- R! R$ t9 e$ x7 i27、对于这个符号,我们使用和前表面相同的颜色。用颜色选择工具,我们可以绘制文本。
0 @' @$ T* \+ a, x0 S/ Q! }: j0 Y0 u( |, `" ^, P8 s' @
2011022411440043.jpg / _- C$ w. J8 Y1 h9 o+ @4 I6 M3 U: h( j

  e" L6 F# |; C28、现在,我们可以包括各种不同的款式,让播放器外观看起来像浅浮雕标一样。使用内阴影下的相应值。
5 @( {: ?2 @7 ]2 {# h0 T' w7 _2 d& {" k2 i- f( y4 C9 w7 t. r6 y
2011022411440090.jpg 1 x( [/ f6 Q8 V) M

" }6 S& ?7 b1 b$ j1 S7 D29、用这些操作可以减轻底部斜面。   Z1 v/ Q! o  }5 q

* b. x8 M: w! C$ ? 2011022411440166.jpg
+ \3 ~7 F/ H6 @5 h& N0 p! u% V
6 @. {7 V8 V$ q7 v0 M' `30、使用柔软的宽度和坡度小的表面,让播放器看起来不是很枯燥。 6 [- o/ f0 L4 \. U

2 h0 J9 U& t! T9 C 2011022411440102.jpg
# l3 E1 J& w* s) j

最新评论

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

GMT+8, 2019-1-22 19:21 , Processed in 1.187515 second(s), 31 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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