发新话题
打印

Photoshop打造个性化微型播放器

Photoshop打造个性化微型播放器


Photoshop打造个性化微型播放器3 ]9 T& |# U1 w3 g6 g0 j& T

# s# `: Z) m, u  q
9 f7 n" X1 w' _
2 ^2 j  y+ T( w# z1 @7 R/ u* v1.新建一个文件,图象大小设置为200X200象素,72DIP,白色背景,RGB模式。, t9 M# m& p" a  e8 P
  2.新建图层1,选择椭圆选框工具在图象中拉一个椭圆的选区出来(图1)。
3 A! a4 m: D) ], ~9 s7 B  C
) G8 ^5 s) J/ K+ H1 l: I- z# Z8 Q5 x" c" M% E: v: p
2 Z# F- ^' @! _6 d( r
, }  B& m- n! u
(图1)
2 C5 R0 s+ z+ B# k7 T2 y: H  3.选择渐变填充工具,渐变样式选择‘径向’渐变,并将渐变色作如(图2)般设置,从选区的左上角向选区的右下角拖动鼠标来填充选区(图3)。9 l& h0 P' |9 S- Z- z/ ?( y
' |8 D8 U% W: e5 ?/ R  J' y
1 g$ O1 R7 U9 l9 R+ M

5 P7 u( r, ^, {# k' [: V2 K8 J) X" q) E) N8 m
(图2)
' j* F9 \/ h# u8 e* R' g, v5 o" c( S0 y/ n$ f
  [& G' b' g) B( a6 b$ o. ]

5 Y2 B/ X0 l9 S5 h$ G. R
; @4 m( I% j4 @, l( `: ?. b(图3) 4.用鼠标双击图层1,在图层样式面板中钩选投影、内阴影、外发光,投影参数不作设置,按默认样式,将内阴影的不透明度降低至20%,距离设置为0个象素,阻塞保持0%,大小设置为2个象素;再将内发光的不透明速降低至15%,发光色也设置为白色,其它不变(图4)。
. M5 J, E3 O/ L1 b4 L0 L( O
! I, a0 u6 A5 o$ s0 Q& x& v  h1 N' e0 R' R" M* V
# Z% U! C% |; r2 O0 f) I
- B$ I3 m1 ^3 C
(图4)
+ U4 l* q& c  j  5.新建图层2,选择椭圆渐变工具,按住SHIFT在前一个椭圆的范围内拉一个正圆的选区,再选择渐变填充工具,依然是前一次用的渐变色,简便样式也同样是‘径向’渐变,从正圆选区的左上角(圆形以外)到有右下角(圆形以内)拖动鼠标来填充渐变色(图5)。
# O  b4 b* o9 s
3 T* O! s. \, v- n4 H$ o( J: g8 S$ c. m( _- `- u
, n1 Z$ I- A6 U

; ?. N7 z5 M1 w: [( i(图5)% v# s! G" u3 L: n/ Z* S
  6.用鼠标双击图层2,在图层样式面板中钩选投影、内阴影、外发光效果,将投影的距离设置为0个象素,扩展为0%,大小设置为8个象素,其它不变;将内阴影的距离设置为0个象素,阻塞为0%,大小为5个象素,其它不变;再将外发光的发光色更改为白色,扩展为0%,大小设置为8个象素,其它不变。完成后再执行菜单-图象-调整-亮度对比度,将亮度设置为10,对比度设置为50(图6)。
& V8 D3 |6 {) X3 `. n* l
6 s  x$ C7 ]2 H, w2 i1 u
$ i( ^! p5 V) |' K' S" e. L+ e6 J. k! H- J3 n# y+ @

1 O5 k  V7 ?' o3 X/ \0 T(图6)7.新建图层3,选择椭圆选框工具,按住SHIFT在前一个制作的圆形的中间靠左的位置拉一个正圆的选区,将前景色设置为R:145、G:165、B:125,填充选区(图7)。
6 N7 I. O# X, {5 k+ x2 H" k
! T/ @1 u; `$ W
, e7 O$ Y6 y, w$ p1 p3 e3 U$ i1 M( x. Y, o) p& A
7 B; u$ D5 t: j$ m3 \+ R5 t
(图7)8 _7 q$ j* V! I; k
  8.用鼠标双击图层3,在图层样式面板中钩选投影、内阴影、内发光效果,将投影的距离跟大小都设置为6个象素,其它不变;再将内阴影的不透明度设置为100%,距离设置为0个象素,阻塞设置为16%,大小设置为5个象素,等高线选择第二排第五种样式;再将内发光的发光色更改为白色,然后将扩展的数值更改为18%,大小更改为8个象素,其它不变(图8)。
* h) O3 b& i* _  ~2 T" \5 V6 D: G. r" p* }
8 g9 e" v( u+ j' l3 g- D! [& w
& ~- B# n  m5 n! ?/ I2 W$ C
# y6 N7 y  |& x. v( h" U* J
(图8)9 h, y& `# V7 V3 F
  9.下面来做液晶屏内的有机层面表现出来。当前图层定在图层3,执行菜单-滤镜-杂色-添加杂色,将数量设置为1%,选择平均分布 2 A/ C) Y; U. L5 h
,并钩选‘单色’选项。完成后再执行菜单-滤镜-渲染-光照效果,将光照参数作如(图9)般设置。完成后效果如(图10)。
+ e& K( ^( u, V+ h8 ~
' \0 g/ |/ c, n) v
! V8 R. J) d9 `- @1 _- P
1 u8 e6 X% ^8 q  i0 U! ?4 k+ x$ ?1 p$ r0 o& d' Z
(图9)
3 A  b0 h' u8 K! y# \0 e
- i( J- g5 J) P) b- X) }
: d0 E- C0 @& _
, |! D4 |4 r( i9 R3 ?
- x# |& @0 ~" ?* \, B) B# s(图10)
1 U4 A6 s, r1 u  10.好了,屏幕差不多就这样完成了,下面要做的是液晶屏幕上的图案及文字。将前景色设置为黑色,用文字输入工具在在图层3的上面输入文字88-88,并可用自由变换命令将文字缩放到适当大小,完成后用鼠标双击此图层,将图层的混合模式更改为柔光,再在图层样式面板中钩选斜面和浮雕效果,将浮雕的深度设置为1%,大小跟软化都设置为0个象素,其它不变,并将此图层的不透明度更改为50%(图11)。7 W7 G* ]; [: X! W1 p
! @! _( L4 Q1 T! r
3 M" X" P6 i; T; c  t/ A

# V2 A) y7 n( c0 a
$ [8 v& d7 }4 ]5 D2 }(图11): i2 ?% U. H3 [' H2 u
  11.将文字图层复制一个置于图层的最顶层,将图层的混合模式改为叠加,并取消斜面和浮雕效果的设置,并将图层的不透明度更改为100%,再用文字输入工具,将此行文字修改为别的数字或字母(图12)。
+ p% h: G7 R' T" p! T3 s
& d9 G6 U9 Y+ X. F" k6 Z5 ]8 o& Y% P% z! M( z% h7 K( x) L
# t* m7 c0 j) O8 T5 B% a
* T* V4 F: Q3 ^. [$ Z: V
(图12)! y, c- m# Z- Z1 I$ [
  12.文字完成了,下面再来为液晶屏加一些小图标,在两个文字图层的上面新建图层4,用矩形选矿工具在画面上框一个横向的宽度为1个象素的矩形选区,填充为黑色,将此黑线条垂直等距离的复制几份,再将所有黑线条的图层合并,再用矩形选框工具框选不要的部分,将其删除(图13)。
- A! Y$ m3 i8 S* K8 k
5 G, F4 [; d, _" p( a" W% a
+ N% X$ `+ e2 K8 c* ~" G5 K& c
, o4 r* {2 G2 j: I- u7 S$ Z9 }! Y2 c6 f+ w
(图13)13.将图层4的混合模式更改为柔光,再将图层4复制一份为图层4副本,用矩形选框工具,将一些黑色线条的块框选后删除,来表达出音乐播放时节奏灯的跳动状(图14)。
5 o) j) S0 l. l. L( U4 {% f4 b) G4 `; z% s* D6 {7 S3 Q1 }& K$ |

4 _& H4 M8 B" U6 n% r* ^6 O: u8 U2 B3 \

# s/ n$ {% l9 V+ R$ m(图14): ?- |: p$ m/ ~' b2 k
  14.如想再做点别的图案或文字上去的话,方法还是相同的,自己想象啦。(图15)。; D- \# Y! T3 o0 T1 @6 S1 T

  y6 A9 Z' G  W* V( ~% D' H6 ?0 |7 H9 R

# Z& ^% r* O, u" C- Q# S- r9 R9 q% n2 `3 Z3 ?  @2 V
(图15)
3 a# O# b! K% u- n  15.将图层1、2、3连接,执行菜单-编辑-自由变换,将连接的播放器的3个底层图案旋转个角度,这样看上去的播放器就不那么死板了(图16)。
; t) A" U# T& Y6 B
  v2 a$ j# Z! F) D/ J; C- z
4 v: L& }; g4 A2 r- f. }# E/ Y# {7 W; W6 ?4 A+ \3 R/ k( o7 ]0 a# U

' S- m* E4 [' _2 ]5 E! Q" s(图16)+ \; C) k9 A: |  S
  16.在图层面板的最顶层新建一个图层,按住CTRL点击液晶显示屏的图层,使其选区浮起,执行菜单-选择-修改-收缩,将选区收缩3个象素,再选择椭圆选框工具,按住SHIFT ALT后框选圆形选区的左上部分,这样选能将不需要的右下部分的选区直接去除,(图17)。! E4 o& Z+ Z/ V0 \
