PS怎么画旋钮? PS绘制不锈钢按钮的教程
<p>前些天看到网友提问怎么来做一个不锈钢旋钮效果，于是我就做了一个发出来分享思路给大家。</p><p><div class="arc_down"><img src="https://img.jbzj.com/do/uploads/litimg/130419/10394B5V0.jpg"><p class="arc_down_title">Adobe photoshop 6.0 汉化中文免费版</p><ul><li><span>类型：</span>图像处理</li><li><span>大小：</span>107MB</li><li><span>语言：</span>简体中文</li><li><span>时间：</span>2013-04-19</li></ul>查看详情</div></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142243155.jpg" /></p>
<p>1、打开PS软件，新建画布（以下参数提供参考）：</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142243156.jpg" /></p>
<p>2、在新建完成的画布上，拉出<strong>两条参考线：</strong></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142244157.jpg" /></p>
<p>3、用<span style="color: #ff0000"><strong>椭圆工具</strong></span>定中心，定比例画一个园：</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142244158.jpg" /></p>
<p>4、嗯，当然老套的来个图层样，用一个斜面与浮雕数值如下：</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142244159.jpg" /></p>
<p>5、来个<span style="color: #ff0000"><strong>描边</strong></span>吧，这样更加突出~~这是描边一个渐变，很普通的黑白渐变，但记住不要反向哦：</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142244160.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142244161.jpg" /></p>
<p>6、接下来是内阴影的：</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142244162.jpg" /></p>
<p>7、这是整个旋钮当中的最关键一步，其实也就最简单的精要就这一步（添加一个不锈钢渐变，也就是普通的灰白渐变，直接用灰色和白色调出来即可 详细图如下）：</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142244163.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142244164.jpg" /></p>
<p>8、然后是给个投影，参数经供参考<strong>，推荐新手不要太过于纠结数值</strong>，合适就好：</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142244165.jpg" /></p>
<p>9、为了利于观察，把背景换成黑色按照教程做完上面的步骤你就会发现得到如下效果了：</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142245166.jpg" /></p>
<p>10、然后让我们再来画一个椭圆稍小一点的放在上面就可以（ps如果你的前景色是黑色那么就会出来一个黑色的圆形，）（其实我是直接Ctrl+j复制一层然后删掉图层样式的，这么偷懒我是不是很聪明哈哈哈~~）</p>
<p>11、接下来就会看到这样的情况，哦，这里说一下，最好呢，吧绘制的椭圆的填充色去掉（我这里是黑色）施加图层样式（ps当然也可以后面再去掉图层填充，至于像我这样的处+女座当然作死的一定要先去掉填充为0啦~）：</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142245167.jpg" /></p>
<p>12、现在继续给 “<strong>椭圆2 副本”添加图层样式，</strong>如图所示（渐变参考下图）：</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142245168.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142245169.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142245170.jpg" /></p>
<p>13、然后我们还需要在一个背景图层上先填充一个黑色或是其他灰色类的然后来一个杂色：滤镜——杂色——<span style="color: #ff0000"><strong>添加杂色</strong></span>：</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142245171.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142245172.jpg" /></p>
<p>14、给做完杂色的背景添加一个动感模糊。然后呈现的是这么一个效果：（ps：注意动感模糊数值可以反复试验一下，然后就得到相对合适的了）：</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142245173.jpg" /></p>
<p>15、接下来是颜色叠加：小编喜欢这种类似接近我头像颜色的颜色的类似颜色于是我就选这种啦~得到如下效果：（是不是有点难看？没关系，接着继续）</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142246174.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142246175.jpg" /></p>
<p>16、当然我们可以加个渐变，这样就好多了。（兄弟，也可以不必大费周章，就随便来个渐变就好）：</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142246176.jpg" /></p>
<p>17、至此，教程结束，效果如下图，童鞋们可以多多发挥想象力来制作，不要生搬硬套哦：</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/20170406142246177.jpg" /></p>
<p><strong>相关推荐：</strong></p>
<p>PS怎么绘制一个可爱的按钮?</p>
<p>PS怎么制作很有质感金属按钮?</p>
<p>ps怎么制作一款素雅有质感的按钮?</p>
頁:
[1]