本节课讲解 Figma - 绘制线性图标(3),同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。
学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一解答。
那我们开始今天的教程吧。
1.本节课要绘制的是高光式图标,是在线性图标绘制完成后添加一笔高光,起到画龙点睛的作用,高光一般采用里细外粗的规律,打开Figma软件,将栅格和画框调出,如图所示。
2.选择【圆形工具】,在画框中绘制圆形,调整圆形的位置大小,然后选择【矩形工具】,在圆形底部绘制矩形,如图所示。
3.【双击】矩形进入【编辑模式】,设置其圆角为4,然后【复制】并【粘贴】圆形,缩小使其与大圆为同心圆,如图所示。
4.隐藏小圆形,将大圆和底部的圆角矩形【合并】,然后取消填色,打开描边,描边宽度改为2像素,模式改为Center,如图所示。
5.接下来制作高光,显示小圆形,同样取消填色并设置描边,描边宽度为1像素,进入【编辑模式】后选中底部和左侧的锚点并【删除】,设置Round将其改为圆角,即可完成高光式灯泡的制作,如图所示。
6.使用【圆形工具】绘制大圆形,使用【矩形工具】在圆形的右下角绘制矩形,然后相同方法【复制】一个圆留作备用,如图所示。
7.隐藏复制出的圆形,将大圆和右下角的矩形【合并】,相同方法取消填色,打开描边,描边宽度为2像素,进入【编辑模式】,为右下角的直角设置圆角为4,如图所示。