有些小伙伴分不清轻拟物和拟物的风格，其实他们是两种不同的定义，相比拟物风格，轻拟物图标在拟物图标与扁平之间，也表现光影、形体的效果，但它尽可能简化了轮廓、肌理和图层，呈现出更概念化、理想化、易于辨识的拟物图形。

轻拟物图标风格的绘制相对其他风格来说较简单，接下来我们以下图为例，带你了解轻拟物徽章的设计思路，参数仅做参考哦~

这里使用的设计工具是「行空设计」，边看边操作效果更佳哦~

1.一共4层图层。

2.每层图层均利用由浅至深的同色系渐变填充以及内阴影的设置，一层层对比凸出明暗面，打造轻拟物效果。

3.涉及工具：形状工具、渐变 。

4.注意要点：渐变颜色、内外阴影参数设置。

选择形状工具中的三角形，将三角形的角数设置为6，得到正六边形，作为多边形1。随后设置边框以及tian充线性渐变色，并设置阴影参数 。

尺寸：40*40px、圆角半径「4」、角数「6」

边框：宽度「0.4」、填充#E7BF55

线性渐变填充：#FFF0D5-#FFDA93

内阴影1：#000000，不透明度80%，混合模式「叠加」，大小「-1、-1、1、0」

内阴影2：#FFFFFF，不透明度80%，混合模式「正常」，大小「1、1、1、0」

复制多边形1，改变尺寸得到多边形2。取消边框，改变填充渐变色并设置阴影参数 。

尺寸：36*36px、圆角半径「4」、角数「6」

线性渐变填充：#FFCA54-#EF9C09

内阴影1：#000000，不透明度45%，混合模式「叠加」，大小「1、1、1、0」

内阴影2：#FFFFFF，不透明度40%，混合模式「正常」，大小「-1、-1、1、0」

多边形3的得来同理于多边形2，只不过也需要改变填充渐变色以及阴影参数。

尺寸：28*28px、圆角半径「4」、角数「6」

线性渐变填充：#FFE190-#FFSE41

内阴影1：#000000，不透明度50%，混合模式「叠加」，大小「-1、-1、1、0」

内阴影2：#FFFFFF，不透明度30%，混合模式「正常」，大小「1、1、1、0」

内阴影3：#FFFFFF，不透明度10%，混合模式「正常」，大小「-0.5、-0.5、0.5、0」

内阴影4：#000000，不透明度10%，混合模式「叠加」，大小「0.5、0.5、0.5、0」

在形状工具中选择“星形”并绘制，设置圆角半径以及中心距离，填充同色系渐变色并设置阴影参数。

尺寸：18*18px、圆角半径「0.5」、角数「5」、中心距离「55%」

线性渐变填充：#FFF9E9-#FFEDB5

外阴影：#000000，不透明度74%，混合模式「叠加」，大小「0.5、0.5、0.5、0」

内阴影1：#FFFFFF，不透明度40%，混合模式「正常」，大小「1、1、1、0」

内阴影2：#FFFFFF，不透明度60%，混合模式「正常」，大小「0、1、3、0」

内阴影3：#000000，不透明度100%，混合模式「叠加」，大小「-1、-1、3、0」

内阴影4：#000000，不透明度39%，混合模式「叠加」，大小「-1、-1、1、0」

以上就是轻拟物徽章图标的绘制教程啦，你也来试试吧。大家有其他疑问可以在评论区讨论哦~

Powered by Froala Editor