photoshop将打造出漂亮的具有凹凸感的蓝色点击按钮
先看效果图<p></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="324" alt="蓝色点击按钮 ps教程" width="460" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201106/201106240859242.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建文档600x350像素，背景白色，建新层填充黑色，添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="205" alt="蓝色点击按钮 ps教程" width="279" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201106/201106240859243.jpg" /></p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="235" alt="蓝色点击按钮 ps教程" width="396" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201106/201106240859244.jpg" /></p>
<p style="TEXT-INDENT: 2em">建新层，画一黑色圆角矩形，半径200像素。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="297" alt="蓝色点击按钮 ps教程" width="450" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201106/201106240859245.jpg" /> </p>
<p style="TEXT-INDENT: 2em">添加图层样式。</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/201106/201106240859246.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="195" alt="蓝色点击按钮 ps教程" width="260" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201106/201106240859247.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="200" alt="蓝色点击按钮 ps教程" width="254" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201106/201106240859248.jpg" /></p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="279" alt="蓝色点击按钮 ps教程" width="430" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201106/201106240859249.jpg" /> </p>
<p style="TEXT-INDENT: 2em">同样方法，建新层画一黑色圆角矩形。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="289" alt="蓝色点击按钮 ps教程" width="430" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201106/2011062408592410.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="199" alt="蓝色点击按钮 ps教程" width="272" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201106/2011062408592411.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="198" alt="蓝色点击按钮 ps教程" width="261" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201106/2011062408592412.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="202" alt="蓝色点击按钮 ps教程" width="274" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201106/2011062408592413.jpg" /> </p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="298" alt="蓝色点击按钮 ps教程" width="420" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201106/2011062408592414.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="460" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201106/201106240859242.jpg" /></p>
頁:
[1]