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

Photoshop
作品欣赏:简约而不失美感纯线条作品
佳作欣赏:50张绝对惊艳的像素画设计
分享国外设计师设计极乐的LOGO商标设计
Photoshop教程:绘制蓝色风格水晶小房子
PS图片调色教程:清爽色调的海滩照片
Photoshop签名教程:古典风格的传世唯美
PS图片调色实例:欧美风格亮红色调的图片
Photoshop制作粘贴翘边阴影照片装饰效果
佳作欣赏:35个时尚风格透明效果LOGO作品
广告设计欣赏:绚丽的手机宣传广告设计作品
Photoshop教程:炫彩的花纹文字特效
Photoshop教程:绘制金属质感的铝锅
PS文字特效教程:水晶边框炫彩的立体文字
Photoshop图片调色教程:褪色的记忆
Photoshop调色教程:黄昏下感觉的图片
设计师Barry Downard设计作品欣赏
作品欣赏:汽车创意广告设计平面作品
Photoshop调色教程:漂亮的橙黄色调图片
Photoshop绘制绚丽的感觉非常舒服的光束壁纸
作品欣赏:漂亮的外形的包装设计作品

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


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