PS绘制按钮ICON图标教程

在UID设计中,经常要绘制按钮ICON图标,做ICON一定要注意细节,哪怕很小的一点反光,从现实存的物体想象过来,作者朝夕相处58就带你来绘制按钮ICON图标

第1阶段

  • 01

    我们从底部开始做,画一个圆角矩形,颜色自定,在属性面板调好圆角

  • 02

    为该造型添加如图所示的图层样式,鼠标右键选择“图层样式”

  • 03

    如下图所示,注意各属性的设置

  • 04

    这就是做出来的效果,第一阶段完成

第2阶段

  • 01

    把第1阶段做好圆角复制一份出来,在属性面板里设置减小相当像素,就实现等比效果了

  • 02

    依然是对其进行效果设置,如图所示,注意数值

第3阶段

  • 01

    复制一层蓝色的如图,宽度是原来的一半

  • 02

    依然是对其效果的设置,如图所示,这里要注意,在做反光的时候,哪怕光再微弱,也是一定要有的

  • 03

    如图所示,为目前所做的效果

第4阶段

  • 01

    画一个圆,大下在这个矩形一半的样子,上下居中对齐,为其设置效果

  • 02

    把小圆右键转化为智能对象,为其加点高斯模糊,使其更加真实

  • 03

    再复制出一个小圆,移至左边,进行效果的设置

  • 04

    同样转化为智能对象,进行高斯模糊,按钮就基本完成了

(0)

相关推荐

  • ppt怎么设计高质感凹形按钮ICON图标?

    PPt中想要制作凹形微立体质感图标,该怎么制作呢?制作过程和原理不算复杂,主要需要用到PPT中填充渐变.线条渐变.阴影等功能,下面我们就来看看详细的教程. 1.首先打开ppt,点击插入-形状-椭圆,按 ...

  • 如何用PS绘制出“时钟”图标

    通过添加图层样式--鼠标绘制出一款时钟图标 操作方法 01 用PS创建一个画布,対画布添加一个"渐变填充" 填充的渐变色不固定--好看就行. 02 选择"圆角矩形工具&q ...

  • icon图标绘制心得

    一.选取icon制作工具; 最受图标设计界牛人们推崇的专业icon/ico图标制作软件--Axialis IconWorkshop. 二.确立icon制作题材; 软件图标是软件的形象代言人,想让用户一 ...

  • 史上最简单的图标教程第七课 (PS教程)

    咳咳...又是我,没错,今天小编给大家带来的是灰常有情怀的手表icon教程,原作者说是人类史上最简单的图标教程,这也是他出的第七次教程,相关教程都可以在学ui网找的到哦.好了,不多说了,大家跟着一起来 ...

  • 教你用Photoshop绘制金属质感按钮UI图标

    绘制金属质感按钮UI图标 操作方法 01 新建1000*800PX白色画布,创建一个渐变填充调整层,参数设置如下:右键将图层转换为智能对象,执行滤镜-杂色-添加杂色,数量为2,平均分布. 02 选择圆 ...

  • PS绘制逼真的游戏战龙的简单鼠绘教程

    PS绘制逼真的游戏战龙的简单鼠绘教程 步骤/方法 01 首先绘制一个龙的简单图案,这个团可以尽量简洁,但也不能太简洁,如下图即可 02 单色进行平涂防止讲主题物的轮廓画出来,注意不同的物体用不同的图层 ...

  • 松鼠图标教程(ps教程)

    小编:其实一开始叫我发这篇教程的时候呢,我是拒绝的,因为我根本不相信有什么人类史上最贱蛋的图标教程,作者说,加特技,画笔笔刷,刷刷刷,钢笔工具,扎扎扎!duang~流弊又简单的教程就出来了! 诶呦,新 ...

  • PS设计图标教程

    PS能够画很多图标,今天教你画个WIFI. 操作方法 01 打开电脑中的PS软件,画一个正圆,把填充取消掉,添加描边. 02 接着CTRL+J复制两个圆,然后等比进行缩小,排列成下图. 03 接着点选 ...

  • PS抠图合并图像操作教程

    PS抠图合并图像操作教程 朦胧感合拼 01 打开PS软件,点击"文件"→打开 02 选中选区工具(如图),点击工具右下角的黑色三角(很难点,慢慢找),打开拓展工具选项,选择椭圆选区 ...