中国展示论坛

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

QQ登录

只需一步,快速开始

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

用Photoshop鼠绘漂亮的MP3播放器

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

先看一下最终效果: 1 [! A  N& @$ a2 H

: U) k* ?+ Y1 [3 z% n 2011022411435114.jpg
% `5 b$ c$ f+ G; Q7 ~1、第一步是我们创建一个黑色径向渐变的背景。在任何颜色的油漆层,添加一个如下所示的渐变图层样式。 - }& g# G  E* y
- y  ?1 L& k9 t' F2 F
2011022411435124.jpg - B( {2 p! c" |" S; ]

+ j7 X8 I. U, _8 t/ g5 U# K  ]2、用圆角矩形工具(设置一个半径为20像素)创建一个该设备的主要元素,表现设备的形状图层(点击菜单上的第一选择)。 ' E* g; A4 [5 i0 F
$ q: p7 f: i' T$ O# l+ S: q
2011022411435204.jpg * C0 u: u4 m# v3 w+ S" a
0 J7 q( u/ K+ E' t7 v1 m' ?
3、双击该图层上的向量,颜色编辑器将打开。我们可以选择一个#E1E0E0的浅灰色的颜色,进而可以增加表面的发光程度。 ; [0 _! t$ c+ h2 H
* y, ]; h/ _: W$ ], ^+ L- R. ^: C& z& `
2011022411435224.jpg ; Z3 @* X: C6 `1 W
% z3 o2 z  t0 N% \% \/ a
# D: i" u+ Q( x; A2 @
4、现在我们要创建一个该设备周边的一个斜面。在此之前,我们需要用PS标尺创建一个参考标准。点击这两个统治者收敛角,通过拖动鼠标,我们在放置光标的位置放置光标,这将使我们能够创造一个外围设备周围等距离斜面。 $ X  c5 M$ X' ~9 l+ V0 p
! D; W* Y+ {1 }, @( N* G' M7 v
2011022411435236.jpg ! d4 v/ Q, J6 L+ I9 Z6 U/ B
5 B$ V: }2 t5 v; L
5、我们把这个图层的不透明度调为0,因为我们只是想看到一个表面上2像素的斜面。
* V2 G5 y" U5 K: o! d1 W* Y4 q, c3 O1 ^4 o! H
2011022411435302.jpg
; z  s, W* N+ J, v
: A( @: j7 L( `, w, O6、套用一个1像素的描边,在设备的内部位置要使用比设备前面更暗的颜色。在这一步,我们要创建一个代表行之间的形状和播放器的前联合差距的线。 1 r5 i& R+ Q/ m: v, J
5 i: M) B0 W5 X) j( e% ^
2011022411435316.jpg
/ W+ I, |0 E& p2 M# J! L/ @7、设置2像素值以下的内发光。 ( w0 _  J; \# j' ]

- S) Z- G. I8 A: q 2011022411435360.jpg
1 |- j9 {3 `% u/ ~$ \. g2 A3 U" U! W% V, P+ k$ V( D7 q' a
8、给设备的前部添加软梯度,让设备更有凸出感。 / ^4 L% [' Q' x& R- ?" C

9 ?5 Q8 Q" k2 ^. F) Z0 E 2011022411435365.jpg
8 b2 @$ ]7 K1 m9 J( P7 h  @( D% ^* b* n( x
9、现在,我们将突出这个MP3的优势。要做到这一点,需要添加一条有挤压感有三维效果的线。然后在MP3的外表面添加2像素灰度中风效果。 * ]: f" a# G, G" p1 D

* A* Y4 F% m, S( R  D 2011022411435490.jpg # v  z0 K! \1 y! n5 i* @
10、利用锥与浮雕风格,我们在这条线的上部区域添加光效果。现在物品看上去像是从上面打光,下面变得更暗的挤压效果。
0 S6 U" N* o, f+ p& ^; |. b' M- T% J4 Z# h8 ]5 c* ~
2011022411435466.jpg
& ~* y0 [' b, i! w: o0 b
) c9 K6 p8 o) w2 ^11、现在在这个图层上添加柔柔的,轻轻的内阴影效果,让播放器的前面更显突出。
, H, W+ \4 u1 |$ z  Q) \3 [/ p0 Q- Z( ?: u
2011022411435560.jpg
1 S% l. d( t8 k9 z. Q1 _, b6 v
6 h; C- i4 f9 N/ O& b12、通过复制和编辑前面的斜面层,我们创造更多的代表不同的控制按钮的斜面。
; u  s8 g7 P% h$ @8 ]% S/ A0 V& Z' C$ i: ^
2011022411435531.jpg
# Q$ J! ^$ S; m: i
4 R& S, u$ u. G0 w13、现在通过编辑形状层来创建播放器的主播放/暂停按钮。重复第一个斜面,在边界以内画一个圆形物体。然后放大10%的水平,因为我们只需要那些斜面。
8 p8 \1 s9 Q3 k$ j7 O( R
+ e, `$ X: d% V. s- A) {: Q3 S- d 2011022411435598.jpg ( \+ E" L+ O7 G2 v$ w

' h0 Q. j4 E: A3 e, r7 ^1 N5 h14、像下面这样在步骤13中创建的形状中应用软3像素面具。 4 `# {* a* E2 `' k. F
' q# N2 P, X- J" m
2011022411435668.jpg
0 y  ~& d4 t7 J' |+ S1 n, `5 O4 N+ x; r9 F) H& B/ m
15、为了使面具隐藏对象和它的图层样式,在图层样式窗口单击选项“图层蒙版隐藏效果”。如果我们不选择此选项,这个面具只能隐藏形状,但是会把效果显示出来,而我们就是想要把它隐藏。
# m7 `# z2 o/ B% {( X0 d/ F& P+ f* _5 J% z
2011022411435633.jpg
4 n. X) k& l) D" y( o9 r) ^# T16、相同的面具也将用于其他斜面,我们可以从之前的图层屏蔽掉。用鼠标右键点击图层里面的遮罩层的图标,选择“从选择减去层面膜”。这将创建一个和以前相同的选择。
" f. y% z  M' N' v' C6 A2 R
- a' \1 M$ N7 Z6 A4 w! \' n: h 2011022411435767.jpg 6 ^6 J5 e* G1 Y* Z

