photoshop按钮的制作过程及注意事项实例解析
<p>在网页制作过程中，通过photoshop制作按钮是几乎都要接触到的事情，如何能在短时间内做出出色的效果，对于制作人员来说是很关键的，下面小编就为大家介绍photoshop按钮的制作过程及注意事项实例，教程很实用，有需要的朋友可以参考本文，来看看吧！</p><p><strong>步骤</strong></p>
<p>1、<strong>打开软件 新建背景</strong></p>
<p>打开photoshop软件，新建一500px*500px以白色为背景色的图片。</p>
<p align="center"><img alt="photoshop按钮制作教程（步骤附图）" src="https://img.jbzj.com/file_images/Photoshop/201608/2016080409434316.jpg" /></p>
<p>2、<strong>打开标尺 寻找中心点</strong></p>
<p>（1）按快捷键ctrl+r打开“标尺”工具。</p>
<p>（2）鼠标点击标尺并分别向下向右拖动，遇到“绊”了一下的时候停下，这里就是中心点。</p>
<p align="center"><img alt="photoshop按钮制作教程（步骤附图）" src="https://img.jbzj.com/file_images/Photoshop/201608/2016080409434317.jpg" /></p>
<p>3、<strong>选框工具 制作按钮底层选区</strong></p>
<p>（1）新建图层1，打开椭圆选框工具，以横向中心线上的某一点为中心为圆心，按shift+alt画出正圆。</p>
<p>（2）以同样的快捷键，以另一点为中心画出正圆。</p>
<p>（3）点选矩形选框工具，以小圆的直径为矩形选框的高度链接大小俩圆。</p>
<p align="center"><img alt="photoshop按钮制作教程（步骤附图）" src="https://img.jbzj.com/file_images/Photoshop/201608/2016080409434318.jpg" /></p>
<p align="center"><img alt="photoshop按钮制作教程（步骤附图）" src="https://img.jbzj.com/file_images/Photoshop/201608/2016080409434319.jpg" /></p>
<p align="center"><img alt="photoshop按钮制作教程（步骤附图）" src="https://img.jbzj.com/file_images/Photoshop/201608/2016080409434320.jpg" /></p>
<p>4、<strong>渐变工具 底层选区添加颜色</strong></p>
<p>（1）按alt+delete键给选区填充前景色。</p>
<p>（2）双击图层1空余部分打开图层样式对话框，点选“<strong><font color="#ff0000">渐变叠加</font></strong>”一栏，在对话框中设置渐变颜色、线性渐变。</p>
<p>（3）再次双击图层1空余部分打开图层样式对话框，点选“<strong><font color="#ff0000">描边...</font></strong>”一栏，设置大小为1px，颜色为灰色。</p>
<p align="center"><img alt="photoshop按钮制作教程（步骤附图）" src="https://img.jbzj.com/file_images/Photoshop/201608/2016080409434321.jpg" /></p>
<p align="center"><img alt="photoshop按钮制作教程（步骤附图）" src="https://img.jbzj.com/file_images/Photoshop/201608/2016080409434322.jpg" /></p>
<p align="center"><img alt="photoshop按钮制作教程（步骤附图）" src="https://img.jbzj.com/file_images/Photoshop/201608/2016080409434323.jpg" /></p>
<p>5、<strong>缩小选区 复制上一图层效果</strong></p>
<p>（1）新建图层2，点击“<strong><font color="#ff0000">选择</font></strong>”、“<strong><font color="#ff0000">修改</font></strong>”打开“<strong><font color="#ff0000">缩小</font></strong>”对话框，设置缩小量为10px，然后以前景色进行填充。</p>
<p>（2）右击图层1“效果”位置，点击选择“<strong><font color="#ff0000">拷贝图层样式</font></strong>”后，右击图层2点击选择黏贴图层样式。</p>
<p>（3）双击图层2空余部分打开图层样式对话框，点选“<strong><font color="#ff0000">渐变叠加</font></strong>”一栏，设置方向为反向。</p>
<p align="center"><img alt="photoshop按钮制作教程（步骤附图）" src="https://img.jbzj.com/file_images/Photoshop/201608/2016080409434324.jpg" /></p>
<p align="center"><img alt="photoshop按钮制作教程（步骤附图）" src="https://img.jbzj.com/file_images/Photoshop/201608/2016080409434325.jpg" /></p>
<p align="center"><img alt="photoshop按钮制作教程（步骤附图）" src="https://img.jbzj.com/file_images/Photoshop/201608/2016080409434326.jpg" /></p>
<p align="center"><img alt="photoshop按钮制作教程（步骤附图）" src="https://img.jbzj.com/file_images/Photoshop/201608/2016080409434327.jpg" /></p>
<p align="center"><img alt="photoshop按钮制作教程（步骤附图）" src="https://img.jbzj.com/file_images/Photoshop/201608/2016080409434328.jpg" /></p>
<p align="left">
<div class="cupage">上一页<strong>1</strong>2 下一页 阅读全文</div>
頁:
[1]