磨砂玻璃质感 + 双线icon 探索

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
1282 0 1 2023-02-03

磨砂玻璃质感底部+双线透明图标组合。工具figma

一.效果展示: 

二.步骤

1.打开figma,新建一个画框,快捷键R新建一个矩形,46*46

2.渐变颜色设置为3CD6A7~26F28C,填充透明度为60%。 

3.右上角圆角设为10 。

4.复制一个矩形,放到第一个的右下角大约2px左右,调整一下下面的尺寸大小45*46 ,如下图 

5.打开图层模糊,设置为8,效果出来了! 

6.找到一个图标,渐变改为fff 100%~fff 0%。 

7.加0.5描边,颜色改为fff 

8.加下面的底色,建一个矩形,颜色改成渐变47F29E 20%~2DEE91 0%,描边改成DEFFEF。 

9.下面添加文字,完成!!! 

总结:

为了简单快速完成一个好看的效果而努力!

Powered by Froala Editor

全部评论:0条

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票