
全文速览图

先来看看最终的界面动态效果:

怎么去做呢?

其实就是流动模糊渐变效果,接下来,带大家梳理一下全过程:
1. 新建一个椭圆图形,添加模糊效果,并制作旋转动画。

2. 同样的方法,在旁边再添加一个椭圆图形,修改颜色,添加模糊效果,并制作旋转动画。

3. 重复操作制作多个大小、颜色不同的椭圆,丰富整体层次。

4. 新建一个椭圆图形,添加波形变形效果。

5. 把波形变形的椭圆放在最下面,看一下效果:

6. 新建一个预合成,截取一半的椭圆,这样做是为了让最终呈现效果更自然、更有错落的不规律感。
7. 复制一份预合成图层,将两个图层拼接组合,查看组合效果。
8. 分别为两个预合成图层添加上位移,旋转动画。
9. 添加高斯模糊效果,调整参数,柔化边缘生硬边框。
10. 添加湍流置换,调整参数,强化动态变幻质感。
最后,我们通过调整透明度,制作成循环动画,效果就做好啦,我们看一下效果:


学会了,点个赞!
欢迎关注作者的微信公众号:「菜心设计铺」

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。









发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
用户体验增长
已累计诞生 794 位幸运星
发表评论 为下方 5 条评论点赞,解锁好运彩蛋
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