中国展示论坛

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

QQ登录

只需一步,快速开始

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

用Photoshop鼠绘漂亮的MP3播放器

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

先看一下最终效果: ' t* o0 p6 o4 k0 }
' C8 b$ e3 A& J2 w( O- r
2011022411435114.jpg
. o7 R* E# s8 l$ U# k, U1、第一步是我们创建一个黑色径向渐变的背景。在任何颜色的油漆层,添加一个如下所示的渐变图层样式。
5 _3 ^) {0 {! \( i6 o( W  l; E9 @5 i& j0 M2 ]* L1 g% z6 {, }1 Z
2011022411435124.jpg ( M" J2 U- X3 j$ T" }2 n
( |3 j: j& M' ]% ?+ B
2、用圆角矩形工具(设置一个半径为20像素)创建一个该设备的主要元素,表现设备的形状图层(点击菜单上的第一选择)。
. a6 k, ?8 O. q& [3 ~/ d
6 c+ [% T/ ~9 B1 [9 p% _3 t% p& J 2011022411435204.jpg
6 v3 A  E* }9 W  g& {$ `2 }
$ h: [$ B5 [% d3、双击该图层上的向量,颜色编辑器将打开。我们可以选择一个#E1E0E0的浅灰色的颜色,进而可以增加表面的发光程度。 " _) }, F! ?+ w/ [% O% Y
1 p) N7 f' ^, J, t: [3 ^
2011022411435224.jpg
2 c* v5 {1 k1 e8 P* A
" a7 U+ U6 H8 n) O; H$ X3 `. s" c! L6 b! I5 v
4、现在我们要创建一个该设备周边的一个斜面。在此之前,我们需要用PS标尺创建一个参考标准。点击这两个统治者收敛角,通过拖动鼠标,我们在放置光标的位置放置光标,这将使我们能够创造一个外围设备周围等距离斜面。
- V6 U5 e; w9 Q: S9 q6 A6 s4 b9 h! D3 Z7 ]* C+ C8 O6 M
2011022411435236.jpg
9 T0 p1 ^1 t  [. T) E9 n2 f( z- u  a* b- `4 `# q  g
5、我们把这个图层的不透明度调为0,因为我们只是想看到一个表面上2像素的斜面。 $ h3 C; B4 u6 U4 K2 m

4 |7 s2 s8 g0 _8 G 2011022411435302.jpg ' S" \- [' |/ W0 }
& Y; D" ?& I1 q- E. r! I' ]1 O
6、套用一个1像素的描边,在设备的内部位置要使用比设备前面更暗的颜色。在这一步,我们要创建一个代表行之间的形状和播放器的前联合差距的线。
  U. k1 I! I/ |0 R& o6 c/ w6 x6 U* H+ B9 n0 ]6 s( J; ?/ V+ o* o
2011022411435316.jpg + m* Q1 {2 k+ K5 p2 Z2 P
7、设置2像素值以下的内发光。
2 s7 ^2 P- s7 E2 _8 A
4 A8 q0 h9 m8 i- N& I6 y- E 2011022411435360.jpg
' A' X8 c/ K5 u7 p, y$ b" ~( \4 D# [9 i; D, H  F
8、给设备的前部添加软梯度,让设备更有凸出感。 ) a; M1 h  s$ W  {

( P2 J$ z! o1 E* j4 \, k 2011022411435365.jpg
, a& e# M- H$ _8 V
. m' |$ \8 ?8 A3 C  p, F9、现在,我们将突出这个MP3的优势。要做到这一点,需要添加一条有挤压感有三维效果的线。然后在MP3的外表面添加2像素灰度中风效果。
% G7 n6 P+ |8 r3 @5 T* h, \7 F
$ o& u* L) `8 W% w- m/ |, v 2011022411435490.jpg
- F- X+ }* v5 Y10、利用锥与浮雕风格,我们在这条线的上部区域添加光效果。现在物品看上去像是从上面打光,下面变得更暗的挤压效果。
& l& x* y0 H; h" I$ _6 U3 ~+ S! ]/ w) ^! y
2011022411435466.jpg
; X1 l* h; y* }9 T! b  m
2 c6 L% K! p% ^7 x5 C$ E4 |2 w11、现在在这个图层上添加柔柔的,轻轻的内阴影效果,让播放器的前面更显突出。 5 W# e" O. F% k4 Z' t2 R+ ]7 K$ Z
5 B$ M4 x. i6 j2 }  N( j
2011022411435560.jpg
3 R: Y. F5 j2 F, o0 x
5 @; @+ V6 E2 G12、通过复制和编辑前面的斜面层,我们创造更多的代表不同的控制按钮的斜面。
1 ]5 T9 \- A6 Z9 B/ c9 Q# [
( U3 z8 _" I. i  x5 [ 2011022411435531.jpg
: _5 ~4 Q5 M3 \$ J2 f; ?6 Z
: J* U; r1 E$ q! U, Y; q13、现在通过编辑形状层来创建播放器的主播放/暂停按钮。重复第一个斜面,在边界以内画一个圆形物体。然后放大10%的水平,因为我们只需要那些斜面。
3 ^7 s  V$ }$ [: t; m- ?8 y
) _  B9 m8 L, [' ?7 D, ]$ Z 2011022411435598.jpg
) g9 O2 _2 K' @6 I6 H% k" ?7 r' A% h/ \, v$ j4 D5 z7 ^' y/ |" J
14、像下面这样在步骤13中创建的形状中应用软3像素面具。
% B  w$ U( K* c3 ?: h
6 B5 j1 u: c! }$ f9 y0 e 2011022411435668.jpg , n0 R6 W5 O' A; E4 {
( ^9 n3 f/ N- I/ P" Q6 B- q* h% Y
15、为了使面具隐藏对象和它的图层样式,在图层样式窗口单击选项“图层蒙版隐藏效果”。如果我们不选择此选项,这个面具只能隐藏形状,但是会把效果显示出来,而我们就是想要把它隐藏。
( e# [  Y3 F) Z9 V& ^3 y  Q- q4 W% f) F! S% y; s! h. G! Y
2011022411435633.jpg
4 ~) A; ~+ V4 m0 ]4 V! B+ U16、相同的面具也将用于其他斜面,我们可以从之前的图层屏蔽掉。用鼠标右键点击图层里面的遮罩层的图标,选择“从选择减去层面膜”。这将创建一个和以前相同的选择。 * P; f2 o! A, q% ]7 ?# I
" A% w, t% F- X* c4 b
2011022411435767.jpg , \/ P) K" y# V! r
' e7 ?9 l2 e+ `+ Q
17、在这一步,我们将重复选择转换图层的步骤。 , j6 Y- m& r6 z1 w( H
1 X# W3 u. X: h' V5 m7 S' H3 V
2011022411435745.jpg   |! t8 d5 p  b6 t% R& l

+ d: Z3 [0 O6 Y* O) `% ]18、我们已经有了设置主按钮的斜面。现在我们需要给播放器创建一个显示器:黑色亚克力屏幕,在那里可以显示歌曲名字和播放时间。
$ c* o! m9 ?9 g: w' l$ B. D: n
8 U% _$ w+ y5 [0 T# u 2011022411435730.jpg
+ y6 ?$ P3 B) A" H' t* g19、首先,我们使用阴影来创建一个光从上面射向底部的斜面。使用图片显示配置的风格,可以使图片显得锐利和清晰,而不是黑暗和模糊。 ) E- d( ~, J) ]- _" r: g5 \

, |9 g& ?+ g9 o2 m: t9 K& J 2011022411435876.jpg ( d% d6 A; S3 C1 N" A9 ]

' n4 W, c; A: Y3 o20、现在,我们需要建立一个径向渐变。把黑色和白色两种颜色尽量靠近中心附近,那样没有这么多两色的柔软性。黑色占49%,白色占50%。 + r5 q  e1 B; V8 ?! j. W

- E- R: S$ U$ O/ f2 y 2011022411435857.jpg - A! ^* M$ Z' D( ^4 y: ?* @, R) F; T
1 t4 s5 D  H  P
21、取消点选该选项与层对齐。如果我们不这样做,梯度将只能从该对象的中心到边缘,我们希望梯度更大和更广泛。 % \5 U% d9 C; {; {
  b" R3 O' b$ T  N
2011022411435847.jpg
  t+ p  Z- K* p) D+ C22、他出示您的镜面效果,使用两个类似于我们创建按钮那一步的斜面来做一个形状。使用一个一致行程内的黑色1像素中风。使用内部发光,2像素的大小设置为屏幕上的混合模式。
/ k8 v$ m: M  l# D
: F( Y. N+ W# e  \. O4 T, C/ T 2011022411435962.jpg
; p' D: p! g1 _6 Y
8 r3 Y8 N; y  u: m( ~& L7 g# c+ n23、现在我们已经完成了我们的MP3播放器的前面。现在我们需要添加一些显示按钮和文本的图标。
4 n% r# e+ k6 T1 o2 H6 i! \2 m" V8 l4 D! Y
2011022411435932.jpg - ?9 T, G3 @/ o- M9 R, \& L

) k! {4 v4 j( M. z24、现在,让我们在显示屏上模拟显示滚动文本。使用像素化的字体,我们需要添加将播放的翻译名称和歌曲名称。你可以使用这个免费的字体。记得把走样移出菜单上的文字工具窗口,以保持文本尖锐。 * T9 T4 e) M7 F/ f+ p( L
; c! k2 z4 ^2 p- a& u
2011022411435917.jpg
3 Y* i" m2 h) @25、我们用其他位图字体创建计时器,指示时间的流逝。此字体也是免费的,你可以在这里得到它。
7 c1 F' G! D; S+ i4 {& S7 Y9 A  ^. g* h
2011022411440021.jpg
) M' G5 Q' ~) A3 r$ `2 `% ~" s9 X8 |8 Z
26、使用通用的显示图标和音频或视频播放器符号的字体。你可以使用这一个。一旦它被安装用来创建播放器不同的按钮,在这种情况下,播放/暂停控制(随着播放器的发展,您将需要创建两个国家的按钮时,当按钮被按下时,播放按钮变成暂停按钮,反之亦然)。
. W1 P. l7 {% ^  l( r
9 k. H/ _! d5 l% o0 B8 e 2011022411440089.jpg 1 ]' ]; _' W+ g
! H, O- g9 E* C9 J3 o
27、对于这个符号,我们使用和前表面相同的颜色。用颜色选择工具,我们可以绘制文本。
3 `+ K: S3 U1 T& w
8 ]6 b1 h9 [% a9 {2 Z2 s* B 2011022411440043.jpg 8 q9 X$ _2 l' n/ z! o" j/ A
* v, U7 M& s: t  f9 i% A9 l
28、现在,我们可以包括各种不同的款式,让播放器外观看起来像浅浮雕标一样。使用内阴影下的相应值。
, |# m/ z8 H6 U7 _9 ]" @
- C0 u, L: Y. `7 L" R) ~2 t8 l 2011022411440090.jpg
  ^+ S2 G0 V0 p, c( ]* d( H. l2 i
8 u) u& K. X5 w8 e* [29、用这些操作可以减轻底部斜面。
: w. X5 z7 t- O% s$ T8 Z5 Y8 e8 k- x7 J; T
2011022411440166.jpg
& A2 {1 P2 r4 s6 n# f! z1 {  b
% E1 m% k$ i: q% F, R# }30、使用柔软的宽度和坡度小的表面,让播放器看起来不是很枯燥。 6 `/ N, x' y3 Y
% ]% w6 v( R( h/ m/ K' y1 n! A/ g' J5 f
2011022411440102.jpg

3 u. l/ o3 E" s- ^5 [! I' c, q  g( @

最新评论

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

GMT+8, 2018-2-24 00:17 , Processed in 0.175596 second(s), 31 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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