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

穿超风景线

穿超风景线

2016-03-17 21:03

下面请跟着图老师小编一起来了解下Photoshop制作设计简单的金属音量控件图标教程,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!
来源:PS联盟 作者:大眼仔~旭
控tulaoshi件需要制作的部分较少:有底座、面板、控键等几部分。制作的时候只需要用路径等工具做出各部分的形状,然后用图层样式加上质感和颜色即可。
最终效果

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)2、为底层添加渐变样式,得到的效果如下图。


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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)4、继续按Ctrl + J 复制底层副本,得到副本2。并按Ctrl + T 进行变换处理,并为其更改渐变样式,如下图。


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


(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)6、用同样的方法去复制,我们只需调整大小即可。再为其修改渐变样式,制作出如下图中的效果即可。颜色可以随自己喜好更改。


(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)7、使用椭圆工具按住Shift键绘制正圆,并为其添加图层样式,制作金属按钮,效果如下图。



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

最终效果:

展开更多 50%)
分享

猜你喜欢

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

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

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

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

s8lol主宰符文怎么配

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

Photoshop绘制金属控件图标

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

Authorware内部控件和函数实现音量控制

设计软件 平面设计软件 广告设计软件
Authorware内部控件和函数实现音量控制

lol偷钱流符文搭配推荐

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

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

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

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

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作金属质感的工具图标教程

lolAD刺客新符文搭配推荐

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

PS利用滤镜及素材制作漂亮的日食效果教程

PS利用滤镜及素材制作漂亮的日食效果教程

Photoshop设计黄色风格的香蕉桌面壁纸教程

Photoshop设计黄色风格的香蕉桌面壁纸教程
下拉加载更多内容 ↓