android qq毛玻璃,如何快速做出毛玻璃背景?有了这个网格渐变神器,1分钟搞定...

升级版的毛玻璃设计风格,到了今年,已经变得更加流行,非常有必须尝试一下。例如,局部应用在icon或者背景图片上等。

98748d2bda7fb9322856e136c90c1a40.png

以下为使用毛玻璃背景作品

c81ff761ac8a273358da2406d6bc72c9.png

4c0eeabe1332cd870804c4e70261b9fd.png

059b468f2c40f27bac9a2f6afbb878d1.png

1c555cd70017c0785ef6ca0cbc23b649.png

f6a63ab2653c227ec341ccb320d2c7b9.png

这些效果,如果直接用设计软件做,速度上会慢一些,怎样更快一些做出效果?今天小编分享一个,Mesh网格渐变神器,能够1分钟做出自定义的毛玻璃背景效果,或者用默认的网格渐变,大大提高出图效率。

Mesh是一种在浏览器中使用WebGL着色器,创建美丽渐变的简单方法

网址:https://meshgradient.com/

8ce2da38592b552d86ee72c54ec04cfd.png

进入首页,会随机生成两个相似的网络渐变,默认是4个渐变值

ddaf4fadac2f66de7fd7bcb8172ce54c.png

整体功能如下

3dcd4ebd2a3d8a76434f28ac00b1ee8a.png

f12577e983f026ae6368cd4f7eb470e2.png

修改默认的网络渐变

9662c1883fb3e923f86779cf32356962.png

04962ef8f90b9020b0a71c4cf97541bb.png

421a90f87404a1a108339f7c41dbcd4f.png

7cbe0d2e0ff32cc3a76c8f9794473374.png

修改渐变色

点击底部的色值小方框,修改颜色

7d8dadeedae6d6a4bdaf0e1cd0764f7f.png

修改渐变色形态,生成毛玻璃背景

1. 添加网络渐变点

点击渐变框的任意位置会自动添加一个渐变点。左边渐变框是参考视图,右边渐变框是最终结果,可以拖动右边或左边渐变框的渐变点,修改渐变形态。

b81ac49a842aaa5c72214a790f874026.png

2. 删除网络渐变点

导出结果

c7d0af82ff1b8015358cb323e88a3e2c.png

官方示例如下

点击选项图标,进入官方示例

cb9128bb111b678618d3e31e77bdb491.png

另:还有一个新出的Sketch插件Mesh Gradients网格渐变神器(meshgradients.com)也很棒,单一许可9.99刀,团队共享许可39.99刀,但国内网络无法购买。

e9e219eff9f042ef284abdb16ca3b03c.png

@本文狮有设计原创内容,禁止转载

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值