; X9 o4 e; `  r! Q# R/ Q5 ~

0 s6 ]* U# p* J# n- o; a
8 M# O$ z% X2 p; N$ {7 }6 Y% s4 Q" M' d9 B) e) b
(图17)17.在选择渐变填充工具,渐变样式选择线性样式,再将渐变色的左右端的颜色都设置为白色,并将右端颜色的不透明度设置为0,在选区中从右下角至左上角拉动鼠标来填充选区(图18)。
9 a" Z) y" D" g" k! B
6 c4 v4 M5 W! Z9 H1 ~) W4 T/ b  w/ u1 F8 u- U" o2 D: F
& M$ h. h$ z9 B4 Z% E  v4 |/ Z
6 p2 J2 l% y# z5 K6 d- R
(图18)
0 j: g+ s9 p) e; {  18.下来为播放器加两个简单的按钮,在图层面板的最顶端新建一个图层,用钢笔工具,沿着图层1中播放器底层椭圆的右下部分的弧度勾画出一个回旋标式的轮廓(图19)。,将路径转换为选区,到图层1中将选区中的部分复制,并粘贴到新建的图层中。- A/ [9 H+ }6 p7 }
( k5 v6 g7 j8 p
+ K( j9 W9 c8 E) w
" f- L) B  }) R2 d
7 A: N' |# }  \& ?4 x5 h
(图19), G) w2 g$ B8 l6 G8 [' C% J! k( `2 Y+ X, h
  19.双击此图层,在图层样式面板中钩选投影、内发光及斜面和浮雕效果,将投影的距离设置为0个象素,大小设置为4个象素,再将投影的等高线更改为第二排第四种样式,其它不变;再将内发光的发光色设置为白色,其它不变;将斜面和浮雕中的大小设置为2个象素,软化设置为3个象素,并将等高线样式更改为第二排第三种样式,其它按默认设置,不做更改。完成后将图层的混合模式更改为正片叠底(图20)。
