ps怎样快速制作一个旋转空调按钮图标?
<p>ps怎样快速制作一个旋转空调按钮图标?运用PHOTOSHOP软件，可以很简单的制作大家想要的照片，下面和小编一起来看看具体步骤吧。</p><p><strong>效果图：</strong></p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150138135.jpg" /></p>
<p><span style="color: #ff0000"><strong>具体步骤：</strong></span></p>
<p>首先我们来分析一下。不管设计什么的时候，首先都要分析，不是拿着就开始做。这个图标分为五个部分：背板、进度条、旋钮、图形，主要是运用图层样式，来表现图标的立体感，分析完已经成功一半了，在大脑里面就会有一个大概的形状了，你就离成功还会远么。</p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150138136.jpg" /></p>
<p>用椭圆工具画一个大圆，按住alt键画一个小圆，这样就会得出来一个圆形，在按alt键画一个矩形，剪切圆形的下半部分，画两个小圆填充到圆形和矩形相交的地方。（这里主要用的是布尔运算）</p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150138137.jpg" /></p>
<p>得到形状后，我们添加图层样式。</p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150138138.jpg" /></p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150138139.jpg" /></p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150138140.jpg" /></p>
<p>渐变颜色#ca2567-#fd0077-#ff014f</p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150138141.jpg" /></p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150139142.jpg" /></p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150139143.jpg" /></p>
<p>绘制一个圆，并添加图层样式。</p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150139144.jpg" /></p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150139145.jpg" /></p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150139146.jpg" /></p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150139147.jpg" /></p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150139148.jpg" /></p>
<p>渐变颜色：#ffffff-#d9d9d9</p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150139149.jpg" /></p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150140150.jpg" /></p>
<p>对这个圆添加一个小圆，并对这个小圆进行添加图层样式</p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150140151.jpg" /></p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150140152.jpg" /></p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150140153.jpg" /></p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150140154.jpg" /></p>
<p>渐变颜色：白色到透明</p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150140155.jpg" /></p>
<p>我们在画一个很小的圆，再进行添加图层样式。</p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150140156.jpg" /></p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150140157.jpg" /></p>
<p>渐变颜色：#ff0157-#e61185</p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150140158.jpg" /></p>
<p>颜色：#ff0059</p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150141159.jpg" /></p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150141160.jpg" /></p>
<p>对这个小圆形添加两个高光。下方高光图层样式如下：</p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150141161.jpg" /></p>
<p>上方高光图层样式如下：</p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150141162.jpg" /></p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150141163.jpg" /></p>
<p>最后添加两个图标，最终的效果就出来了。</p>
<p style="text-align: center"><img alt="ps快速制作一个旋转空调按钮图标教程" src="https://img.jbzj.com/file_images/photoshop/201711/20171104150138135.jpg" /></p>
<p>教程到此结束，小伙伴是不是有所启发，何不自己动手尝试一下呢。</p>
<p>以上就是ps怎样快速制作一个旋转空调按钮图标的介绍。相信看完之后对大家一定有所帮助。更多PS教程请继续关注琼殿技术社区！</p>
<p><strong>相关推荐：</strong></p>
<p>ps怎么制作一款立体滑动的UI按钮?</p>
<p>PS制作buy now购买按钮教程</p>
<p>ps怎么设计一组按钮开关以及按下时候的状态?</p>
頁:
[1]