' ~! ?3 c2 _+ o2 T2 E17、在这一步,我们将重复选择转换图层的步骤。
: j2 p8 [) B% J( O
! \& ^) g( i( U+ G7 ^ 2011022411435745.jpg * p0 i) O4 h, b) E
" ]9 b# I0 h0 f% i
18、我们已经有了设置主按钮的斜面。现在我们需要给播放器创建一个显示器:黑色亚克力屏幕,在那里可以显示歌曲名字和播放时间。
) K5 B% x7 |) }" H, O  T, z, E
, L% h7 B1 b  Z/ e1 i 2011022411435730.jpg
% T0 c0 A' H8 v7 L6 b1 T# u* ^* J19、首先,我们使用阴影来创建一个光从上面射向底部的斜面。使用图片显示配置的风格,可以使图片显得锐利和清晰,而不是黑暗和模糊。
1 M# B+ N! C/ c4 o, W9 f/ W% ]$ t3 x" n/ ^1 o# f
2011022411435876.jpg / u# |. t1 r* e( C0 m* q

' a, S* r# y9 ?/ p- U1 L20、现在,我们需要建立一个径向渐变。把黑色和白色两种颜色尽量靠近中心附近,那样没有这么多两色的柔软性。黑色占49%,白色占50%。 1 F  ]$ P; M5 c6 E
' D, r3 s" _) _! q" {
2011022411435857.jpg & m7 Q6 ]# P% |8 K- ]7 G8 [# S
( p! \( [1 b! Y+ P* w
21、取消点选该选项与层对齐。如果我们不这样做,梯度将只能从该对象的中心到边缘,我们希望梯度更大和更广泛。 ; _$ [2 Y. _, _& v

* X  @2 x( N' O0 ^/ K* L 2011022411435847.jpg
0 l! `0 [8 O" m22、他出示您的镜面效果,使用两个类似于我们创建按钮那一步的斜面来做一个形状。使用一个一致行程内的黑色1像素中风。使用内部发光,2像素的大小设置为屏幕上的混合模式。
; r9 Q# Z2 e  ?5 G, V  Z/ l' P4 V, _
2011022411435962.jpg
# O$ h5 M2 W! y1 C. N) V* j9 p+ o# n, Y% y4 p
23、现在我们已经完成了我们的MP3播放器的前面。现在我们需要添加一些显示按钮和文本的图标。
1 ?% M% \3 Z7 M% p$ ]- y% p9 M6 U7 c8 o
2011022411435932.jpg 4 c7 m5 H( ?% N/ _
8 r; _  ~. ^4 ~% m7 J' X6 J
24、现在,让我们在显示屏上模拟显示滚动文本。使用像素化的字体,我们需要添加将播放的翻译名称和歌曲名称。你可以使用这个免费的字体。记得把走样移出菜单上的文字工具窗口,以保持文本尖锐。
, U" s5 f9 S$ E4 H" E" Y
/ C1 Q6 A7 k8 w) t- _ 2011022411435917.jpg
2 S5 o/ F8 u6 H8 ?  a25、我们用其他位图字体创建计时器,指示时间的流逝。此字体也是免费的,你可以在这里得到它。
0 Z0 G. |1 q4 |* R8 |+ L: ]" G- A3 s& }- _& V& n" @$ i: L. m
2011022411440021.jpg ' m# t0 l. S& S+ }) f& @; U/ T

: a( n! t& x0 }# J- W26、使用通用的显示图标和音频或视频播放器符号的字体。你可以使用这一个。一旦它被安装用来创建播放器不同的按钮,在这种情况下,播放/暂停控制(随着播放器的发展,您将需要创建两个国家的按钮时,当按钮被按下时,播放按钮变成暂停按钮,反之亦然)。
. W  @) y& Q6 B& ?4 o' s6 a2 _- C2 t3 i1 F+ _" `
2011022411440089.jpg " c8 \3 N( Q- R- [& {' G0 V7 A
0 V! Y' t- _7 N. {5 _  N
27、对于这个符号,我们使用和前表面相同的颜色。用颜色选择工具,我们可以绘制文本。 + @; N( q; W. [3 c7 M* ?
6 e' y4 g8 T  r6 P
2011022411440043.jpg , z( B/ V7 X4 T" q. G7 |! a9 _# C- a

1 C' ?' C( T0 k9 H7 N" p& O28、现在,我们可以包括各种不同的款式,让播放器外观看起来像浅浮雕标一样。使用内阴影下的相应值。
- D4 N6 m) i) l( b$ P) d4 G. ~; O) h( }1 E
2011022411440090.jpg 4 {( m1 A; G* T/ J( `
1 F% e3 L- w  {9 r; h" M
29、用这些操作可以减轻底部斜面。
' z+ D* E% P3 d% \- Z- u2 J) a; o/ v- F
2011022411440166.jpg ) K- s8 [5 H* M3 q( r. ^8 ?
. F% `# S" {, D0 V9 \
30、使用柔软的宽度和坡度小的表面,让播放器看起来不是很枯燥。 * A+ l7 s. |* L: N; ]( y2 g$ n
( T3 o3 N2 Y8 X  q" Z9 g
2011022411440102.jpg
3 i/ C0 i5 M1 d0 C7 _

最新评论

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

GMT+8, 2019-3-27 03:02 , Processed in 1.125029 second(s), 31 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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