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

小耳环0

小耳环0

2016-02-19 16:18

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的PS绘制金属控件效果网页图标教程,一起来看看吧!超容易上手~

先看看效果图

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果:

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

展开更多 50%)
分享

猜你喜欢

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

设计创意
PS绘制金属控件效果网页图标

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

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

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Photoshop绘制金属控件图标

设计创意
Photoshop绘制金属控件图标

PS绘制超强金属质感图标

设计创意
PS绘制超强金属质感图标

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

PS绘制金属质感图标设计UI

PS
PS绘制金属质感图标设计UI

PS绘制设计铅笔图标效果

PS
PS绘制设计铅笔图标效果

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

赫里特·凡·洪特霍斯特(Gerrit van Honthorst)人物油画

赫里特·凡·洪特霍斯特(Gerrit van Honthorst)人物油画

Mike Wrobel人像插画

Mike Wrobel人像插画
下拉加载更多内容 ↓