photoshop使用钢笔和图层样式制作出时尚金属质感按钮
先看效果图<p></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="328" alt="金属质感按钮 ps教程" width="450" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109060855432.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建文档1024x768像素，背景白色建新层填充黑色，添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="200" alt="金属质感按钮 ps教程" width="270" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109060855433.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="left">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="336" alt="金属质感按钮 ps教程" width="450" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109060855434.jpg" /></p>
<p style="TEXT-INDENT: 2em">建新层，用钢笔画下图形状，填充黑色。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="238" alt="金属质感按钮 ps教程" width="336" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109060855435.jpg" /> </p>
<p style="TEXT-INDENT: 2em">复制此层，稍微缩小，填充白色。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="323" alt="金属质感按钮 ps教程" width="450" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109060855436.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="209" alt="金属质感按钮 ps教程" width="272" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109060855437.jpg" /></p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="314" alt="金属质感按钮 ps教程" width="450" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109060855438.jpg" /></p>
<p style="TEXT-INDENT: 2em">同样方法再复制一层，颜色任意，ctrl+T适当变形。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="314" alt="金属质感按钮 ps教程" width="450" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109060855439.jpg" /> </p>
<p style="TEXT-INDENT: 2em">更改渐变叠加样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="245" alt="金属质感按钮 ps教程" width="338" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/2011090608554310.jpg" /></p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="313" alt="金属质感按钮 ps教程" width="450" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/2011090608554311.jpg" /></p>
<p style="TEXT-INDENT: 2em">复制副本2层，ctrl+T变形，清除图层样式，颜色填充任意。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="309" alt="金属质感按钮 ps教程" width="450" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/2011090608554312.jpg" /></p>
<p style="TEXT-INDENT: 2em">回车确认变形后，会得到类似下图效果。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="324" alt="金属质感按钮 ps教程" width="450" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/2011090608554313.jpg" /> </p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="272" alt="金属质感按钮 ps教程" width="265" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/2011090608554314.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="210" alt="金属质感按钮 ps教程" width="274" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/2011090608554315.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="204" alt="金属质感按钮 ps教程" width="271" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/2011090608554316.jpg" /></p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="309" alt="金属质感按钮 ps教程" width="450" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/2011090608554317.jpg" /> </p>
<p style="TEXT-INDENT: 2em">同样方法，复制一层颜色白色，缩小，添加<strong>蒙版</strong>黑白直线渐变。</p>
<p style="TEXT-INDENT: 2em"></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="411" alt="金属质感按钮 ps教程" width="420" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/2011090608554318.jpg" /></p>
<p style="TEXT-INDENT: 2em">图层不透明度改为30%，输入白色文字。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="317" alt="金属质感按钮 ps教程" width="406" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/2011090608554319.jpg" /></p>
<p style="TEXT-INDENT: 2em">将填充归零，添加描边样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="284" alt="金属质感按钮 ps教程" width="290" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/2011090608554320.jpg" /></p>
<p style="TEXT-INDENT: 2em">可以到网上下点素材装饰背景，最终效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="328" alt="金属质感按钮 ps教程" width="450" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109060855432.jpg" /></p>
頁:
[1]