图标设计,制作日常工具图标教程

@ChloeRowe林雅诺?:今天跟大家说说如何制作出我们日常生活常用到的工具形状图标,教程不难,主要考验大家钢笔工具的运用,大家一起练习一下。

步骤 25

将前景色设置为#F6F6F6,选择椭圆工具,建立一个15 x 15px的圆哦,我们再来打开图层混合模式,参数设置如下。

图标设计,制作日常工具图标教程

光泽,正常,#000000,透明度14%,角度50°,距离11px,大小14px,反相,无消除锯齿。

图标设计,制作日常工具图标教程

内发光,正常, 透明度35%,颜色#000000,柔和,边缘,大小2px,范围50%

图标设计,制作日常工具图标教程
图标设计,制作日常工具图标教程

步骤 26

改变前景色 #C1C1C1,使用矩形工具哦,创建一个 2 x 12px的矩形,然后放置好它,就像图1这样。

打开图图层混合模式,然后参数设置如下:

图标设计,制作日常工具图标教程

内阴影,正常,颜色#000000,透明度25%,角度180°,距离1px

图标设计,制作日常工具图标教程
图标设计,制作日常工具图标教程

步骤 27

我们还是使用矩形工具,再来创建一个13 x 2px的矩形,横着放置它,如图1。

打开图层混合模式,参数设置如下:

图标设计,制作日常工具图标教程

内阴影,正常,颜色#000000,透明度25%,角度-90°,距离10px

图标设计,制作日常工具图标教程
图标设计,制作日常工具图标教程

 7/12   首页 上一页 5 6 7 8 9 10 下一页 尾页
上一篇:UI知识,设计师必须知道的优秀UI设计原则
下一篇:UI知识,UI设计切图的命名规范
更多精彩内容