视觉设计 » 有一种高级感叫“渐进模糊”(figma制作渐进模糊教程)

有一种高级感叫“渐进模糊”(figma制作渐进模糊教程)

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

最近被问爆的「渐进模糊卡片」教程来啦~ 那种光从中间慢慢散开的层次感,自带干净高级的未来感✨ 用 Figma 三步就能搞定,手残党也能轻松拿捏!

这个效果特别适合用在:

  • 登录页、个人中心页、推荐卡片
  • 暗色 UI、科技感界面、液态风设计

Figma渐进模糊教程:

第一步:选一张自带高级感的图打底
氛围感的关键就在这一步!选对图片,效果直接翻倍~

第二步:画个矩形 + 渐变(透明度 10%)
跟着笔记里的截图调参数就行~ 要是模糊效果不满意,自己改改数值也 ok,毕竟每个人画的矩形大小不一样嘛~

第三步:加上信息和装饰,搞定!

效果图:

是不是超简单?学废了吗?用上直接提升整体质感,快去试试!

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

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

{ 发表评论 }