Ledcell视觉效果,是渐变风的一种,主要还是利用了颜色与颜色之间比较自然的虚实渐进变化,使整体气质更为柔和,可以起到视觉聚焦和作为背景增加整体层次的作用。那么,用Pixso如何实现Ledcell视觉效果呢?
Step1:创建画板
将画板的颜色填充为黑色
![画板](https://cms.pixso.cn/images/designskills/2022/twoskliis/threeskiils/ledcellsjjiaocheng1.png)
Step2:创建一个矩形
填充为白色,圆角半径设为30。
![矩形](https://cms.pixso.cn/images/designskills/2022/twoskliis/threeskiils/ledcellsjjiaocheng2.png)
Step3:给矩形添加线性渐变
根据需求设置颜色,参考数值为#BF803A,8%和535A30,3%。
![线性渐变](https://cms.pixso.cn/images/designskills/2022/twoskliis/threeskiils/ledcellsjjiaocheng3.png)
Step4:给矩形添加背景模糊
参考数值为5。
![背景模糊](https://cms.pixso.cn/images/designskills/2022/twoskliis/threeskiils/ledcellsjjiaocheng4.png)
Step5:给矩形描边位置添加线性渐变
参考数值为:
DE6218,50%;
#EACA7B,10%;
#EEB66F,10%;
#50FF37,50%。
![ledcell](https://cms.pixso.cn/images/designskills/2022/twoskliis/threeskiils/ledcellsjjiaocheng5.png)
Step6:添加两个大小相同圆
在矩形的对角位置添加两个大小相同的圆形(120*120),颜色参考数值为:#BF803A,#535A30。
![ledcell](https://cms.pixso.cn/images/designskills/2022/twoskliis/threeskiils/ledcellsjjiaocheng6.png)
Step7:添加高斯模糊效果
给两个圆形添加高斯模糊效果,模糊=180。
![ledcell](https://cms.pixso.cn/images/designskills/2022/twoskliis/threeskiils/ledcellsjjiaocheng7.png)
就这样,简单几步就完成啦!
![ledcell](https://cms.pixso.cn/images/designskills/2022/twoskliis/threeskiils/ledcellsjjiaocheng8.png)
Ledcell视觉具有科幻感和迷幻感,喜欢这种风格的小伙伴可以看看打开Pixso资源社区看看,也可以直接点开Pixso工作台自己动手试试哦!
![弥散光](https://cms.pixso.cn/images/designskills/2022/twoskliis/threeskiils/ledcellsjjiaocheng9.png)
弥散光UI视觉设计