菲佣自有天收 發表於 2011-9-22 15:56:01

photoshop制作出一个橙红色Web2.0按钮­

先看效果图
<p></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="312" alt="Web2.0按钮&shy; ps教程" width="428" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109221556072.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建文档500x330像素，背景白色，新建图层，画一个黑色圆角矩形。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="304" alt="Web2.0按钮&shy; ps教程" width="405" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109221556073.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式，所需的颜色值截图里不给出，具体参考我提供的PSD文件。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="200" alt="Web2.0按钮&shy; ps教程" width="279" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109221556074.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="267" alt="Web2.0按钮&shy; ps教程" width="270" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109221556075.jpg" /> </p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="237" alt="Web2.0按钮&shy; ps教程" width="314" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109221556076.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="218" alt="Web2.0按钮&shy; ps教程" width="262" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109221556077.jpg" /></p>
<p style="TEXT-INDENT: 2em">之后我们会得到下图效果。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="299" alt="Web2.0按钮&shy; ps教程" width="442" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109221556078.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加一些文字，加投影样式，最终效果如下，是不是很容易？</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="312" alt="Web2.0按钮&shy; ps教程" width="428" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201109/201109221556072.jpg" /></p>
頁: [1]
查看完整版本: photoshop制作出一个橙红色Web2.0按钮­