使用Photoshop绘制肥皂盒ICON图标教程
本教程主要使用Photoshop绘制的立体特效ICON肥皂盒图标，教程的重点还是图层样式的运用，教程的参数清晰，思路有序，能学到不少好技巧，下...<p></p>
<!--art_adBoxbegin-->
<p></p>
<p><!-- PS-300x250-1 --><ins class="adsbygoogle" data-ad-slot="7421169660" data-ad-client="ca-pub-5249240504709265"></ins></p>
<p><!-- PS-300x250-2 --><ins class="adsbygoogle" data-ad-slot="8897902863" data-ad-client="ca-pub-5249240504709265"></ins></p>
<p></p>
<!--art_adBox /end-->
<p>本教程主要使用Photoshop绘制的立体特效ICON肥皂盒图标，教程的重点还是图层样式的运用，教程的参数清晰，思路有序，能学到不少好技巧，下面就让我们一起来学习吧。</p>
<p>先看看效果图</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="500" src="https://img.jbzj.com/file_images/article/201505/2015052109131340.jpg" /></p>
<p>新建画布相信大家都会了。</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="505" src="https://img.jbzj.com/file_images/article/201505/2015052109131441.jpg" /></p>
<p>然后新建个渐变调整层。</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="242" src="https://img.jbzj.com/file_images/article/201505/2015052109131542.jpg" /></p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="456" src="https://img.jbzj.com/file_images/article/201505/2015052109131643.jpg" /></p>
<p>这是参数。</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="346" src="https://img.jbzj.com/file_images/article/201505/2015052109131744.jpg" /></p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="224" src="https://img.jbzj.com/file_images/article/201505/2015052109131745.jpg" /></p>
本教程主要使用Photoshop绘制的立体特效ICON肥皂盒图标，教程的重点还是图层样式的运用，教程的参数清晰，思路有序，能学到不少好技巧，下...
<p></p>
<!--art_adBoxbegin-->
<p></p>
<p><!-- PS-300x250-1 --><ins class="adsbygoogle" data-ad-slot="7421169660" data-ad-client="ca-pub-5249240504709265"></ins></p>
<p><!-- PS-300x250-2 --><ins class="adsbygoogle" data-ad-slot="8897902863" data-ad-client="ca-pub-5249240504709265"></ins></p>
<p></p>
<!--art_adBox /end-->
<p></p>
<p>选择圆角矩形工具画一个矩形出来。</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109131846.jpg" /></p>
<p>ctrl+j复制一层，然后双击缩略图右下角，弹出拾色器进行更改颜色</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109131847.jpg" /></p>
<p>选择移动工具，点击命名为底的图层，用方向键↓向下移动5像素</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109131948.jpg" /></p>
<p>用直接选取工具移动点击红框中的锚点，然后会出现姑且称之为调节手柄的东东</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109132149.jpg" /></p>
<p>用调节手柄向里收</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109132250.jpg" /></p>
<p>另一边同样</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109132351.jpg" /></p>
本教程主要使用Photoshop绘制的立体特效ICON肥皂盒图标，教程的重点还是图层样式的运用，教程的参数清晰，思路有序，能学到不少好技巧，下...
<p></p>
<!--art_adBoxbegin-->
<p></p>
<p><!-- PS-300x250-1 --><ins class="adsbygoogle" data-ad-slot="7421169660" data-ad-client="ca-pub-5249240504709265"></ins></p>
<p><!-- PS-300x250-2 --><ins class="adsbygoogle" data-ad-slot="8897902863" data-ad-client="ca-pub-5249240504709265"></ins></p>
<p></p>
<!--art_adBox /end-->
<p></p>
<p>复制一层，自由变换缩小，更改深一些的颜色</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109132452.jpg" /></p>
<p>同样变换大小，更改颜色</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109132653.jpg" /></p>
<p>11给这几个图层打包个组</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="240" src="https://img.jbzj.com/file_images/article/201505/2015052109132754.jpg" /></p>
<p>12矩形工具画个小圆</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109132855.jpg" /></p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="570" src="https://img.jbzj.com/file_images/article/201505/2015052109132956.jpg" /></p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="570" src="https://img.jbzj.com/file_images/article/201505/2015052109133057.jpg" /></p>
本教程主要使用Photoshop绘制的立体特效ICON肥皂盒图标，教程的重点还是图层样式的运用，教程的参数清晰，思路有序，能学到不少好技巧，下...
<p></p>
<!--art_adBoxbegin-->
<p></p>
<p><!-- PS-300x250-1 --><ins class="adsbygoogle" data-ad-slot="7421169660" data-ad-client="ca-pub-5249240504709265"></ins></p>
<p><!-- PS-300x250-2 --><ins class="adsbygoogle" data-ad-slot="8897902863" data-ad-client="ca-pub-5249240504709265"></ins></p>
<p></p>
<!--art_adBox /end-->
<p></p>
<p>然后给小小的圆形加特效，加特技。第三张的等高线是内阴影里面的等高线</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109133258.jpg" /></p>
<p>3然后就复制，位置随意排放，这是沥水槽，流掉水的地方</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="541" src="https://img.jbzj.com/file_images/article/201505/2015052109133259.jpg" /></p>
<p>14接下来就是做肥皂了，用椭圆工具等比例拉一个圆出来</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109133260.jpg" /></p>
<p>用直接选择工具选择上下两个锚点，然后ctrl+T变换</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109133361.jpg" /></p>
本教程主要使用Photoshop绘制的立体特效ICON肥皂盒图标，教程的重点还是图层样式的运用，教程的参数清晰，思路有序，能学到不少好技巧，下...
<p></p>
<!--art_adBoxbegin-->
<p></p>
<p><!-- PS-300x250-1 --><ins class="adsbygoogle" data-ad-slot="7421169660" data-ad-client="ca-pub-5249240504709265"></ins></p>
<p><!-- PS-300x250-2 --><ins class="adsbygoogle" data-ad-slot="8897902863" data-ad-client="ca-pub-5249240504709265"></ins></p>
<p></p>
<!--art_adBox /end-->
<p></p>
<p>同上步骤，不过换成左右方向</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109133362.jpg" /></p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109133463.jpg" /></p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="414" src="https://img.jbzj.com/file_images/article/201505/2015052109133464.jpg" /></p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109133565.jpg" /></p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109133566.jpg" /></p>
<p>以上是肥皂图层的图层样式参数。</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="414" src="https://img.jbzj.com/file_images/article/201505/2015052109133667.jpg" /></p>
本教程主要使用Photoshop绘制的立体特效ICON肥皂盒图标，教程的重点还是图层样式的运用，教程的参数清晰，思路有序，能学到不少好技巧，下...
<p></p>
<!--art_adBoxbegin-->
<p></p>
<p><!-- PS-300x250-1 --><ins class="adsbygoogle" data-ad-slot="7421169660" data-ad-client="ca-pub-5249240504709265"></ins></p>
<p><!-- PS-300x250-2 --><ins class="adsbygoogle" data-ad-slot="8897902863" data-ad-client="ca-pub-5249240504709265"></ins></p>
<p></p>
<!--art_adBox /end-->
<p></p>
<p>复制肥皂图层，删除原先的图层样式，重新加一个内阴影，记住，图层填充是0!!!</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109133668.jpg" /></p>
<p>新建空白图层，用白色画笔画一笔，然后高斯模糊，再调整一下不透明度就可以了</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109133769.jpg" /></p>
<p>19然后我们来给肥皂盒加图层样式，其实一开始也可以加，不过我不想，留到后面加。</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109133770.jpg" /></p>
<p>内阴影</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109133871.jpg" /></p>
<p>新建空白图层，用画笔点一下，自由变换拉伸，然后移动</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109133972.jpg" /></p>
<p>给命名为内的图层加个投影，主要作为高光</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109133973.jpg" /></p>
本教程主要使用Photoshop绘制的立体特效ICON肥皂盒图标，教程的重点还是图层样式的运用，教程的参数清晰，思路有序，能学到不少好技巧，下...
<p></p>
<!--art_adBoxbegin-->
<p></p>
<p><!-- PS-300x250-1 --><ins class="adsbygoogle" data-ad-slot="7421169660" data-ad-client="ca-pub-5249240504709265"></ins></p>
<p><!-- PS-300x250-2 --><ins class="adsbygoogle" data-ad-slot="8897902863" data-ad-client="ca-pub-5249240504709265"></ins></p>
<p></p>
<!--art_adBox /end-->
<p></p>
<p>这是暗面，新建一个空白图层，对下面图层进行剪切，然后用画笔轻轻涂些墨绿色上去，过后根据自己感官调整下不透明度</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109134074.jpg" /></p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109134075.jpg" /></p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109134176.jpg" /></p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="580" src="https://img.jbzj.com/file_images/article/201505/2015052109134177.jpg" /></p>
<p>这是样式参数，弄完就差不多已经完成了，欢呼吧</p>
<p align="center"><img alt="Photoshop绘制立体逼真的肥皂盒ICON图标,PS教程" width="500" src="https://img.jbzj.com/file_images/article/201505/2015052109131340.jpg" /></p>
頁:
[1]