Photoshop制作简单的金属控件图标

Doocii豆采

Doocii豆采

2016-02-01 22:46

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享Photoshop制作简单的金属控件图标,希望可以对大家能有小小的帮助。
控件需要制作的部分较少:有底座、面板、控键等几部分。制作的时候只需要用路径等工具做出各部分的形状,然后用图层样式加上质感和颜色即可。
最终效果

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

新建一个256 * 256像素文件,分辨率为300,如下图。

1、使用圆角矩形工具,设置半径值为60像素,按住Shift键绘制带有圆角的正方形,如下图。

2、为底层添加渐变样式,得到的效果如下图。


3、按Ctrl + J 复制底层得到副本,按Ctrl + T 对底部副本进行调整大小,并更改渐变方向,效果如下图。

4、继续按Ctrl + J 复制底层副本,得到副本2。并按Ctrl + T 进行变换处理,并为其更改渐变样式,如下图。


5、继续使用圆角矩形工具绘制,并为其添加图层样式,以制作类似下图所示的效果。

6、用同样的方法去复制,我们只需调整大小即可。再为其修改渐变样式,制作出如下图中的效果即可。颜色可以随自己喜好更改。

7、使用椭圆工具按住Shift键绘制正圆,并为其添加图层样式,制作金属按钮,效果如下图。

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


8、现在我们只需要对其进行复制并调整位置即可。

最终效果:

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

展开更多 50%)
分享

猜你喜欢

Photoshop制作简单的金属控件图标

电脑网络
Photoshop制作简单的金属控件图标

Photoshop制作设计简单的金属音量控件图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作设计简单的金属音量控件图标教程

s8lol主宰符文怎么配

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

Photoshop绘制金属控件图标

电脑网络
Photoshop绘制金属控件图标

Photoshop绘制金属控件效果的网页图标

PS PS基础
Photoshop绘制金属控件效果的网页图标

lol偷钱流符文搭配推荐

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

Photoshop制作金属质感的工具图标

PS PS基础
Photoshop制作金属质感的工具图标

Photoshop制作精致的金属抽丝图标

电脑网络
Photoshop制作精致的金属抽丝图标

lolAD刺客新符文搭配推荐

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

Photoshop把人物照片处理成可爱的仿手绘效果

Photoshop把人物照片处理成可爱的仿手绘效果

Photoshop调出照片的冬季冷色调

Photoshop调出照片的冬季冷色调
下拉加载更多内容 ↓