/ D, `7 C9 s$ B) {/ j
  s' N, o3 h* K; g; ~! T1 A  s* p0 M4 t+ A, b; n

  |) d+ g( O4 z# g' y( A  c
' l' u5 y: [( P: N/ ~0 O0 K(图20)20.执行菜单-图象-调整-亮度/对比度,将亮度的数值调节至最高,再用多边形套索工具框选出按钮的中间分割部分,并将选中部分删除(图21)。  ~1 j4 U6 D6 P! Y3 B) v

5 J' i: W1 g5 s; B1 h
" ?/ p+ L, u/ P( w, _' ?: g: @$ G; s" g0 D( z- _

  [+ r& E" n( a; m6 i; S4 [(图21)2 m5 i5 {4 s7 \  O
  21.完成后再在图层面板的最上层新建一个图层,选择铅笔工具,将画笔大小设置为1个象素,前景色设置为黑色,在按钮上画两个小图标(图22)。
" W9 _: D+ {9 X8 u7 b
. h& E/ l/ t% I' Z5 T/ S
% X" A% a3 P# {+ D  i
7 l  m" _7 h( ~8 S4 _3 ^5 n1 V$ j/ Y5 B* L
(图22)+ A/ T' v+ |7 S! v, n+ [* B9 |
  22.用鼠标双击小图标的图层,钩选投影、内发光、斜面和浮雕效果。将投影的距离跟扩展都设置为0,大小设置为2个象素,并将等高线样式更改为第一排第三种样式,其它不变;再将内发光的发光色更改为白色,其它不作设置;将斜面和浮雕中的样式更改为外斜面,其它不变(图23)。
" x& O- h& ~2 M% h
& j/ a& r1 x. X. }$ e
5 z. }! M" T- ~4 g0 s' z, i( g
1 l' v# F2 e/ X2 A& a  y3 u6 z+ c8 ~. v
(图23)
/ w( `& N) X% c" p$ Y+ p1 W5 T  23.好了,按钮也完成了,这个简单的微型播放器也就可以告一段落了,对颜色不满的话可以通过调节菜单-图象中的色彩平衡(CTRL B)和色相/饱和度(CTRL U),或者曲线命令(CTRL M),也可以用渐变映射命令(ALT-I-M)来调整(图24)。
- ]# J* B' X+ q/ n& R0 A$ R% b; c! I5 j& G( N; P& S6 Z
4 `: \! s/ X$ j' e2 g% t6 c, s



点击图标进入精品网摘收藏 欢迎大家加入网络收藏夹

TOP

发新话题