承风 發表於 2012-11-13 10:25:08

Photoshop使用图形渐变及图层样式制作精致大气的绿色按钮

最终效果 <br /><br /><img height="525" alt="" hspace="6" width="700" vspace="6" border="0" src="https://img.jbzj.com/file_images/photoshop/201211/2012111310202039.jpg" /><br /><br /><br />1、新建大小自定的文档,背景填充青色。先用钢笔建立路径,如下图。<br /><br /><img height="289" alt="" hspace="6" width="632" vspace="6" border="0" src="https://img.jbzj.com/file_images/photoshop/201211/2012111310202040.jpg" /><br /><br />2、创建渐变调整图层,渐变颜色位置随意,如下图。<br /><br /><img height="696" alt="" hspace="6" width="662" vspace="6" border="0" src="https://img.jbzj.com/file_images/photoshop/201211/2012111310202041.jpg" /><br />&nbsp;<br /><br />3、给当前图层添加图层样式,选择投影,效果如下图。<br /><br /><img height="890" alt="" hspace="6" width="532" vspace="6" border="0" src="https://img.jbzj.com/file_images/photoshop/201211/2012111310202042.jpg" /><br /><br />4、设置内阴影,这里省去了文字下方的投影部分,以内阴影代替(注意曲线与数据的变换),数据一定要调试之后再确定。<br /><br /><img height="818" alt="" hspace="6" width="670" vspace="6" border="0" src="https://img.jbzj.com/file_images/photoshop/201211/2012111310202043.jpg" /><br /><br />5、设置描边样式,描边中一定要主要渐变颜色。<br /><br /><img height="816" alt="" hspace="6" width="602" vspace="6" border="0" src="https://img.jbzj.com/file_images/photoshop/201211/2012111310202044.jpg" /><br />&nbsp;<br />6、设置光泽:随意调整数据,直到自己满意为止。<br /><br /><img height="730" alt="" hspace="6" width="634" vspace="6" border="0" src="https://img.jbzj.com/file_images/photoshop/201211/2012111310202045.jpg" /><br /><br />7、设置内发光:这里的内发光代替了内阴影,作为边缘与按钮本身分离的界限。<br /><br /><img height="804" alt="" hspace="6" width="612" vspace="6" border="0" src="https://img.jbzj.com/file_images/photoshop/201211/2012111310202046.jpg" /><br /><br />8、添加图案叠加,这里需要注意先预设好图案,这种条纹状的图案比较出效果,制作业相当简单。<br /><br /><img height="732" alt="" hspace="6" width="632" vspace="6" border="0" src="https://img.jbzj.com/file_images/photoshop/201211/2012111310202047.jpg" /><br />&nbsp;<br />9、添加外发光,参数设置如下图。<br /><br /><img height="988" alt="" hspace="6" width="532" vspace="6" border="0" src="https://img.jbzj.com/file_images/photoshop/201211/2012111310202048.jpg" /><br />
                                                <div class="cupage">上一页<strong>1</strong>2 下一页 阅读全文</div>
頁: [1]
查看完整版本: Photoshop使用图形渐变及图层样式制作精致大气的绿色按钮