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

Photoshop
photoshop 利用历史快照给黑白人物上色
Photoshop调色教程 照片暗黄色夜景效果
Photoshop 漂亮的艺术曲线插画
Photoshop 可爱的卡通女孩头像表情
Photoshop 调出外景人像柔和的淡橙色
photoshop 鼠绘穿红袍的古代女战士
photoshop 蓝色水滴文字效果教程
Photoshop 窗口菜单中的仿制源图片
Photoshop 蝴蝶渐渐飞高效果动画
Photoshop 调出人物照片粉嫩甜美的淡红色
Photoshop 一颗鲜嫩的樱桃制作
Photoshop 偏色室内照片淡化处理
photoshop 利用反相操作快速抠出复杂的树木
Photoshop 简单漂亮的彩色水晶字
Photoshop 一个逼真的纹理皮包
Photoshop 有趣的创意汽水广告
Photoshop 仿阿宝色糖水美女
Photoshop 制作五彩线条背景的立体字
Photoshop 调出室内人物照片柔美的暖色调
Photoshop 打造晨曦中浪漫的情侣

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-30   浏览: 135 ::
收藏到网摘: n/a

在这一篇教程中,我将教给你怎样在photoshop中创建一个透明玻璃效果的干净的网页用按钮。
这就是我们最终的结果。好了,让我们开始吧。在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

You can Create something like this!

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