利用AE制作热力图效果
在设计工作中,产品有时候会让我加一个热力图效果,有时候一下子还真找不到素材,所以尝试自己做一个热力图,也能方便调尺寸
制作软件: After Effects
需要用到粒子插件:particular或者stardust
主要用到AE里3个效果:
1.mdian (中间值)
2.turbulent displace (湍流置换)
3.curve(曲线)
------------------------------------------------------------------------------
制作方法
第一步
我们先用AE里的粒子插件制作出大概的热力图样子,这里涉及到AE基础的粒子知识,有不懂的小伙伴可以在B站去学习一下哦. (注意:Z轴粒子调成0,只让粒子分散在XY平面内)
第二步
制作热力图的粒子取样贴图,这一步也可以在Photoshop软件里完成,就是在一个圆形上添加多个颜色的径向渐变,具体色值可以参考真实热力图效果,外围加一些羽化
第三步
将第一步做的粒子替换成刚刚做的贴图
第四步
我们需要在粒子图层上添加下面4个效果,这些效果具体会对粒子产生哪些变化,我用gif图做了演示
mdian(中间值)
调整半径数值,两个相邻的物体之间会有融合效果
------------------------------------------------------------------------------
2.turbulent displace (湍流置换)
调节数量大小,可以改变物体的形状,如图
------------------------------------------------------------------------------
3.调整curve(曲线)里的alpha ,曲线调成“Z”字形如下图,可以让粒子外围的变的硬朗一些
添加完上述4个效果并调整参数后,就可以得到下面的样子
第五步
我们将第一步做好的粒子复制一层,填充成蓝色并添加快速方框模糊效果,最后把它放到第四步做好的粒子下面一层,就有了最终效果
PS:
改变种子值和粒子大小,加以简单的调整,就可以得到不同效果的热力图了
最后
希望大家也可以做出更好的效果
