[图标●挂件●闪字●边框] Photoshop制作玻璃图标按钮

最终效果图
% l+ R6 b$ L( c5 ~
1 f( W2 I' k: ^3 U9 \+ K; E" K+ ~4 J4 a: R& P0 Q0 G
1、新建文档，使用圆角矩形工具Alt键绘制一个圆角正方形，然后使用渐变工具设置下面两种颜色进行填充，该图层命名为：icon-bg ，效果如下图：
. `1 a  Q( g; E4 m4 A7 j5 J" U
1 h7 B! _4 P$ M, m* d9 T. f; l
( B) R  f4 _- {; a4 J* c- v9 c2、复制图层，命名为glass，改变填充为白色填充，透明度为50%，使用矩形选区工具绘制如下选区，然后按Delete删除：: k5 v) R4 e6 q

9 }8 v( F& w6 A7 h+ ~; P; W; G6 E5 F
3、现在我们就得到了一个最基础的玻璃效果了，为了效果更加好，我们接下来继续修饰使用椭圆形选区选择下部分，然后进行羽化，半径大约30px左右，然后按Delete删除：" ?6 f* g% Z6 a
: i* ?1 v; H; c3 ~! V! W
0 I. |& {0 x  u+ q! H4 X: h

# Z; d) [+ @& }5 }0 K4 u" j4、按Ctrl单击该图层，然后执行“选择”“修改”“扩展”，来扩大选区范围，，大概为1px，然后在icon-bg下面新建图层，把矩形选区填充为白色，该图层命名为shine，效果：
: G% A+ A$ `7 c8 v- n( e( E- ?9 W, J- l+ x! C* [
0 f2 ]: p, `, q" s) s& l
5、下面我们在最下图层的颜色改变为黑色，当作背景来使用，当然你可以设置其他颜色的背景' U7 |6 C4 a5 b( t. }; j3 f/ v8 Q' k6 l
; D* `& M6 t) X, g5 K( H
" V/ x, o0 K( U( D0 Q' J0 W* E
6、再次使用圆形工具绘制选区，然后进行羽化，半径为30px，选择shine层然后按delete键两次：9 ]% U$ i$ i$ Y4 N) B

; a8 j( y! D, r0 O' s  E4 |4 X- L; [9 {/ S$ A+ K( ]7 \7 w- {7 X1 c% F
7、重复上面做法，选择上部分，这次是按delete一次：
( F/ s$ T. s( ^& B
4 [' t7 z% [! S) {: y8 ]6 q+ N& X. k: ~
8、下面可以稍微设置一下shine层的不透明度：
0 o& F  p5 S2 @
$ w8 d, F  i8 r) v  ?. ?0 M8 w- ?+ b/ o
9、然后按住Ctrl键单击icon-bg，然后再次扩展(“选择”“修改”“扩展”)，然后在shine图层下面创建一图层，然后绘制一黑色的矩形选区，该层命名为icon-frame：
: {: r, _  I4 N; p2 f7 w! {2 v4 q9 e
* d" M4 S# B. ^" G( M& k
10、然后隐藏黑色背景层：
4 _) n$ F/ R# {$ K( W3 W. d9 M7 p) e$ G# J
* b) n# x$ e: ]  a( [0 u
11、选择icon-frame层，图层模式的渐变填充选项设置如下颜色渐变：' n- F9 K  Y0 j

5 t9 Y# b& ]0 v( `# B7 _9 K& A6 E" z% W' r2 [+ c' V
12、添加几个白色形状，效果如下：5 w9 `) f/ t! v/ A; E3 i7 n4 Q

! W, n- @7 n3 J" e" q; V" M* j3 m  \: K1 C3 c& |
13、你可以继续来添加一些图层样式效果使之更加具有玻璃反射效果：* _; \  y+ X6 H% e) u. n5 o, N) N, f# k
: S" Z7 _1 s& Q4 I* A

5 @. i, e- l! c  D8 d) ~14、拼合图层，在最下面建立一图层，绘制一个较小的椭圆：/ f' P: k7 I9 e4 i# F

) }5 u# ^2 }# @: ]& H8 P# t+ Z( z" J3 m; ?
15、拼合图层，然后再复制该图层，垂直翻转：
( V4 u5 W6 x3 f8 I3 O
! j; h; N, x9 A" Y2 O: C  p& X' R" r) Z9 E1 i4 @+ c+ U
16、拼合图层，然后再复制该图层，垂直翻转：' p1 n% o$ K* J2 I% }) _  B3 x; i
* ?7 h0 o+ y6 I

0 w9 Z* r! G1 v7 a8 ^$ a% S17、然后使用圆形工具选择下部分，羽化半径30px，然后按delete键删除：
* s5 ^+ q. v6 @* R% m- X5 r, C; C" _' ]8 V" j  D9 q9 Q
0 z8 e  x- |- B3 I. z5 _
18、最后调整透明度，最终效果效果如下：
3 q$ F  _7 S* t7 m8 O# c