10.25 业内icon图标制作步骤流出,1分钟学会UI拟物化图标设计制作方法

今天要完成的拟物化图标

业内icon图标制作步骤流出,1分钟学会UI拟物化图标设计制作方法

知识点

矢量图形工具 图层样式

深入了解图层样式的使用

步骤 1

新建文档,将背景填充为深灰色,新建参考线

业内icon图标制作步骤流出,1分钟学会UI拟物化图标设计制作方法

步骤 2

使用圆角矩形工具绘制圆角矩形,为图层添加图层样式-投影(设置参数如图所示)

*注意将使用全局光前面度对勾去掉

业内icon图标制作步骤流出,1分钟学会UI拟物化图标设计制作方法

业内icon图标制作步骤流出,1分钟学会UI拟物化图标设计制作方法

步骤 3

复制图层改变投影的设置参数

业内icon图标制作步骤流出,1分钟学会UI拟物化图标设计制作方法

步骤 4

继续为图层添加图层样式-斜面和浮雕(设置参数如图所示)

业内icon图标制作步骤流出,1分钟学会UI拟物化图标设计制作方法

步骤 5

使用椭圆工具绘制正圆,并复制图层

业内icon图标制作步骤流出,1分钟学会UI拟物化图标设计制作方法

步骤 6

为椭圆 1 拷贝添加图层样式-投影(设置参数如图所示)

业内icon图标制作步骤流出,1分钟学会UI拟物化图标设计制作方法

步骤 7

为椭圆 1 添加图层样式-投影(设置参数如图所示)

业内icon图标制作步骤流出,1分钟学会UI拟物化图标设计制作方法

步骤 8

为椭圆 1 添加图层样式-内阴影(设置参数如图所示)

业内icon图标制作步骤流出,1分钟学会UI拟物化图标设计制作方法

步骤 9

使用多边形工具绘制三角形(注意将边的数量调整为 3)

业内icon图标制作步骤流出,1分钟学会UI拟物化图标设计制作方法

步骤 10

为三角形添加图层样式-内阴影(设置参数如图所示)

业内icon图标制作步骤流出,1分钟学会UI拟物化图标设计制作方法

最后

如图所示复制三角形, 自由变换调整三角形 的方向,位置

业内icon图标制作步骤流出,1分钟学会UI拟物化图标设计制作方法

希望大家回去多多练习,早日学以致用

深受业内人士推荐的

顶尖级设计教育机构


分享到:


相關文章: