免费教程┆免费渲染┆免费模型免费软件┆下载中心┆ 资源QQ群┆学习QQ群 ┆在线课堂

3dmax吧

首页 > PS > PS实例教程 > 正文

Photoshop技巧 photoshop制作不锈钢按钮教学
2017-10-07 10:04:45   来源:网络    评论:0 点击:

photoshop制作不锈钢按钮教学
 

今天我们来做一个不锈钢按钮,制作方法很简单,只需要通过图层样式就可以实现,适合ps初学者练习,让我们开始吧!先看下最终效果图:


photoshop制作不锈钢按钮教学
<点小图查看大图>


步骤1

我们新建或Ctrl+N,创建800x 800像素大小,分辨率72像素/英寸,RGB颜色,8位,背景内容为白色的新文件 。大小也可以根据需要自己设定。


photoshop制作不锈钢按钮教学,PS教程,68ps联盟


步骤2

转到椭圆选框工具,按住Shift键画一个圆,Alt+Delete填充颜色。


photoshop制作不锈钢按钮教学,PS教程,68ps联盟

photoshop制作不锈钢按钮教学,PS教程,68ps联盟

 

步骤3

转到图层面板,双击图层1打开图层样式。

使用以下设置添加斜面和浮雕 :


photoshop制作不锈钢按钮教学,PS教程,68ps联盟



步骤4

使用以下设置添加等高线 :

  • 等高线:半圆
  • 检查反锯齿框。

photoshop制作不锈钢按钮教学,PS教程,68ps联盟[page]

步骤5

使用以下设置添加描边 :

  • 大小:21
  • 填充类型:渐变
  • 角度:123

photoshop制作不锈钢按钮教学,PS教程,68ps联盟

 

步骤6

使用以下设置添加内阴影 :

  • 距离:24
  • 大小:43。

photoshop制作不锈钢按钮教学,PS教程,68ps联盟

 

步骤7

使用以下设置添加浙变叠加 :

  • 样式: 角度
  • 浙变颜色色值:#ffffff、 #8b8a8a、

photoshop制作不锈钢按钮教学,PS教程,68ps联盟

photoshop制作不锈钢按钮教学,PS教程,68ps联盟

 

步骤8

添加一个投影与这些设置:

  • 不透明度: 53%
  • 距离: 5
  • 扩展: 21
  • 大小: 9

photoshop制作不锈钢按钮教学,PS教程,68ps联盟


步骤9 

这样第一个圆画好了,效果如下:


photoshop制作不锈钢按钮教学,PS教程,68ps联盟

 

步骤10

接下来我们来做下面的圆,转到图层面板,选用椭圆选框工具,按住Shift键画一个更大的圆,Alt+Delete填充颜色。


photoshop制作不锈钢按钮教学,PS教程,68ps联盟[page]

步骤11

转到图层面板,双击图层2打开图层样式。

使用以下设置添加斜面和浮雕 :


photoshop制作不锈钢按钮教学,PS教程,68ps联盟

 

步骤12

使用以下设置添加等高线 :

  • 等高线:滚动斜坡-递减

photoshop制作不锈钢按钮教学,PS教程,68ps联盟

 

步骤13

使用以下设置添加描边 :

  • 大小:4
  • 填充类型:渐变
  • 角度:123

photoshop制作不锈钢按钮教学,PS教程,68ps联盟


 

步骤14

使用以下设置添加浙变叠加 :

  • 样式: 角度
  • 浙变颜色色值:#ffffff、 #8b8a8a、

photoshop制作不锈钢按钮教学,PS教程,68ps联盟

photoshop制作不锈钢按钮教学,PS教程,68ps联盟

 

步骤15

添加一个投影与这些设置:

  • 不透明度: 53%
  • 距离: 8
  • 扩展: 17
  • 大小: 9

photoshop制作不锈钢按钮教学,PS教程,68ps联盟[page]

步骤16 

好了,看下效果如下:


photoshop制作不锈钢按钮教学,PS教程,68ps联盟

 

步骤17

为了使按钮金属感更强,我们增加一些高光,按Ctrl键点击图层1,得到选区。


photoshop制作不锈钢按钮教学,PS教程,68ps联盟

 

步骤18

转到编辑-描边,宽度2像素,颜色白,位置居中。


photoshop制作不锈钢按钮教学,PS教程,68ps联盟

 

步骤19

转到编辑-描边,宽度2像素,颜色白,位置居中。


photoshop制作不锈钢按钮教学,PS教程,68ps联盟

 

步骤20

转到图层添加图层蒙板,不透明度设为72%,用画笔把不需要的地方涂一些掉,完成后如下图


photoshop制作不锈钢按钮教学,PS教程,68ps联盟

 

步骤21

我们还需要在给按钮加上一个背景图。找一个木纹图片拉入Photoshop中,放在按钮的最下面一层,好了,最后的效果如下。


photoshop制作不锈钢按钮教学,PS教程,68ps联盟
<点小图查看大图>

相关热词搜索:按钮 不锈钢 教学

上一篇:PS文字效果 Photoshop制作复古金属纹理立体字
下一篇:Photoshop技巧 photoshop绘制热带风情图片