photoshop制作出高光金属质感的蓝色按钮
<p style="TEXT-INDENT: 2em" align="left">本教程学习如何用photoshop制作金属质感按钮，主要通过photoshop的图层样式来实现，先看效果图。</p><p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="395" alt="金属质感按钮 ps教程" width="400" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011070714532991.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建文档550550像素，背景黑色，建新层，前景色4c73f1画一个正圆形状，复制3个，副本1图层缩小5%左右，副本2层缩小位置如下，颜色改为白色。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="429" alt="金属质感按钮 ps教程" width="420" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011070714532992.jpg" /></p>
<p style="TEXT-INDENT: 2em">选择形状1，隐藏其它层，添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="408" alt="金属质感按钮 ps教程" width="264" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011070714532993.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="326" alt="金属质感按钮 ps教程" width="309" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011070714532994.jpg" /> </p>
<p style="TEXT-INDENT: 2em">描边颜色请采样我的截图，效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="397" alt="金属质感按钮 ps教程" width="400" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011070714532995.jpg" /></p>
<p style="TEXT-INDENT: 2em">选择副本层，添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="283" alt="金属质感按钮 ps教程" width="277" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011070714532996.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="267" alt="金属质感按钮 ps教程" width="265" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011070714532997.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="205" alt="金属质感按钮 ps教程" width="260" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011070714532998.jpg" /> </p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="282" alt="金属质感按钮 ps教程" width="300" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011070714532999.jpg" /></p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="394" alt="金属质感按钮 ps教程" width="400" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/20110707145329100.jpg" /></p>
<p style="TEXT-INDENT: 2em">选择副本2，填充归零，添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="469" alt="金属质感按钮 ps教程" width="301" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/20110707145329101.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加蒙版黑白直线渐变。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="271" alt="金属质感按钮 ps教程" width="234" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/20110707145329102.jpg" /> </p>
<p style="TEXT-INDENT: 2em">最终效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="395" alt="金属质感按钮 ps教程" width="400" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011070714532991.jpg" /></p>
頁:
[1]