Photoshop制作超酷现代战争按钮教程

 4479

按钮设计在日常工作中经常出现,今天给大家分享一个现代战争类按钮制作过程,希望能帮到大家。


以下是效果图:

Photoshop制作超酷现代战争按钮教程,PS教程,思缘教程网

您需要准备以下素材

Photoshop制作超酷现代战争按钮教程,PS教程,思缘教程网

首先,先建一个暗色背景,然后叠加一个金属纹理,调整一下。

Photoshop制作超酷现代战争按钮教程,PS教程,思缘教程网

背景样式

用矩形工作开始绘制按钮基本形状。

Photoshop制作超酷现代战争按钮教程,PS教程,思缘教程网

绘制完之后开始添加基本细节,把握住现代战争的特征,比如齿轮、工业设计线

Photoshop制作超酷现代战争按钮教程,PS教程,思缘教程网

接下来给做好的原型添加材质,先把材质处理一下,

Photoshop制作超酷现代战争按钮教程,PS教程,思缘教程网

基本形状出来之后,感觉层次较少,这是我们继续添加细节

Photoshop制作超酷现代战争按钮教程,PS教程,思缘教程网

添加另外一种金属材质,让按钮变的更丰富,添加按钮厚度

Photoshop制作超酷现代战争按钮教程,PS教程,思缘教程网

继续添加细节,按钮阴影处的反光、光效的添加

Photoshop制作超酷现代战争按钮教程,PS教程,思缘教程网

添加文字,效果如下

Photoshop制作超酷现代战争按钮教程,PS教程,思缘教程网

Photoshop制作超酷现代战争按钮教程,PS教程,思缘教程网

整体的感觉,已经出来,为了让按钮更加真实,接下就是细节的调整了,我们要给按钮表面做旧处理。

Photoshop制作超酷现代战争按钮教程,PS教程,思缘教程网

Photoshop制作超酷现代战争按钮教程,PS教程,思缘教程网

为了按钮细节更加丰富,我们给按钮下面也添加工业线,微调整体光感,最终效果

Photoshop制作超酷现代战争按钮教程,PS教程,思缘教程网



本文网址:https://www.zztuku.com/detail-8181.html
站长图库 - Photoshop制作超酷现代战争按钮教程
申明:如有侵犯,请 联系我们 删除。

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