PS打造有质感且细腻的关闭按钮图标

婧婷

婧婷

2017-11-30 17:22

  教你用ps制作按钮,按钮在生活中是我们经常用到的,独特的按钮会让你的生活更加精彩,下面图老师教大家制作一个简单又有个性的关闭按钮,一起来看看!

PS关闭按钮图标教程

    1.新建一个画布,宽:400像素,高300像素,背景色随意填充,然后给该图层加渐变效果,从下向上,颜色为#d9caca,#e6dcd4。

2.webp.jpg

  效果图如下:

3.webp.jpg

  2.用椭圆工具 画一个圆,宽:176像素,高:176像素,填充颜色:#f9f8f6,居中对齐画布,可以给该图层取名为:椭圆1。效果图如下:

4.webp.jpg

  3.给图层(椭圆1)添加图层样式,分别是描边、内阴影、渐变叠加。

  图层样式数值如下:

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

5.webp.jpg

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

6.webp.jpg

7.webp.jpg

  添加图层样式完成后,效果图如下:

8.webp.jpg

  4.复制图层(椭圆1),我们可以取名叫椭圆2,放在图层(椭圆1)下面,填充颜色:#b4a595,下移4像素。效果图如下:

9.webp.jpg

  5.用椭圆工具  再画一个圆,宽:78像素,高:78像素,填充颜色:#f8f6f3,居中对齐画布,我们可以取名为:内椭圆。效果图如下:

10.webp.jpg

  6.给图层(内椭圆)添加图层样式,分别是描边、内阴影、渐变叠加。图层样式数值如下:

11.webp.jpg

12.webp.jpg

13.webp.jpg

  添加图层样式完成后,效果图如下:

14.webp.jpg

  7.找一个关机图标,可以在网上找一个,也可以自己画一个矢量的,本教程会附带一个。图标填充颜色:#ff6969。效果图如下:

15.webp.jpg

  8.给关机图标添加图层样式,分别是内阴影、投影。图层样式数值如下:

16.webp.jpg

17.webp.jpg

  样式添加后的效果图如下:

18.webp.jpg

  9.最后再复制图层(椭圆2),命名为:阴影,放在图层(椭圆2)下面,填充颜色:#726c65,羽化一下。给图层添加图层样式,投影。

19.webp.jpg

  作品完成后,效果如下:

20.webp.jpg

相关阅读:巧用动画功能制作液体融合动画效果
展开更多 50%)
分享

猜你喜欢

PS打造有质感且细腻的关闭按钮图标

PS PS教程
PS打造有质感且细腻的关闭按钮图标

Photoshop制作网页常用质感按钮图标

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作网页常用质感按钮图标

s8lol主宰符文怎么配

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

Photoshop制作高光质感开关按钮图标教程

电脑网络
Photoshop制作高光质感开关按钮图标教程

Illustrator实例教程:打造漂亮的水晶按钮图标

Illustrator
Illustrator实例教程:打造漂亮的水晶按钮图标

lol偷钱流符文搭配推荐

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

Illustrator制作漂亮水晶按钮图标

Illustrator CorelDRAW
Illustrator制作漂亮水晶按钮图标

Photoshop制作精制的立体金属按钮图标

PS PS基础
Photoshop制作精制的立体金属按钮图标

lolAD刺客新符文搭配推荐

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

祖玛泡泡龙好玩吗?祖玛泡泡龙怎么玩

祖玛泡泡龙好玩吗?祖玛泡泡龙怎么玩

QQ飞车手游有什么技巧 QQ飞车手游必会三大技巧介绍

QQ飞车手游有什么技巧 QQ飞车手游必会三大技巧介绍
下拉加载更多内容 ↓