苏坡塞牙人 發表於 2011-7-28 10:34:46

photoshop制作出黑色高光三维质感按钮

先看效果图
<p></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="365" alt="三维质感按钮 ps教程" width="431" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/201107281028282.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建文档1024x768像素,背景白色,建新层,画一黑色椭圆,适当变形。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="367" alt="三维质感按钮 ps教程" width="453" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/201107281028283.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="202" alt="三维质感按钮 ps教程" width="260" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/201107281028284.jpg" /></p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="305" alt="三维质感按钮 ps教程" width="355" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/201107281028285.jpg" /> </p>
<p style="TEXT-INDENT: 2em">建新层,画另一个椭圆,颜色任意。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="321" alt="三维质感按钮 ps教程" width="384" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/201107281028286.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="202" alt="三维质感按钮 ps教程" width="265" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/201107281028287.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="202" alt="三维质感按钮 ps教程" width="271" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/201107281028288.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="207" alt="三维质感按钮 ps教程" width="270" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/201107281028289.jpg" /> </p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="316" alt="三维质感按钮 ps教程" width="373" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011072810282810.jpg" /></p>
<p style="TEXT-INDENT: 2em">建新层,画一白色椭圆,适当变形。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="333" alt="三维质感按钮 ps教程" width="337" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011072810282811.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加蒙版,黑白直线渐变,图层不透明度50%。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="315" alt="三维质感按钮 ps教程" width="351" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/2011072810282812.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="365" alt="三维质感按钮 ps教程" width="431" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201107/201107281028282.jpg" /></p>
頁: [1]
查看完整版本: photoshop制作出黑色高光三维质感按钮