那就开始今天的教程吧
1.本节课是零基础学习Figma的第五节课,涉及到的内容是通过一组扁平化的图标来描述Figma的渐变色是如何调整的,用不透明度来构建图标的层级。
Figma的渐变工具分成【线性渐变、 径向渐变、角度渐变、菱形渐变】。
2.打开Figma以后,先选择【圆形工具】画四个圆出来,【Ctrl+D】复制出两个圆,选中第一个圆,填色当中最上面的选项默认的是纯色,如果勾选了第二个选项,拉出的就是【线性渐变】,
线性渐变在Figma当中是两端的,两端的颜色是一个深色、一个浅色, 默认的这个浅色是不透明度在零的情况下的颜色。
3.第二个是【径向渐变】,是由图形的最外边到最中心的两端的渐变,第三个【角度渐变】画质感图标的时候用到的是比较多的,显示的是从角度的开始一直到角度的终结,
第四个【菱形渐变】用到的是比较少的,是由中心到外部的一种渐变方式。
4.Figma的渐变编辑器是通过【拾色器面板】进行调整,最上面的就是渐变编辑器的编辑条,在上面每点击一个位置就会出现一个新的渐变颜色,选中了颜色之后会出现一个蓝色的边框,
这个边框就可以对颜色进行修改调整,在最下边【不透明度】的选项就是用来调整这个渐变色块的不透明度,直接选择删除键就可以去删除掉。
5.选择Fill边上的这四个点,选择到加号就是Create Style,把它设置成默认的渐变色,再拉出一个圆的时候直接可以把它去拽出来 ,会沿用刚才预设好的这个渐变,如果是定义成样式以后,