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

2017-11-30 17:22 73 1 收藏

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

【 tulaoshi.com - PS 】

PS关闭按钮图标教程

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

2.webp.jpg

  效果图如下:

3.webp.jpg

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

4.webp.jpg

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

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

  图层样式数值如下:

5.webp.jpg

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

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

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

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

相关阅读:巧用动画功能制作液体融合动画效果

来源:http://www.tulaoshi.com/n/20171130/2768669.html

延伸阅读
PS质感水晶按钮 tulaoshi.com PS质感水晶按钮(2)
标签: PS PS教程
教程虽然没有详细介绍按钮如何制作,不过作者在这里分享了很多按钮制作的经验,先从一些简单的效果入手,多尝试,多运用图层样式等,就可以做出自己想要的效果。 最终效果 1、按钮的形状 我个人认为按钮无非就这几种基本形状,请不要做太多奇形怪状,不要忘记按钮本身的作用“吸引用户点击”。 2、颜色 设计师应该具备审美能力...
【PS文字特效】PS打造质感“噜友联盟” 字体图标   我们先来看看最终的效果图吧:         注 :更多精彩教程请关注图老师photoshwww.Tulaoshi.comop教程栏目,图老师PS群:339853166欢迎你的加入
    本TuLaoShi.com教程很简单,后面有附样式下载! 制作过程如图(图片过大,请点击打开):   样式下载地址:http://www.poluoluo.com/sucai/psys/Index.html
Portraiture确实是一款不错的磨皮滤镜,不仅磨皮全面,而且还能增强肤色的质感。是人物处理不可缺少的外挂滤镜。下面教程就是个不错的滤镜范例。 原图 最终效果 1、打开原图执行图像应用,(正片叠底;不透明84%)。 2、选择菜单:图像 调整 颜色匹配,(选定中和;渐隐17)。 3、图章修复,(画笔39;不透明83%)。 4...

经验教程

510

收藏

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