Ledcell视觉效果,是渐变风的一种,主要还是利用了颜色与颜色之间比较自然的虚实渐进变化,使整体气质更为柔和,可以起到视觉聚焦和作为背景增加整体层次的作用。那么,用Pixso如何实现Ledcell视觉效果呢?

Step1:创建画板

将画板的颜色填充为黑色
画板

Step2:创建一个矩形

填充为白色,圆角半径设为30。
矩形

Step3:给矩形添加线性渐变

根据需求设置颜色,参考数值为#BF803A,8%和535A30,3%。
线性渐变

Step4:给矩形添加背景模糊

参考数值为5。
背景模糊

Step5:给矩形描边位置添加线性渐变

参考数值为:

DE6218,50%;

#EACA7B,10%;

#EEB66F,10%;

#50FF37,50%。

ledcell

Step6:添加两个大小相同圆

在矩形的对角位置添加两个大小相同的圆形(120*120),颜色参考数值为:#BF803A,#535A30。
ledcell

Step7:添加高斯模糊效果

给两个圆形添加高斯模糊效果,模糊=180。
ledcell

就这样,简单几步就完成啦!

ledcell

Ledcell视觉具有科幻感和迷幻感,喜欢这种风格的小伙伴可以看看打开Pixso资源社区看看,也可以直接点开Pixso工作台自己动手试试哦!

弥散光
弥散光UI视觉设计