打印 上一主题 下一主题

photoshop制作不锈钢按钮教学

[复制链接]
跳转到指定楼层
楼主
发表于 2017-11-28 11:19:14 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
查看 : 9019|回复 : 0
今天我们来做一个不锈钢按钮,制作方法很简单,只需要通过图层样式就可以实现,适合ps初学者练习,让我们开始吧!先看下最终效果图:


      <点小图查看大图>


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



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



步骤3        转到图层面板,双击图层1打开图层样式。
        使用以下设置添加斜面和浮雕




步骤4      使用以下设置添加等高线
      
  • 等高线:半圆
  • 检查反锯齿框。

            

步骤5        使用以下设置添加描边
        
  • 大小:21
  • 填充类型:渐变
  • 角度:123



步骤6      使用以下设置添加内阴影
      
  • 距离:24
  • 大小:43。



步骤7        使用以下设置添加浙变叠加
        
  • 样式: 角度
  • 浙变颜色色值:#ffffff、 #8b8a8a、



步骤8        添加一个投影与这些设置:
        
  • 不透明度: 53%
  • 距离: 5
  • 扩展: 21
  • 大小: 9



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



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

            

步骤11      转到图层面板,双击图层2打开图层样式。
      使用以下设置添加斜面和浮雕



步骤12        使用以下设置添加等高线
        
  • 等高线:滚动斜坡-递减



步骤13        使用以下设置添加描边
        
  • 大小:4
  • 填充类型:渐变
  • 角度:123




步骤14        使用以下设置添加浙变叠加
        
  • 样式: 角度
  • 浙变颜色色值:#ffffff、 #8b8a8a、



步骤15        添加一个投影与这些设置:
        
  • 不透明度: 53%
  • 距离: 8
  • 扩展: 17
  • 大小: 9

            

步骤16
         
          好了,看下效果如下:


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


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


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


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


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

            

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

热门版块:
帖子推荐:
图文热帖:
客服咨询

0351-2726600

服务时间 9:00-22:00

 
QQ在线咨询
售前咨询热线
0351-2726600
售后服务热线
0351-2726600
快速回复 返回顶部 返回列表