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

Photoshop
Photoshop入门:网上下载的滤镜应用实例
Photoshop入门:下载的笔刷如何使用?
Photoshop入门:动作的安装使用实例
Photoshop入门:外挂滤镜的安装和使用
Photoshop入门:自定义形状如何使用?
Photoshop入门:各种形状工具绘制形状
Photoshop入门:动作(Action)安装和使用
Photoshop入门:绘图类工具的使用
Photoshop入门:关于外部样式的安装和使用
Photoshop入门:外部渐变的安装和使用
Photoshop简单制作通透的雨花石
Photoshop简单制作网页半透明按钮
Photoshop制作震撼人心的烈火勇士画面
Photoshop画笔绘制夜空彩色星光
photoshop基础教程:绘制折扇简明教程
缅怀:Photoshop制作国难日哀悼海报教程
Photoshop制作文字波动动画
Photoshop CS3 友基绘影2数位板绘图实例
Photoshop基础教程:简单水波动画
Photoshop基础教程:色相模式

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 768 ::
收藏到网摘: 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入门实例:制作绿色玻璃按钮_软晨学习网