本节课讲解 Figma - 绘制线性图标(4),同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。
那我们开始今天的教程吧。
1.本节课绘制不透明度图标和双色图标,这两种图标的特点主要是集中在图标的部分结构上,通过不透明度和不同的颜色来增加图标的层次感,可以理解为一个是同色系配色,一个是多色系配色,打开Figma软件,选择【画框工具】,绘制一个24x24的画框,然后【按住Z键】框选画框并拉大,如图所示。
2.调出栅格,将它的尺寸改为24x24,然后使用【圆形工具】绘制圆形,取消填充并设置黑色描边,描边宽度改为1像素,模式改为Center,如图所示。
3.向下【移动并复制 快捷键:按住Shift+Alt+左键拖动】一个,然后将其放大,再次【移动并复制】一个,缩小使其居于两个圆形中间,具体如图所示。
4.【双击】大圆形进入【编辑模式】,【删除】其底部的锚点,使其变为半圆,然后使用【钢笔工具】为其添加锚点,选中并【删除】中间两侧的点,设置Round将其改为圆角,如图所示。
5.相同方法【删除】中间校园的顶点,然后设置Round将其改为圆角,调整位置使其拼接起来,调整整体图标的位置,完成人像图标的制作,如图所示。
6.使用【圆形工具】绘制一个大圆,使用【三角形工具】在大圆左下角绘制三角形,设置圆角为1,点击上方按钮后取消填充并设置黑色描边,如图所示。
7.使用【矩形工具】在气泡中间绘制细的矩形并设置圆角为1,向下【移动并复制】两个并调整长度,选中大圆和三角形【右键】选择【Flatten】合并形状,具体如图所示。
8.将三个细矩形的填充颜色改为黑色,发现有些臃肿,删除一条,然后调整位置对齐中间,完成气泡图标的制作,如图所示。