Figma3步制作弥散光卡片背景教程
谁还在为卡片背景没质感发愁?今天分享超火的弥散光效果教程,Figma几步就能做出渐变朦胧的高级感,放在 UI 设计里真的绝了!
Step1:绘制基础图形用钢笔工具画个不规则底图,锚点随便拉一拉,自由发挥更有灵动感~
Step2:叠加渐变色彩✔️卡片背景:垂直渐变(#FFFFFF 不同透明度叠加,层次感立马有)✔️描边用 45 度斜渐变(D102FF+FF0606 撞色,瞬间吸睛!)
☁️Step3:关键弥散效果最底层 + 第二层用「渐变模糊」,角度调一调(我试了 2° 和 100° 很绝),最上层模糊 90%,朦胧感直接拉满!不同角度会有惊喜,大胆试!
最后加上文字排版,TRON.NETWORK 这种科技感字体一搭,高级感这不就来了嘛~
做好的卡片放 APP 界面、海报里都超合适,新手也能轻松复刻!快收藏起来试试~
分享者:设计师一度(小红薯)
赞助商链接
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。