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

舞状元苏起儿

舞状元苏起儿

2016-02-15 23:48

今天图老师小编给大家展示的是Photoshop制作超酷现代战争按钮教程,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

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

以下是效果图:

Photoshop制作超酷现代战争按钮教程,PS教程,图老师教程网

您需要准备以下素材

Photoshop制作超酷现代战争按钮教程,PS教程,图老师教程网

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

Photoshop制作超酷现代战争按钮教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

背景样式

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

Photoshop制作超酷现代战争按钮教程,PS教程,图老师教程网

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

Photoshop制作超酷现代战争按钮教程,PS教程,图老师教程网

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

Photoshop制作超酷现代战争按钮教程,PS教程,图老师教程网

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

Photoshop制作超酷现代战争按钮教程,PS教程,图老师教程网

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

Photoshop制作超酷现代战争按钮教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

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

Photoshop制作超酷现代战争按钮教程,PS教程,图老师教程网

添加文字,效果如下

Photoshop制作超酷现代战争按钮教程,PS教程,图老师教程网

Photoshop制作超酷现代战争按钮教程,PS教程,图老师教程网

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

Photoshop制作超酷现代战争按钮教程,PS教程,图老师教程网

Photoshop制作超酷现代战争按钮教程,PS教程,图老师教程网

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

Photoshop制作超酷现代战争按钮教程,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

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

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

现代战争攻略

电脑网络
现代战争攻略

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop制作超酷的折纸按钮效果教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作超酷的折纸按钮效果教程

使命召唤现代战争攻略

电脑网络
使命召唤现代战争攻略

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作超酷的折纸按钮效果

PS PS基础
Photoshop制作超酷的折纸按钮效果

《使命召唤6:现代战争2》攻略 (图文)

电脑网络
《使命召唤6:现代战争2》攻略 (图文)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop绘制立体效果的彩色房子

Photoshop绘制立体效果的彩色房子

Photoshop简单几步将蓝色衣服变成紫红色

Photoshop简单几步将蓝色衣服变成紫红色
下拉加载更多内容 ↓