Photoshop入门教程：绘制Vista风格网页按钮全过程

┆死┆

Photoshopru men jiao cheng ：hui zhi Vistafeng ge wang ye an niu quan guo cheng <br><DIV id="gg_bbs"> </DIV>作者：<a href="http://www.16xx8.com/" target="_blank">闪电儿&nbsp;&nbsp;</a>&nbsp;&nbsp;<a href="http://bbs.16xx8.com/" target="_blank">教程</a>来源：网页教学网&nbsp; &nbsp;<br>初学者入门，Photoshop教程，简单绘制Vista风格网页按钮，效果还是不错的<a href="http://www.16xx8.com/" target="_blank">！</a>但是有没有用还要看自己的喜好<a href="http://www.16xx8.com/" target="_blank">！</a><br>photoshop制作一个超酷的蓝色Vista风格网页按钮<a href="http://bbs.16xx8.com/" target="_blank">。</a>文章最后提供PSD源文件<a href="http://bbs.16xx8.com/" target="_blank">。</a><br>1、建立一个50*50px文档，背景填充为#121212。<br>2、建立新图层，使用圆角矩形工具<a href="http://bbs.16xx8.com/" target="_blank">。</a>半径设置为15px，绘制一个在文档正中的形状，然后使用渐变工具，把前景色设置为#0c85f4，背景色设置为#00386b从上到下进行线性渐变<a href="http://bbs.16xx8.com/" target="_blank">。</a>按Ctrl+D取消选择<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174730460.gif" alt="" border="0"><br>3、设置内发光样式如下<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731521.jpg" alt="" border="0"><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731219.gif" alt="" border="0"><br>4、制作光照效果<a href="http://bbs.16xx8.com/" target="_blank">。</a>创建一个新层，按Ctrl单击圆角矩形图层选择，使用椭圆选区工具选择下部分，然后把上面部分填充为白色<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731668.gif" alt="" border="0"><br>把不透明度降低到10%<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731616.gif" alt="" border="0"><br>5. 在创建一新层，使用矩形选框工具，设置固定大小为宽4px高为25px，制作一个形状，填充为白色，同样方法制作三个<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731681.gif" alt="" border="0"><br>最后仍然使用矩形选框工具，样式设置为正常，选择第2个小矩形一半然后按Del删除，同样方法第3个小矩形删除1/4，最终效果如下所示<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731248.gif" alt="" border="0"><br><br><b><a href="http://bbs.jcwcn.com/attachment.php?aid=522685" target="_blank"></a></b>