首页 > 办公 > Photoshop > 正文

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

2024-08-21 23:23:58
字体:
来源:转载
供稿:网友

本例为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入门实例:制作绿色玻璃按钮_网页设计

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表