可搜索课程、软件、讲师、读书、直播
虎课网为您提供字体设计版块下的面型图标设计-零基础学Figma图文教程，难度等级为新手入门，下面开始学习这节课的内容吧！
那我们开始今天的教程吧。
1.本节课主要学习图标设计-面性图标设计-【渐变色】，外面几何图形加里面的图形合并起来的图标称之为【快速入口型图标】，通常一定具备可以点击转入到指定模块的功能。
2.打开Figma软件，首先创建一个较大的【Frame】，然后在里面创建一个【44】的圆，先确定内部图形的尺寸。
3.图标内部的图形建议单独创建【Frame】可以独立进行创作和设计，灯泡的制作思路和线性图标是一样的，先拆解图形。
4.先绘制圆裁剪为【半圆】，绘制矩形调整为梯形，调整图形位置，点击【路径查找器】功能-选择【Flattenselection】，合并后点击左上角点击手柄编辑工具【Bendtool】，按住【Alt】可以拖拽图形。
5.在Figma当中在很多贝塞尔曲线的控制上有很大的局限性，把背景网格当做参照物来拖拽图形，通过记左右的数量实现左右对称的图形。
6.对称图形不建议绘制一半然后鼠标右键-【Fliphorizontal】水平翻转，不利于后期修改，底部添加一个带圆角的矩形。
7.矩形圆角【1】，按【V】钢笔工具绘制内部闪电图形，通过计算网格来获得等长、等角度的图形，点击【Round】线段端点位置变成圆角。
8.选中钢笔元素【Stroke】-右键选择【Outlinestroke】/【Shift+Command+O】的选项，进行轮廓化处理。
9.把钢笔图形轮廓化处理之后，点击【Subtractselection】，再选择底部图形进行合并。
10.制作渐变色，右侧参数栏填充颜色【Fill】-点击【Soild】，纯色填充【Solid】/线性渐变【Linear】/环形渐变【Radial】/角度渐变【Angular】/钻石型渐变【Diamond】/填充图像【Image】。
11.线性渐变【Linear】是用的最多的，会出现三个点用来控制渐变的角度和长短，更改起点和端点的颜色，复制【HSB】的色值，颜色过渡更自然。
12.减掉绘制好的图标背景，点击【Flattenselection】栅格化，然后再进行做【渐变效果】，点击【Effects】-增加【DropShadow】添加黑色投影。
13.大的橙色圆图形本身还有投影添加【Effects】-增加【DropShadow】，颜色复制上方图层，Y值设置大一点【6】，【Blur】改为【10】，透明度降到【20%】。
14.通过几层的渐变，以及投影的叠加，绘制第二个图形的时候，直接复制之前的，更改【渐变的颜色】，以及内部图标。
以上就是面型图标设计-零基础学Figma图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！