Photoshop 绘制透明玻璃效果的网页按钮- Photoshop

当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop 绘制透明玻璃效果的网页按钮

Photoshop: 美术设计基础：在平面中描述立体之透视详解; Photoshop鼠绘教程：绘制一盆可口的哈密瓜; Photoshop CS4鼠绘教程：设计六一儿童节插画风格贺卡; Photoshop CS4教程：去除照片上无用的元素; Photoshop抠图教程：颜色混合带及球面化滤镜的应用; Photoshop动画教程：打造美丽春天里飞舞的蝴蝶; Photoshop调色教程：打造红粉佳人之解破刘方肤色; Photoshop合成教程：打造小象宝宝的悠闲时光; Photoshop后期教程：ACR结合PS修图与调整简单流程; Photoshop初学者实例教程：去除MM脸部的高原红; Photoshop后期教程：结合Raw改善照片对焦缺陷; Photoshop鼠绘教程：绘制亭亭玉立的荷花; Photoshop后期教程：综合运用调整偏色图，让MM靓丽起来; Photoshop鼠绘教程：模拟pt手绘效果-母亲; Photoshop动画教程：欢庆国庆60周年，打造飘动的五星红旗; Photoshop鼠绘教程：绘制瓶装洗发水广告效果图; Photoshop初学者实例教程：调制一杯创意咖啡; Photoshop初学者实例教程：鼠绘漂亮水晶水果图标; Photoshop初学者实例教程：炫彩光影字体特效; Photoshop鼠绘教程：绘制一个漂亮的桃心盾图标

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-02-27 浏览: 241 ::

收藏到网摘: n/a

这就是我们最终的结果。好了，让我们开始吧。在photoshop中新建文档，尺寸为430×430，白色背景。
Glassy Button

STEP-01
新建图层，命名为 “box”。用圆角矩形工具 (U)创建一个圆角矩形。点击ctrl+回车创建选区，填充为白色。
Create a Rounded Corner Box

STEP-02
给这个形状创建图层属性-渐变叠加，内发光和描边。
Add Blending Options

STEP-03
给这个形状创建渐变叠加。渐变颜色为-左边(#B1DB08) 中间(#66AB04) 右边(#B1DB08).
Apply Gradient Overlay

STEP-04
添加内发光，设置颜色为(#D9FF4E).
Add Inner Glow

STEP-05
添加描边-设置边的颜色为(#A8D508).
Add Stroke Style

STEP-06
创建一个新的图层，命名为 “light”。创建一个圆角矩形选区。填充为白色。
Make a Rounded Rectangle Again

STEP-07
设置扭曲滤镜(滤镜“>扭曲>锯齿)。按照下面的参数进行设置。
Apply zigzag Filter

STEP-08
设置图层透明度为40%。用橡皮工具(E)擦除边缘。最后你将会得到我们想要的结果。
Final Result

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