中国展示论坛

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

QQ登录

只需一步,快速开始

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

用Photoshop鼠绘漂亮的MP3播放器

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

先看一下最终效果:
3 p% r9 W  N: s1 \8 o0 g( _0 k, p0 O4 U9 j9 B
2011022411435114.jpg ( S5 C( b0 @7 H
1、第一步是我们创建一个黑色径向渐变的背景。在任何颜色的油漆层,添加一个如下所示的渐变图层样式。 6 ?1 Z/ t9 Z  F1 A/ C4 k
; M+ z, j# ^% F! `+ a& l4 b" M, T
2011022411435124.jpg * u  J& T6 S2 R
, i1 y. i* Z1 D# m/ V! C3 D
2、用圆角矩形工具(设置一个半径为20像素)创建一个该设备的主要元素,表现设备的形状图层(点击菜单上的第一选择)。 , ]+ k5 |; K' q4 N& h- v: c

3 {  x3 g  |8 F7 r 2011022411435204.jpg
+ m; v5 H9 B: k% T( J, u
* y- ?$ ]( s% M5 {; W3、双击该图层上的向量,颜色编辑器将打开。我们可以选择一个#E1E0E0的浅灰色的颜色,进而可以增加表面的发光程度。 - Q2 c: v1 W& ^! N) O

- T, g, F+ u% `. _% x 2011022411435224.jpg & R9 P  y) z4 O5 b

4 D# E1 ~3 c; `, p
" o2 {- k; z) [* T4、现在我们要创建一个该设备周边的一个斜面。在此之前,我们需要用PS标尺创建一个参考标准。点击这两个统治者收敛角,通过拖动鼠标,我们在放置光标的位置放置光标,这将使我们能够创造一个外围设备周围等距离斜面。
) a  c' V- h1 o2 T/ B4 k8 s' z
/ t2 O. [& O6 R; u( h' b8 v 2011022411435236.jpg
9 P0 q& @. N2 [7 D! T8 z& P
0 {2 X$ X+ y! c7 {# A- d+ v5 B: k/ J5、我们把这个图层的不透明度调为0,因为我们只是想看到一个表面上2像素的斜面。
+ p+ i% v1 M+ H7 M4 |* `" L5 A+ r, x9 d7 \
2011022411435302.jpg 6 {4 ], S. m0 W7 {2 u! j/ g  o& c

) r  j+ i& x1 H% d  N3 L; z6、套用一个1像素的描边,在设备的内部位置要使用比设备前面更暗的颜色。在这一步,我们要创建一个代表行之间的形状和播放器的前联合差距的线。 ' i* S8 p1 y# X  t0 z0 Z8 t

4 `: B' `/ X( ]0 R5 P1 d 2011022411435316.jpg
, s* X9 d( c3 T- |, b$ Q7、设置2像素值以下的内发光。
# W$ T1 k8 |( c0 d7 u6 ^: x1 a, t; m, W! w/ r
2011022411435360.jpg / r. T4 X: t% k7 d0 E

: r) J- ?6 ~) @8、给设备的前部添加软梯度,让设备更有凸出感。
, _% ?; K: p7 ?. T- }, @; _* Q! C8 S( q1 v3 ^: a5 f
2011022411435365.jpg
7 y6 y- S- P( N+ Y' A8 L
( e& b2 K) w1 Q' C& o4 y9、现在,我们将突出这个MP3的优势。要做到这一点,需要添加一条有挤压感有三维效果的线。然后在MP3的外表面添加2像素灰度中风效果。
4 x4 h( _7 A& u
5 b- v4 V. L) ~% g4 C 2011022411435490.jpg
+ }" K# ^) }. @+ c+ `! p2 n9 @% C10、利用锥与浮雕风格,我们在这条线的上部区域添加光效果。现在物品看上去像是从上面打光,下面变得更暗的挤压效果。 / d# [: ]2 Q* }  L" Z1 m, E4 K* w8 b

4 f" w# ~' F& c 2011022411435466.jpg
" u; g; s2 D' n- l" H; C4 |8 u3 f3 Y
11、现在在这个图层上添加柔柔的,轻轻的内阴影效果,让播放器的前面更显突出。 % p; ]. k) J) k7 T0 [
. i' p) F2 ^) G2 u; e7 F
2011022411435560.jpg
0 _0 f9 P# G) l* P- M1 ?5 U4 G) ]$ W1 p4 `. q' @6 i
12、通过复制和编辑前面的斜面层,我们创造更多的代表不同的控制按钮的斜面。
5 ^% O. }1 f  ]+ t. B5 W2 Y1 r: {. X' e/ f3 R
2011022411435531.jpg * m& M2 r. s  H( X

. V5 V5 `, Y9 t" |: \$ P: E13、现在通过编辑形状层来创建播放器的主播放/暂停按钮。重复第一个斜面,在边界以内画一个圆形物体。然后放大10%的水平,因为我们只需要那些斜面。 ( s( X" F0 t' g0 W( x
- ]$ K# }2 P0 x* M/ T8 a: `
2011022411435598.jpg 9 ^( W( x0 V0 p! e
/ j9 T& N$ M& L! f/ Q$ y
14、像下面这样在步骤13中创建的形状中应用软3像素面具。
% E& O7 }$ D" }- O8 s- ?6 F5 j, ~7 o9 Q  g& Z* R0 B2 Y
2011022411435668.jpg
  u& a& P2 W4 k
- R' z- [9 M3 ^8 o, {4 i+ f# Q$ |15、为了使面具隐藏对象和它的图层样式,在图层样式窗口单击选项“图层蒙版隐藏效果”。如果我们不选择此选项,这个面具只能隐藏形状,但是会把效果显示出来,而我们就是想要把它隐藏。
, u, G7 O1 m% g4 G& X% e. v$ C3 v- Z6 t
2011022411435633.jpg % T; l; h- J4 b' V% T
16、相同的面具也将用于其他斜面,我们可以从之前的图层屏蔽掉。用鼠标右键点击图层里面的遮罩层的图标,选择“从选择减去层面膜”。这将创建一个和以前相同的选择。 4 A$ L+ ^  h5 E0 y

( U6 |5 \5 x" e/ a3 ? 2011022411435767.jpg / N6 o8 E  P$ B+ `4 v

9 |# y# O$ W& P1 Y+ ]# {, v17、在这一步,我们将重复选择转换图层的步骤。 0 p" P! I- M' l- Q. N$ Q4 d( i
) \* I, ?- A" Z' Y
2011022411435745.jpg
5 t- A1 |8 B$ W" r" G( _4 ?1 z) L* K
; j  |9 w6 A- a% x- g" M18、我们已经有了设置主按钮的斜面。现在我们需要给播放器创建一个显示器:黑色亚克力屏幕,在那里可以显示歌曲名字和播放时间。   G" Z' k; x/ j! k2 I" ]( Z, N
  c( \1 M3 M8 M# P; r$ D5 r8 B
2011022411435730.jpg
! A! d$ \7 G4 N" K, u- i% e5 g/ j19、首先,我们使用阴影来创建一个光从上面射向底部的斜面。使用图片显示配置的风格,可以使图片显得锐利和清晰,而不是黑暗和模糊。   Z1 X' G- Q; }+ R# F

& U  S6 H' V$ N2 {& P8 V3 U* p2 R$ a 2011022411435876.jpg , |" K, z" l4 M0 l9 h3 x# g

3 s7 V* Q: P! o. d- ]20、现在,我们需要建立一个径向渐变。把黑色和白色两种颜色尽量靠近中心附近,那样没有这么多两色的柔软性。黑色占49%,白色占50%。 2 m9 @, y3 {8 V! b& M+ @

. U! Y- R8 M$ x( X$ o( m 2011022411435857.jpg : V% Q% T& Z( a1 p

/ E# g" S- c% \& h0 R' T21、取消点选该选项与层对齐。如果我们不这样做,梯度将只能从该对象的中心到边缘,我们希望梯度更大和更广泛。
  q4 A: q. b( y$ w( y/ R2 }8 I6 J
9 C* R: Y+ E, S1 T2 B 2011022411435847.jpg
% U' L$ s  O' |8 T' `22、他出示您的镜面效果,使用两个类似于我们创建按钮那一步的斜面来做一个形状。使用一个一致行程内的黑色1像素中风。使用内部发光,2像素的大小设置为屏幕上的混合模式。 9 Y! j5 M8 ?9 S9 H1 x; p# O

$ \! n: I* r* O3 _' J/ l# G 2011022411435962.jpg : u) y5 d. ~( l2 C; ?1 F% X
( y% @. ]$ ?6 P9 M5 |
23、现在我们已经完成了我们的MP3播放器的前面。现在我们需要添加一些显示按钮和文本的图标。
; g6 p( e5 o5 j) t4 D9 g  Z: Y9 h( Z+ ?; x0 X- a
2011022411435932.jpg * G3 J4 T  ^" x7 e- s( H
+ f# g. Z9 A. y: i
24、现在,让我们在显示屏上模拟显示滚动文本。使用像素化的字体,我们需要添加将播放的翻译名称和歌曲名称。你可以使用这个免费的字体。记得把走样移出菜单上的文字工具窗口,以保持文本尖锐。 / `* ]* l$ g8 K& v- I

' a4 s( l( ]1 ?2 J 2011022411435917.jpg
" K- c& V5 R# r) m9 ^" t# v# Y25、我们用其他位图字体创建计时器,指示时间的流逝。此字体也是免费的,你可以在这里得到它。 ) ]; u+ N0 i2 G* G, m* s

4 O* V& `1 b9 [+ \- e* B 2011022411440021.jpg
. h! Q$ U, S3 v* X
# I5 u4 ^& U, L& u; Q' W2 m26、使用通用的显示图标和音频或视频播放器符号的字体。你可以使用这一个。一旦它被安装用来创建播放器不同的按钮,在这种情况下,播放/暂停控制(随着播放器的发展,您将需要创建两个国家的按钮时,当按钮被按下时,播放按钮变成暂停按钮,反之亦然)。 - i6 h4 s  R- `! a. Z
6 U% W" y8 ?  T4 B7 u+ T
2011022411440089.jpg
& |+ u( H, e; D/ _% I  O4 A( f. f) H, I
27、对于这个符号,我们使用和前表面相同的颜色。用颜色选择工具,我们可以绘制文本。
; g+ M1 ^! V+ R( |4 o1 x! G& V0 O; Y3 ?0 c
2011022411440043.jpg - A3 y  j7 B7 \; t

) y7 E$ U5 A2 f! t5 V% O8 J28、现在,我们可以包括各种不同的款式,让播放器外观看起来像浅浮雕标一样。使用内阴影下的相应值。   @; p9 I# m; q1 S8 T* y7 I' f
" z4 U9 ?/ t4 L. |8 n
2011022411440090.jpg 0 J! v3 s' J4 B0 {+ Z
5 _/ B1 z6 U% _+ p2 Z* b
29、用这些操作可以减轻底部斜面。 # P' i& o; n% a6 |8 a
4 f) \. u* I& k, X+ M+ ]: s
2011022411440166.jpg / o& D4 c$ o- U" ]- [- H0 m! {  v) M+ }

* ^/ E; q6 V( X1 F$ ?" F4 F30、使用柔软的宽度和坡度小的表面,让播放器看起来不是很枯燥。 , t% x2 e9 T& Q6 d! k

. ]8 [+ P/ A' S. [ 2011022411440102.jpg

; L% z# ^& I) E% p- ~9 Y; H! t* ^

最新评论

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

GMT+8, 2018-8-20 12:30 , Processed in 1.026815 second(s), 31 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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