用photoshop将制作出精致小巧的红色按钮效果
<p style="TEXT-INDENT: 2em" align="left">本教程学习如何用photoshop制作精致小巧的高光按钮，步骤简单，主要用到了自定义形状工具和图层样式，先看效果图。</p><p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="50" alt="用photoshop将制作出精致小巧的红色按钮效果" width="200" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201105/201105251705002.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建文档200x50像素，背景填充深灰色。建新层，前景色#9a2941画一个圆角矩形。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="227" alt="用photoshop将制作出精致小巧的红色按钮效果" width="266" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201105/201105251705003.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="244" alt="用photoshop将制作出精致小巧的红色按钮效果" width="255" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201105/201105251705004.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="267" alt="用photoshop将制作出精致小巧的红色按钮效果" width="263" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201105/201105251705005.jpg" /> </p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="204" alt="用photoshop将制作出精致小巧的红色按钮效果" width="249" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201105/201105251705006.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="206" alt="用photoshop将制作出精致小巧的红色按钮效果" width="259" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201105/201105251705007.jpg" /></p>
<p style="TEXT-INDENT: 2em">然后建新层，画下图所示蓝色形状，效果如下，</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="233" alt="用photoshop将制作出精致小巧的红色按钮效果" width="253" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201105/201105251705008.jpg" /></p>
<p style="TEXT-INDENT: 2em">单列选框工具点一下，填充白色，复制2个，图层模式叠加，添加蒙版去除多余部分。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="252" alt="用photoshop将制作出精致小巧的红色按钮效果" width="278" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201105/201105251705009.jpg" /> </p>
<p style="TEXT-INDENT: 2em">输入白色文字，添加黑色1像素描边样式，具体不截图了，很容易。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="198" alt="用photoshop将制作出精致小巧的红色按钮效果" width="241" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201105/2011052517050010.jpg" /></p>
<p style="TEXT-INDENT: 2em">建新层，调出形状1选区，填充白色，去掉选区，底部做一个大的椭圆选区，删除。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="190" alt="用photoshop将制作出精致小巧的红色按钮效果" width="250" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201105/2011052517050011.jpg" /></p>
<p style="TEXT-INDENT: 2em">图层不透明度35%，最终效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="50" alt="用photoshop将制作出精致小巧的红色按钮效果" width="200" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201105/201105251705002.jpg" /></p>
頁:
[1]