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 /> <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 /> <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 /> <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]