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

2016-03-17 21:03 19 1 收藏

下面请跟着图老师小编一起来了解下Photoshop制作设计简单的金属音量控件图标教程,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - PS 】

来源:PS联盟 作者:大眼仔~旭
控tulaoshi件需要制作的部分较少:有底座、面板、控键等几部分。制作的时候只需要用路径等工具做出各部分的形状,然后用图层样式加上质感和颜色即可。
最终效果

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

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

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


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

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


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


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


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



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

最终效果:

来源:https://www.tulaoshi.com/n/20160317/1865721.html

延伸阅读
本教程介绍小图标的制作过程。图标制作的要求比较高,尤其是水晶风格图标,有很多细节需要处理。看似很简单的东西做出来需要花很大的功夫。 最终效果 1、新建一个600 * 400像素的文件,背景填充白色,然后选择圆角矩形工具,半径为8,前景颜色设置为红色,拉一个小圆角矩形。 2、按Ctrl + R调出标尺,然后拉出相交的参照线。然后再用...
标签: PS PS基础
先看看效果图 1.首先我们来坐下背景,这个背景我是先画了个圆做了些效果(投影,内阴阳)定义成图案, 2.用圆角矩形工具,画最底部的渐变,在这一步我先画个半径为47的大圆角矩形,在用剪切画个35的小圆角矩形,最后填充投影和渐变叠加。 3.这一步我们在画个半径为35的小圆角矩形和上面镂空的一样大小就可以了。做图层样式:内...
本交教程并不介绍完整的图标制作方法。只是介绍如果制作图标的托盘及抽丝图案的定义等。这是是一些基础操作,不过也非常实用。 最终效果 1、首先创建一个600X200的文档,选择圆角矩形工具,按照下图设置上面的工具栏选项。 2、在画布上画一个圆角矩形,如下: 3、选择钢笔工具,然后在圆角矩形里右击,选择填充路径,这...

经验教程

314

收藏

100
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部