Y*Z"O;mY0E1在这一篇教程中，我将教给你怎样在photoshop中创建一个透明玻璃效果的干净的网页用按钮。之前我们也有制作按钮的教程，如果你对于photoshop感兴趣的话也可以看看《初级photoshop教程-创建一个动作按钮》《在photoshop中如何制作一个简洁干净的按钮》。创意公社- ideaerv? ARgL1O*\`j
这就是我们最终的结果。好了，让我们开始吧。在photoshop中新建文档，尺寸为430×430，白色背景。

8?K%`cK7AMs1
W!F5P8[!hp;[`1 STEP-01创意公社- ideaer&{]5FU*F'a3g };|~
新建图层，命名为 “box”。用圆角矩形工具 (U)创建一个圆角矩形。点击ctrl+回车创建选区，填充为白色。

3rSw&X!Cxhy T2Z1创意公社- ideaerD,o C}jk U

R)q/z1`D)w1STEP-02创意公社- ideaerq"U7d`VX,O,|x{ i-i
给这个形状创建图层属性-渐变叠加，内发光和描边。

STEP-03
]C/l HA1 给这个形状创建渐变叠加。渐变颜色为-左边(#B1DB08) 中间(#66AB04) 右边(#B1DB08).创意公社- ideaerr TgI'Kz%P(IIC

STEP-04创意公社- ideaer ^$jfCo
添加内发光，设置颜色为(#D9FF4E).

创意公社- ideaer IL6LK0OOY"RY

STEP-05
i"soM(j&?1 添加描边-设置边的颜色为(#A8D508).创意公社- ideaern \6Ge:`"itpG

h9\nc]Qy`1

5N/TT6rH1c Tgc
Z1STEP-06
(J%H#U{
Nv Y0E1 创建一个新的图层，命名为 “light”。创建一个圆角矩形选区。填充为白色。

创意公社- ideaer-L5a#j:n%r'Ne6n/s l w1Q!J

STEP-07
*hkC9yKN1 设置扭曲滤镜(滤镜“>扭曲>锯齿)。按照下面的参数进行设置。创意公社- ideaere0P4`IZ `c

"E Ru/@ T \e1创意公社- ideaer"i4Mv4Q#? T

&Ae.n}a\#Z1STEP-08创意公社- ideaer3y^6U-Q
S[
设置图层透明度为40%。用橡皮工具(E)擦除边缘。最后你将会得到我们想要的结果。创意公社- ideaer&^UN6tp!b k.`7d

0V&s)f ze1

好了，这就是我们最终的结果。很容易吧。

源教程来源：via

( 0 B )

( 0 B )

( 0 B )

( 0 B )

( 0 B )

( 0 B )

( 0 B )

( 0 B )

( 0 B )

( 0 B )