当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop入门实例:制作绿色玻璃按钮

Photoshop
新手教程:手把手教你画鸡蛋
Photoshop CS绘制一根青香蕉
体验PS CS2增强的图像处理能力
领略Photoshop CS2风采:沙发材质超级变换
Photoshop CS2 改变之图层操作
四步为图像添加圆角网格
Photoshop CS2令人满意的十处小改动
PS CS2 智慧对象Smart Object的应用
Photoshop基础视频动漫教程(60)
Photoshop CS2无限图层蒙版
Photoshop制作头发的教程
启用新插件 给Photoshop CS2加加速
用PhotoShop来手绘西部牛仔
PS文字中浮现人像效果
Photoshop把美女的照片变清晰
如何用Photoshop画服装款式图
Photoshop超级美女插画效果
photoshop CS 制作冰封特效
Photoshop绘制超酷的摄像头
Photoshop制作倒影效果

Photoshop入门实例:制作绿色玻璃按钮


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 1047 ::
收藏到网摘: n/a

本例为PS初学者实例系列教程,今天我们来学习如何简单快速制作一个玻璃按钮,通过本例我们将学习到渐变填充、图层样式、选区、滤镜以及阴影的制作方法。

先看下完成的效果

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

新建文件 大小也可自定

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

对背景层进行渐变操作 设置颜色为两边为深灰色 中间为浅灰色的渐变

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

选择径向渐变 由左上角往右下角

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

新建一层

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

按住Shift键用圆形选区工具画一个正圆

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

按住Shift键用圆形选区工具画一个正圆

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

渐变 由浅绿色到深绿色到浅绿色

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

在选区内进行操作

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

点击图层面板下的图层混合选项 选择 投影

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

设置如下

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

勾选 内发光 注意修改图层混合模式为:正片叠底 颜色修改为黑色 大小为30

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

再新建一层

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

按前面的图层1的缩略图 调出选区

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

编辑 填充

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

50%灰色

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

如图

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

滤镜 杂色 增加杂色

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

勾选单色 平均分布

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

更改图层混合模式为 叠加 不透明度 45%

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

新建图层3

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

圆形选区工具

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

选择 羽化

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

把前景色设为白色 渐变工具 选择第二个 从前景色到透明 把上面右边的的滑块向左拉动一点

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

按住Shift键下下拉渐变

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

文字工具 输入合适文字

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

图层样式 投影选项

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

勾选 光泽 选择一个合适的等高线

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网

完成

Photoshop入门实例:制作绿色玻璃按钮_软晨学习网