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

Photoshop
通道抠图让漂亮MM无处不在:桔子教程系列
精细调整还你山清水秀:桔子教程系列
桔子教程合集封面制作
桔子自然去除双下颌
Photoshop基础教程:曲线调整实战攻略之亮度篇
Photoshop基础教程:曲线调整实战攻略之反相篇
Photoshop基础教程:曲线调整实战攻略之饱和度篇
Photoshop基础教程:曲线调整实战攻略之对比度篇
Photoshop基础教程:曲线调整实战攻略之颜色调整篇
Photoshop基础教程:曲线调整实战攻略之选择篇
找回调整损失掉的亮度信息
调色游戏(色相/饱和度调偏色猫)
PS CS2新增功能之Vanishing Point消失点工具的使用
图层样式高级混合(桔子回答学友问)
桔子跑光照片修复教程
桔子系列—头发融入背景抠图教程
桔子可选颜色实战篇
桔子自然美肤教程—简单实用纹理保留篇
桔子PS表格制作全新方法!
桔子教你做抽线效果详解

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


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