视觉设计 » Figma3步制作弥散光卡片背景教程

Figma3步制作弥散光卡片背景教程

发表于: 视觉设计. 评论
Sponsor

谁还在为卡片背景没质感发愁?今天分享超火的弥散光效果教程,Figma几步就能做出渐变朦胧的高级感,放在 UI 设计里真的绝了!

Step1:绘制基础图形用钢笔工具画个不规则底图,锚点随便拉一拉,自由发挥更有灵动感~

Step2:叠加渐变色彩✔️卡片背景:垂直渐变(#FFFFFF 不同透明度叠加,层次感立马有)✔️描边用 45 度斜渐变(D102FF+FF0606 撞色,瞬间吸睛!)

☁️Step3:关键弥散效果最底层 + 第二层用「渐变模糊」,角度调一调(我试了 2° 和 100° 很绝),最上层模糊 90%,朦胧感直接拉满!不同角度会有惊喜,大胆试!

最后加上文字排版,TRON.NETWORK 这种科技感字体一搭,高级感这不就来了嘛~

做好的卡片放 APP 界面、海报里都超合适,新手也能轻松复刻!快收藏起来试试~

分享者:设计师一度(小红薯)

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }