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

Photoshop
Photoshop打造带炫彩光线的扣篮动作
PS教程:彩色图形制作个性的画面
PS照片合成教程:魅彩风华美女图片
PS图片调色:制作中性灰色彩下的黑白照片
Photoshop基础工具绘制质感五角星
Photoshop用素材合成真实的火焰字
网页设计师需要掌握的10个Photoshop技巧
Photoshop调整整体感觉失真偏色照片
Photoshop打造漂亮美女糖水肤色技巧大全
Photoshop教程:美女照片转仿手绘细致教程
Photoshop绘制水晶风格的憨厚的企鹅
PS抠图教程:反相操作颜色范围抠图实例
Photoshop鼠绘:卡通文字动画
PS图片调色教程:苍白皮肤的冷酷美女
Photoshop影楼照片处理教程:修饰照片步骤
PS教程:美女风景照片调色处理
PS照片处理教程:漂亮的蓝色小精灵
Photoshop教程:绘制光源真实感强的3D图标
PS合成教程:血迹斑斑的吸血鬼房屋
Photoshop教程:绘制漂亮的光点背景

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


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