桂华 發表於 2010-3-20 16:30:13

Photoshop 漂亮的黑色质感按钮

最终效果 <br /><img height="196" hspace="6" width="285" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/201003201648249.jpg" /> <br />1、新建一个120 * 50的文档，背景填充颜色：#838383，选择圆角矩形工具，半径设置为10像素。然后拖曳出一个大小适当的圆角矩形，位置偏上，因为最后将添加投影。圆角矩形的颜色为：#111111。 <br /><img height="184" hspace="6" width="433" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482410.jpg" /> <br />2、双击形状图层或者通过右键菜单进入图层样式选项，参数设置如下图。 <br /><img height="380" hspace="6" width="430" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482411.jpg" /> <br /><img height="324" hspace="6" width="340" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482412.jpg" /> <br /><img height="335" hspace="6" width="345" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482413.jpg" /> <br /><img height="323" hspace="6" width="345" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482414.jpg" /> <br /><img height="300" hspace="6" width="345" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482415.jpg" /> <br />大致效果图。 <br /><img height="50" hspace="6" width="198" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482416.jpg" /><br /> &nbsp;3、新建一个图层，选择铅笔工具，设置铅笔大小为2像素，前景颜色设置为：#eee1cd，如下图所示画一条高光线。 <br /><img height="107" hspace="6" width="436" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482417.jpg" /> <br />双击或右键此图层进入图层样式选项，参数及效果如下图。 <br /><img height="385" hspace="6" width="440" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482418.jpg" /> <br /><img height="322" hspace="6" width="342" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482419.jpg" /> <br /><img height="50" hspace="6" width="169" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482420.jpg" /><br /> &nbsp;4、依然选中铅笔图层，点击图层下面的蒙蔽按钮，添加图层蒙版，然后选择渐变工具，颜色设置及渐变方式如下图，由中间向左拉出透明渐变，效果如下图。 <br /><img height="319" hspace="6" width="478" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482421.jpg" /> <br />5、选择钢笔工具，绘制下图所示的梯形，执行：滤镜 &gt; 模糊 &gt; 高斯模糊，此时被询问&ldquo;是否栅格化图层&rdquo;。选择&ldquo;是&rdquo;，然后输入数值：0.6。 <br /><img height="193" hspace="6" width="480" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482422.jpg" /> <br />6、按住Ctrl 的同时单击形状1，此时出现形状1的选区，按Ctrl + Shift + I 反选选区，然后按Delete 删除形状2图层的多余部分，效果如下图。用复制 + 水平翻转得到另一半的圆形，效果如下图。 <br /><img height="170" hspace="6" width="449" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482423.jpg" /> <br />6、按住Ctrl 的同时单击形状1，此时出现形状1的选区，按Ctrl + Shift + I 反选选区，然后按Delete 删除形状2图层的多余部分，效果如下图。用复制 + 水平翻转得到另一半的圆形，效果如下图。 <br /><img height="170" hspace="6" width="449" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482423.jpg" /> <br />&nbsp;7、在最顶部新建一个图层，按Ctrl + 单击形状1得到选区，然后选择菜单：编辑 &gt; 描边，参数设置如下图。 <br /><img height="275" hspace="6" width="468" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482424.jpg" /> <br />取消选区，然后使用与步骤4同样的方法设置蒙版然后如下图所示拉渐变。确定后把图层不透明度改为：55%，效果如下图。 <br /><img height="256" hspace="6" width="468" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482425.jpg" /> <br />8、接下来制作文字图层。选择文字工具，打上文字，字体颜色为：#e7e7e7，之后设置图层样式，参数设置如下图。 <br /><img height="392" hspace="6" width="457" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482426.jpg" /> <br /><img height="414" hspace="6" width="414" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482427.jpg" /> <br />9、现在整个按钮的主体已经制作完成了，如果你需要还可以加上倒影。具体方法是：选择除了文本图层以外的所有图层（因为你今后可能需要重新编辑文本的内容），合并它们，然后复制一个副本，垂直翻转，使用步骤4中的添加蒙版的方法用渐变遮盖下端部分，最后调整透明度，完成最终效果。 <br /><img height="147" hspace="6" width="470" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/2010032016482428.jpg" /> <br /><img height="196" hspace="6" width="285" vspace="6" border="0" alt="" src="https://img.jbzj.com/file_images/photoshop/201003/201003201648249.jpg" />
頁: [1]
查看完整版本: Photoshop 漂亮的黑色质感按钮