趙生堯 發表於 2010-6-15 00:46:06

Photoshop制作的一个质感网页导航按钮

让我们一起来看看这个教程吧 <br />   <center><img height="443" alt="Photoshop绘制一个质感网页导航按钮_jb51.net" width="590" src="https://img.jbzj.com/file_images/photoshop/201006/20100615004741231.jpg" /></center><br /><br />  Step 1 <br />  我们将首先在Photoshop创建一个新文档。 让我们有1024 &times; 768px <br />   <center><img height="380" alt="Photoshop绘制一个质感网页导航按钮_jb51.net" width="590" src="https://img.jbzj.com/file_images/photoshop/201006/20100615004741232.jpg" /></center><br /><br />  Step 2 <br />  为了填补你的背景,选择渐变工具(G)的渐变编辑器打开了,并输入您的颜色值按下面的图像 <br />   <center><img height="657" alt="Photoshop绘制一个质感网页导航按钮_jb51.net" width="590" src="https://img.jbzj.com/file_images/photoshop/201006/20100615004741233.jpg" /></center><br /><br />   <center><img height="403" alt="Photoshop绘制一个质感网页导航按钮_jb51.net" width="590" src="https://img.jbzj.com/file_images/photoshop/201006/20100615004741234.jpg" /></center><br /><br />  Step 3 <br />  让我们创造了我们的按钮的机构。 使用圆角矩形工具(U),现在只是创造了约320 &times; 95px,对5px半径和填充任何颜色(它的矩形,因为我们将添加一个渐变叠加)。 <br />   <center><img height="216" alt="Photoshop绘制一个质感网页导航按钮_jb51.net" width="590" src="https://img.jbzj.com/file_images/photoshop/201006/20100615004741235.png" /></center><br /><br /><br />  我们将加强它如何给予它一些图层样式外观。 首先,套用阴影。 <br />   <center><img height="453" alt="Photoshop绘制一个质感网页导航按钮_jb51.net" width="590" src="https://img.jbzj.com/file_images/photoshop/201006/20100615004741236.png" /></center><br /><br />  内发光效果&hellip; <br />   <center><img height="450" alt="Photoshop绘制一个质感网页导航按钮_jb51.net" width="590" src="https://img.jbzj.com/file_images/photoshop/201006/20100615004741237.png" /></center><br /><br />  斜面和浮雕&hellip; <br />   <center><img height="450" alt="Photoshop绘制一个质感网页导航按钮_jb51.net" width="590" src="https://img.jbzj.com/file_images/photoshop/201006/20100615004741238.png" /></center><br /><br />  最后,一个渐变叠加 <br />   <center><img height="956" alt="Photoshop绘制一个质感网页导航按钮_jb51.net" width="590" src="https://img.jbzj.com/file_images/photoshop/201006/20100615004741239.png" /></center><br /><br />  Step 4 <br />  现在,让我们继续创造箭头机构。 我们将首先创建一个约60 &times; 55px的矩形使用矩形工具(U)。 <br />   <center><img height="191" alt="Photoshop绘制一个质感网页导航按钮_jb51.net" width="590" src="https://img.jbzj.com/file_images/photoshop/201006/20100615004741240.jpg" /></center><br /><br /><br />  继续下去,并给它一些图层样式。 下面的图片以供参考使用 <br />   <center><img height="1861" alt="Photoshop绘制一个质感网页导航按钮_jb51.net" width="590" src="https://img.jbzj.com/file_images/photoshop/201006/20100615004741241.jpg" /></center><br /><br />  为了确保它的垂直和对齐,选择这两个层次,其中包含按钮和箭头机构(概括地讲,我们只有两个层迄今)和对齐单击控制条垂直中心 <br />   <center><img height="254" alt="Photoshop绘制一个质感网页导航按钮_jb51.net" width="590" src="https://img.jbzj.com/file_images/photoshop/201006/20100615004741242.jpg" /></center><br /><br />  创建一个小的矩形,如在下面的图片1()。然后转到&ldquo;编辑&gt;变换&gt;斜交&gt;V:30 <br />   <center><img height="518" alt="Photoshop绘制一个质感网页导航按钮_jb51.net" width="590" src="https://img.jbzj.com/file_images/photoshop/201006/20100615004741243.jpg" /></center><br /><br />  给它同样的图层样式 <br />   <center><img height="179" alt="Photoshop绘制一个质感网页导航按钮_jb51.net" width="590" src="https://img.jbzj.com/file_images/photoshop/201006/20100615004741244.jpg" /></center><br />
                                                <div class="cupage">上一页<strong>1</strong>2 下一页 阅读全文</div>
頁: [1]
查看完整版本: Photoshop制作的一个质感网页导航按钮