Photoshop超酷现代战争按钮制作图文教程
<p>终于找到强大的PS制作<span>超酷现代战争按钮教程了。下面分享一下吧。</span></p><p><span>教程如下：</span></p>
<p>按钮设计在日常工作中经常出现，今天给大家分享一个现代战争类按钮制作过程，希望能帮到大家，以下是效果图：</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201403/201403280830542_jb51.jpg" /></p>
<p>您需要准备以下素材</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201403/201403280830543_jb51.jpg" /></p>
<p></p>
<p>首先，先建一个暗色背景，然后叠加一个金属纹理，调整一下。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201403/201403280830544_jb51.jpg" /></p>
<p>背景样式</p>
<p>用矩形工作开始绘制按钮基本形状。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201403/201403280830545_jb51.jpg" /></p>
<p>绘制完之后开始添加基本细节，把握住现代战争的特征，比如齿轮、工业设计线</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201403/201403280830546_jb51.jpg" /></p>
<p>接下来给做好的原型添加材质,先把材质处理一下，</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201403/201403280830547_jb51.jpg" /></p>
<p>基本形状出来之后，感觉层次较少，这是我们继续添加细节</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201403/201403280830548_jb51.jpg" /></p>
<p>添加另外一种金属材质，让按钮变的更丰富,添加按钮厚度</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201403/201403280830549_jb51.jpg" /></p>
<p>继续添加细节，按钮阴影处的反光、光效的添加</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201403/2014032808305410_jb51.jpg" /></p>
<p>添加文字，效果如下</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201403/2014032808305411_jb51.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201403/2014032808305412_jb51.jpg" /></p>
<p>整体的感觉，已经出来，为了让按钮更加真实，接下就是细节的调整了，我们要给按钮表面做旧处理。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201403/2014032808305413_jb51.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201403/2014032808305414_jb51.jpg" /></p>
<p>为了按钮细节更加丰富，我们给按钮下面也添加工业线,微调整体光感，最终效果</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201403/2014032808305415_jb51.jpg" /></p>
頁:
[1]