中国展示论坛

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

QQ登录

只需一步,快速开始

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

用Photoshop鼠绘漂亮的MP3播放器

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

先看一下最终效果:
  ]' j7 ^: q! ~
' P7 K( N1 S% e+ ^/ F 2011022411435114.jpg
4 ^( d! q7 d* \- ?7 \0 Y) A1、第一步是我们创建一个黑色径向渐变的背景。在任何颜色的油漆层,添加一个如下所示的渐变图层样式。 ' n. q2 T$ H5 @9 j

1 m$ }* _% _0 ]0 {  D; Z6 R 2011022411435124.jpg
: l7 z+ H/ j9 [# Q# s
5 N4 e) H$ m9 ?& ^+ R+ \2、用圆角矩形工具(设置一个半径为20像素)创建一个该设备的主要元素,表现设备的形状图层(点击菜单上的第一选择)。
9 P0 C7 j$ e# Q) E' `" \6 v3 ?8 V6 g3 u; ?* ]  e
2011022411435204.jpg   C5 ~% T" o# t

0 @- @( w2 S5 [$ [3、双击该图层上的向量,颜色编辑器将打开。我们可以选择一个#E1E0E0的浅灰色的颜色,进而可以增加表面的发光程度。 8 B. f* y. t3 R0 P# W& t& Z
. K9 J# B- F/ R+ X4 Q; u
2011022411435224.jpg
4 T! j; y# y8 P' G8 j
8 f( {* t  y; c& ?9 F9 j- W( P+ h! _' i1 r2 _
4、现在我们要创建一个该设备周边的一个斜面。在此之前,我们需要用PS标尺创建一个参考标准。点击这两个统治者收敛角,通过拖动鼠标,我们在放置光标的位置放置光标,这将使我们能够创造一个外围设备周围等距离斜面。 / Q' X# R* R+ ^: V. K5 k* _* [
, O5 x2 o3 n. q: ?& z( F- M( i/ J
2011022411435236.jpg
! i9 `* Q2 K) C' V' P3 O( H& |, L7 l( r/ i% k5 R
5、我们把这个图层的不透明度调为0,因为我们只是想看到一个表面上2像素的斜面。 ( _4 U( _* O+ s. Z
$ Y3 b: z6 O* l6 V* u) L* |# u. v) p  E
2011022411435302.jpg
, ^7 M, u  q5 b: b! O5 Z3 }' R4 l+ b6 M5 l
6、套用一个1像素的描边,在设备的内部位置要使用比设备前面更暗的颜色。在这一步,我们要创建一个代表行之间的形状和播放器的前联合差距的线。
7 V' ?$ h! r; f/ Z" f' `- u& G( x% e6 l0 Z# N
2011022411435316.jpg ; `  \; T9 J6 K8 N5 V
7、设置2像素值以下的内发光。
- L$ ]% u$ C6 }- D6 _; `$ H
9 z9 s2 r0 M# Q0 D" _  w! _ 2011022411435360.jpg
4 f' L0 E! U  E& O3 o
6 l9 ^0 a" u/ K: m  Q) \, ]8、给设备的前部添加软梯度,让设备更有凸出感。
1 S0 P0 c7 u5 l9 D$ Q( n# z# U( w8 \4 p) [) `6 X7 Y* n
2011022411435365.jpg
% [$ C2 [+ G) p) e2 U" a
( c/ c9 D2 `( x9、现在,我们将突出这个MP3的优势。要做到这一点,需要添加一条有挤压感有三维效果的线。然后在MP3的外表面添加2像素灰度中风效果。 ( o% c+ i/ ^. w, T7 Q! |

" i0 e  N2 u' R( Z! W( l 2011022411435490.jpg
  q- C; E, ?8 R10、利用锥与浮雕风格,我们在这条线的上部区域添加光效果。现在物品看上去像是从上面打光,下面变得更暗的挤压效果。
5 K3 O' {) U# Q/ g- R6 Z, t, Z& b* d' K5 C( g+ S$ H" M3 Z; |
2011022411435466.jpg 3 ~4 ]* A; h, B8 o  {+ `: K
3 n. `4 X' S: k2 k2 N6 S
11、现在在这个图层上添加柔柔的,轻轻的内阴影效果,让播放器的前面更显突出。 1 a& k6 Y" [7 r* C) j
5 f- u/ S* A6 e1 w0 v& @
2011022411435560.jpg ; S# N% T- o  o' w0 ~' e4 I! U2 z
0 G% x8 N0 N# ^1 r& D
12、通过复制和编辑前面的斜面层,我们创造更多的代表不同的控制按钮的斜面。 + d: ]+ z& _7 b$ B% f. O

- e+ w+ q2 O3 C) w 2011022411435531.jpg
) x4 ^+ w) M4 x# u1 k, Q$ H7 G9 y; v6 Z) t& V) r
13、现在通过编辑形状层来创建播放器的主播放/暂停按钮。重复第一个斜面,在边界以内画一个圆形物体。然后放大10%的水平,因为我们只需要那些斜面。
7 u4 O* A% s, E& X$ `# b) I( [/ @. \$ z6 G3 L5 |
2011022411435598.jpg 1 c7 [/ e+ n+ a% E0 {  V

& [& {' c$ D; `8 y14、像下面这样在步骤13中创建的形状中应用软3像素面具。 , H' y# Y4 _' P% |9 r" I
) O, i# \! D1 H9 P3 N- F
2011022411435668.jpg 2 \( \0 y: q( x3 ?7 ]

9 o: |6 m. a9 X6 X& y9 ^15、为了使面具隐藏对象和它的图层样式,在图层样式窗口单击选项“图层蒙版隐藏效果”。如果我们不选择此选项,这个面具只能隐藏形状,但是会把效果显示出来,而我们就是想要把它隐藏。 5 P2 P8 L% O% ^; u* D
& Y/ q' ?  \2 ?3 K7 o5 j3 r
2011022411435633.jpg
! A( n# h1 U. m6 i$ H16、相同的面具也将用于其他斜面,我们可以从之前的图层屏蔽掉。用鼠标右键点击图层里面的遮罩层的图标,选择“从选择减去层面膜”。这将创建一个和以前相同的选择。
3 |% B+ U  q& g$ |- c. k* k6 B% t" V8 K
7 y4 M* j. I0 `% ?" X+ ~& w- Q& D 2011022411435767.jpg 8 E+ h' ~, m2 n! ^( f" u
6 K; M: P  g! c7 k
17、在这一步,我们将重复选择转换图层的步骤。
7 F8 Z, q8 q% u9 ~! l  d" R+ R9 D3 X: C$ U* d
2011022411435745.jpg
/ M' A0 H; ~% U  O9 W
" N9 A0 w6 f4 F6 |0 x18、我们已经有了设置主按钮的斜面。现在我们需要给播放器创建一个显示器:黑色亚克力屏幕,在那里可以显示歌曲名字和播放时间。
1 `. }1 I- w+ l
; I$ M& M4 m6 ]: [ 2011022411435730.jpg
) T- q( ?+ M, R& L: [19、首先,我们使用阴影来创建一个光从上面射向底部的斜面。使用图片显示配置的风格,可以使图片显得锐利和清晰,而不是黑暗和模糊。 * E9 F7 c# R6 M- r& u, q6 _

7 u7 E% A) W8 R0 X  {- B 2011022411435876.jpg
* e- R" }7 y4 n* K6 S( ^8 v8 q( E; d1 M7 Q
20、现在,我们需要建立一个径向渐变。把黑色和白色两种颜色尽量靠近中心附近,那样没有这么多两色的柔软性。黑色占49%,白色占50%。
$ N0 w' g+ x0 P1 a  d
  o0 N2 d1 b4 \. o  h 2011022411435857.jpg + x% }3 D7 i( a1 X  q  O
/ Z1 B( a* H0 z0 s0 k+ C% Q
21、取消点选该选项与层对齐。如果我们不这样做,梯度将只能从该对象的中心到边缘,我们希望梯度更大和更广泛。
8 o8 w7 ~2 Z6 L1 C
' E% e3 E7 D( f! y) } 2011022411435847.jpg 1 W: e6 Z! t9 \) _: p+ g  g
22、他出示您的镜面效果,使用两个类似于我们创建按钮那一步的斜面来做一个形状。使用一个一致行程内的黑色1像素中风。使用内部发光,2像素的大小设置为屏幕上的混合模式。
% r: [+ |1 S- D/ s: d. `0 b* q5 t) r0 f* z2 L/ `
2011022411435962.jpg 1 q5 C) q2 s9 @' |) k: N& I8 I8 U" W

5 J" c+ I) R( _! Y, C- j$ q5 w23、现在我们已经完成了我们的MP3播放器的前面。现在我们需要添加一些显示按钮和文本的图标。
+ U" ?4 e2 j- ]7 [) r; s9 k" a" T2 N  C4 j9 f. @3 D3 a* O
2011022411435932.jpg ( Y* d3 A. S; m1 T$ ]) F
' ^/ q% I6 l- g/ O
24、现在,让我们在显示屏上模拟显示滚动文本。使用像素化的字体,我们需要添加将播放的翻译名称和歌曲名称。你可以使用这个免费的字体。记得把走样移出菜单上的文字工具窗口,以保持文本尖锐。
3 E' i2 s2 @3 m; G: `; P$ r  l  J
" d) A* }; n1 M) Y 2011022411435917.jpg
- w- n+ n; R+ K# n: `* ^25、我们用其他位图字体创建计时器,指示时间的流逝。此字体也是免费的,你可以在这里得到它。 " E; X; x2 `! f
# [3 @0 v" o' a+ y$ f
2011022411440021.jpg 9 h& k3 \* t0 C$ |9 W4 ~  l

9 T- a$ F' O3 S! `8 I2 G1 z! y  g26、使用通用的显示图标和音频或视频播放器符号的字体。你可以使用这一个。一旦它被安装用来创建播放器不同的按钮,在这种情况下,播放/暂停控制(随着播放器的发展,您将需要创建两个国家的按钮时,当按钮被按下时,播放按钮变成暂停按钮,反之亦然)。 ) c3 ?0 B) X+ h2 Y1 G! E  S
* o0 _$ A$ O3 `% a
2011022411440089.jpg
5 r6 x0 K6 k3 {( H1 c7 X, y. f9 k- [: [! m5 O9 J
27、对于这个符号,我们使用和前表面相同的颜色。用颜色选择工具,我们可以绘制文本。
# H5 {( I  D2 O/ @% Z+ \
* Z( S8 a, Y3 d$ g5 d 2011022411440043.jpg
5 B1 A9 U  z% o* x. ], z* X: @
3 ^; G! {( a+ C28、现在,我们可以包括各种不同的款式,让播放器外观看起来像浅浮雕标一样。使用内阴影下的相应值。
* e8 e: a  z, W9 `" s& @: Q7 f/ a8 d/ D8 Y1 ]: K
2011022411440090.jpg
7 E+ i( u9 |7 g# j! K& h  V7 L8 `: K# s, c' e5 [
29、用这些操作可以减轻底部斜面。 % l- M) l" l  K/ `: C; S

* F5 o6 E2 U4 R8 n 2011022411440166.jpg 0 e, x3 A& X4 m9 V
" Q9 Q' `/ q+ f6 X1 o0 f
30、使用柔软的宽度和坡度小的表面,让播放器看起来不是很枯燥。
# E( y7 Z3 v6 `4 c5 e; Z* v* @( F) {; A6 `5 ~2 B
2011022411440102.jpg
2 |; E% s0 j/ b+ w

最新评论

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

GMT+8, 2018-5-25 16:33 , Processed in 0.182947 second(s), 31 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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