今天我们来做一个不锈钢按钮,制作方法很简单,只需要通过图层样式就可以实现,适合ps初学者练习,让我们开始吧!先看下最终效果图:
utobao编注:更多PS教程学习进入优图宝PS鼠绘教程栏目: http://www.utobao.com/news/57.html
具体的制作步骤如下:
步骤1
我们新建或Ctrl+N,创建800x 800像素大小,分辨率72像素/英寸,RGB颜色,8位,背景内容为白色的新文件 。大小也可以根据需要自己设定。
步骤2
转到椭圆选框工具,按住Shift键画一个圆,Alt+Delete填充颜色。
步骤3
转到图层面板,双击图层1打开图层样式。
使用以下设置添加斜面和浮雕:
步骤4
使用以下设置添加等高线:
- 等高线:半圆
- 检查反锯齿框。
步骤5
使用以下设置添加描边:
- 大小:21
- 填充类型:渐变
- 角度:123
步骤6
使用以下设置添加内阴影:
- 距离:24
- 大小:43。
_ueditor_page_break_tag_
步骤7
使用以下设置添加浙变叠加:
- 样式:角度
- 浙变颜色色值:#ffffff、 #8b8a8a、
步骤8
添加一个投影与这些设置:
- 不透明度:53%
- 距离:5
- 扩展:21
- 大小:9
步骤9
这样第一个圆画好了,效果如下:
步骤10
接下来我们来做下面的圆,转到图层面板,选用椭圆选框工具,按住Shift键画一个更大的圆,Alt+Delete填充颜色。
步骤11
转到图层面板,双击图层2打开图层样式。
使用以下设置添加斜面和浮雕:
_ueditor_page_break_tag_
步骤12
使用以下设置添加等高线:
- 等高线:滚动斜坡-递减
步骤13
使用以下设置添加描边:
- 大小:4
- 填充类型:渐变
- 角度:123
步骤14
使用以下设置添加浙变叠加:
- 样式:角度
- 浙变颜色色值:#ffffff、 #8b8a8a、
步骤15
添加一个投影与这些设置:
- 不透明度:53%
- 距离:8
- 扩展:17
- 大小:9
步骤16 好了,看下效果如下:
步骤17
为了使按钮金属感更强,我们增加一些高光,按Ctrl键点击图层1,得到选区。
步骤18
转到编辑-描边,宽度2像素,颜色白色,位置居中。
步骤19
转到编辑-描边,宽度2像素,颜色白色,位置居中。
步骤20
转到图层添加图层蒙板,不透明度设为72%,用画笔把不需要的地方涂一些掉,完成后如下图。
步骤21
我们还需要在给按钮加上一个背景图。找一个木纹图片拉入Photoshop中,放在按钮的最下面一层,好了,最后的效果如下。
![]() |
utobao编注:更多PS教程学习进入优图宝PS鼠绘教程栏目: http://www.utobao.com/news/57.html