体育人 發表於 2017-3-10 09:59:07

ps怎么制作一个漂亮的导航栏按钮?

<p>在网站中我们经常见到导航条,其实利用Photoshop也可以制作导航条,现在就把制作的过程步骤和截图分享给大家,希望对你有所帮助和启发。</p>
<p><div class="arc_down"><img src="https://img.jbzj.com/do/uploads/litimg/130417/151I464524.jpg"><p class="arc_down_title">Photoshop CS5 绿色版官方中文正式原版</p><ul><li><span>类型:</span>图像处理</li><li><span>大小:</span>104.06MB</li><li><span>语言:</span>简体中文</li><li><span>时间:</span>2014-06-01</li></ul>查看详情</div></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031009412366.png" /></p>
<p>1、首先启动photoshop cs5,执行文件-新建命令,新建一个大小分辨率为300,背景颜色为白色,大小为800*600的文档。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031009412367.png" /> </p>
<p>2、选择<strong><font color="#ff0000">工具箱里矩形工具</font></strong>,在画布上绘制一个矩形,双击该图层弹出图层样式,<strong>勾选描边</strong>,设置大小为1像素,<strong>描边颜色为#c7c7c7</strong>,填充颜色为白色,点击确定按钮。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031009412368.jpg" /> </p>
<p>3、选择矩形,按住<strong>alt键</strong>拖动矩形复制出六个矩形,调整他们位置使其布局更加美观。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031009412369.png" /> </p>
<p>4、选择工具箱里的<strong><font color="#ff0000">文本工具</font></strong>,在第一个矩形中输入文字,并设置字体为&ldquo;<strong>微软雅黑</strong>&rdquo;,<strong>字号为4像素</strong>,字体颜色为黑色。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031009412370.png" /> </p>
<p>5、采用同样的方法,重复步骤4依次为其他六个矩形添加文字内容,并依次调整其相应的位置,使布局更加美观大方。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031009412371.png" /> </p>
<p>6、执行<strong><font color="#ff0000">ctrl+r</font></strong>组合键调出参考线,从上面拖拽一条参考线,再次调整文字和英文的位置。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031009412472.png" /> </p>
<p>7、再次选择<strong>矩形工具绘制矩形</strong>,并填充颜色为#44b07f,移动矩形到第一个矩形上,并且和原来的矩形重合在一起。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031009412473.jpg" /> </p>
<p>8、依次复制六个相同的矩形分别覆盖到相应的矩形上,并调整相应的图层位置,使文字都能显示出来。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031009412474.png" /> </p>
<p>9、选择<strong>工具箱里的矩形工具绘制细长矩形,</strong>填充颜色为#999999,按住alt键依次复制六个调整他们所在的位置,并调整相应图层的位置。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031009412475.png" /> </p>
<p>10、接着从桌面上直接拖拽一副事先准备的logo到画布上,<strong>调整其大小和位置,</strong>使整个布局显得更加协调。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031009412476.png" /> </p>
<p>11、执行<strong>图层-<font color="#ff0000">拼合图像命令</font></strong>,将所有的图层拼成一个背景图层,<strong>执行文件-存储为命令,</strong>将文件进行保存即可。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201703/2017031009412477.png" /> </p>
<p><strong>相关推荐:</strong> </p>
<p>PS怎么绘制粉色漂亮的按钮? </p>
<p>PS怎么制作很有质感金属按钮? </p>
<p>ps怎么使用图层面板中的搜索按钮快速找到所需图层?</p>
頁: [1]
查看完整版本: ps怎么制作一个漂亮的导航栏按钮?