┆死┆ 发表于 2007-11-4 09:41:50

Photoshop轻松绘制简洁的绿色网页按钮

<DIV id="gg_bbs"> </DIV><p align="right">作者:<a href="http://www.16xx8.com/" target="_blank">闪电儿 译</a>&nbsp;&nbsp;<a href="http://bbs.16xx8.com" target="_blank">教程</a>来源:网页教学网&nbsp; &nbsp;</p>先看一下最终效果<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><p align="center"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171459701.gif" alt="" border="0"></p>1.新建文件,新建层,使用矩形选区工具如下选择,我选择的大小为60*20像素<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><p align="center"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171459629.gif" alt="" border="0"></p><br>前景色设置为#afee00 ,背景色设置为: #3b9d00<img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171459204.gif" alt="" border="0">,使用渐变工具从选区的上方拉到中央进行填充:<br><p align="center"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171459562.gif" alt="" border="0"></p>将前景色和背景色设置回黑色和白色,新建层,双击新层,对描边选项进行如下设置:<br><p align="center"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/20071117150926.gif" alt="" border="0"></p>层类型更改为覆盖,透明度设置为40%<a href="http://bbs.16xx8.com/" target="_blank">。</a><br>3.新建层,创建如下选区:<br><p align="center"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/20071117150544.gif" alt="" border="0"></p>使用渐变工具颜色为白色到透明,从上向下进行填充:<br><p align="center"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/20071117150996.gif" alt="" border="0"></p>层模式设置为覆盖,透明度降低到30%<br><p align="center"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/20071117150277.gif" alt="" border="0"></p>4.使用文字工具输入需要的文字,我使用的字体是:Tahoma,大小为11pt。<br><p align="center"><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/20071117150658.gif" alt="" border="0"></p>效果完成~虽然比较简单,但是给人的感觉非常清新,简洁<a href="http://www.16xx8.com/" target="_blank">!</a>
页: [1]
查看完整版本: Photoshop轻松绘制简洁的绿色网页按钮