木易不是楊 發表於 2017-7-5 10:23:52

PS怎么设计一个推拉式按钮?

<p>推拉按钮用于网页或者功能部件的开关,我们可以在PS里面把这样的一个按钮轻松的制作出来,主要用到了渐变工具与图形变换工具。</p>
<p><div class="arc_down"><img src="https://img.jbzj.com/do/uploads/litimg/130416/16061464391.jpg"><p class="arc_down_title">Adobe Photoshop 8.0 中文完整绿色版</p><ul><li><span>类型:</span>图像处理</li><li><span>大小:</span>150.1MB</li><li><span>语言:</span>简体中文</li><li><span>时间:</span>2015-11-04</li></ul>查看详情</div></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/20170705101835126.jpg" /></p>
<p>1、我们先用一个矩形工具来呈现一个<strong>渐变按钮的形状</strong>,把这个钢笔形状转换成选区,再用渐变色来填充。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/20170705101835127.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/20170705101835128.jpg" /></p>
<p>2、我们在填充好矩形之后,再用图层效果做一下阴影,再用<span style="color: #ff0000"><strong>球形工具</strong></span>绘制出矩形按钮上面的圆形,再把这个球形做一下<strong>阴影效果</strong>。从而让这个立体按钮更加的形象。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/20170705101835129.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/20170705101835130.jpg" /></p>
<p>3、有了<strong>推拉按钮的左边部分</strong>,我们再绘制按钮的右边,一个较长的按钮绘制出来之后,<strong>用渐变色进行填充,</strong>从而让推拉按钮的暗色调也绘制完成。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/20170705101836131.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/20170705101836132.jpg" /></p>
<p>4、我们有了推拉按钮的主体之后,再绘制出一个按钮的暗色调部分,让推拉按钮有了立体效果。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/20170705101836133.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/20170705101836134.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/201707/20170705101836135.jpg" /></p>
<p>6、再继续调整一下按钮的形状与位置,从而让这个推拉按钮最终成形!</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/20170705101836136.jpg" /></p>
<p><strong>相关推荐:</strong></p>
<p>PS怎么绘制粉色漂亮的按钮?</p>
<p>PS怎么制作多层圆形金属感超强的按钮?</p>
<p>PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程</p>
頁: [1]
查看完整版本: PS怎么设计一个推拉式按钮?