澜呦呦

今天在ui中国上看到了黑马哥的文章《磨砂玻璃的图标是怎么做的?》,然后照着做了个作业;喜欢用figma的我肯定是用figma做了,做的时候发现一些问题,写这个文章主要是给自己看的,怕忘记,如果能帮到看到文章的你,可能他的价值又会有一点升华~~

一、交作业

Figma磨砂质感图标练习.jpg
Figma磨砂质感图标练习01.jpg

二、图层截图+原作者自己的拆解图

截图的不是无用的,只是希望下一次看此图层,我就能直接画出这个图标,也方便看了他文章的朋友看到这个图层拆解,能够直接画出来

image.png

image.png


三、步骤

直接看作者的照着做,然后不注意的话,多半会在创建遮罩层的时候卡死,请参考下面我画的图,看最后值得注意的地方:

文字描述一下就是,直接把模糊图层和形状图层使用use as mask,就会出现那个磨砂的遮罩层会不显示完全,解决办法就是复制第二层,放到遮罩层内部的中间位置,具体看下图值得注意的地方

Frame 7.png
鉴定完毕,此图很辣鸡~

3点了,太困了,偷懒~~~~