聚散容易 發表於 2008-11-27 00:29:02

photoshop Vista风格按钮制作教程

本教程是关于用photoshop制作Windows Vista风_琼殿技术社区jb51.net转载格按钮。教程主要是应用Photoshop的矩形工具绘制按钮,及图层样式和图层叠加来表现按钮的质感。 <br />最终效果图 <br /><img height="302" hspace="6" width="402" vspace="6" alt="" src="https://img.jbzj.com/do/uploads/allimg/081127/0030070.jpg" /> <br />1、新建一个图像文档(快捷键Ctrl + N),背景色为#2a2a2a,宽度和高度依自己需要而定。 <br /><img height="296" hspace="6" width="449" vspace="6" alt="" src="https://img.jbzj.com/do/uploads/allimg/081127/0030071.jpg" /> <br />2、从工具栏选择圆角矩形工具(快捷键U),在选项栏设置其半径为5像素,颜色为黑色,绘制类似如下形状的图形: <br /><img height="302" hspace="6" width="402" vspace="6" alt="" src="https://img.jbzj.com/do/uploads/allimg/081127/0030072.jpg" /> <br />3、将&ldquo;形状1&rdquo;图层重命名为&ldquo;按钮背景&rdquo;,在空白处双击,打开图层样式对话框。给图层应用&ldquo;外发光&rdquo;、&ldquo;内发光&rdquo;、&ldquo;渐变叠加&rdquo;、&ldquo;描边&rdquo;等样式。具体设置如图所示:   (1) &ldquo;外发光&rdquo;图层样式参数设置:<br /><br /><br /><img height="360" hspace="6" width="422" vspace="6" alt="" src="https://img.jbzj.com/do/uploads/allimg/081127/0030073.jpg" /> &nbsp;
                                                <div class="cupage">上一页<strong>1</strong>2 3 4 下一页 阅读全文</div>
頁: [1]
查看完整版本: photoshop Vista风格按钮制作教程