为节气【惊蛰】制作一张动态弹窗

最近画了一个以惊蛰为题材的插画。

在作画开始前也去搜索了关于惊蛰的一些参考

首先我们科普下节气惊蛰：当春天的第一声雷响起时，冬眠的动物被惊醒，人们便称这天为“惊蛰”。春雷叫醒冬眠蛙，探头看看遍地花。伸伸懒腰觉饥渴，跃跃欲试蝉虫抓。 

然后抓取一些关键词：初春 萌芽 绿色 青蛙 荷花

因此找到如下参考：

集合一些参考和关键词，加上颜色的和谐搭配创作出了插画【惊蛰】

惊蛰

但...

总感觉惊蛰这么有活力的节气

应该让他变成一幅动态的插画，这样画才会“活过来”

因此，在画插画的时候每一个物件都应该命名好分好层再逐一导出

分层时命名好有助于使用AE不会混乱

像这样把将要实现的弹窗效果先做个静态图

静态弹窗呈现效果

其次一个个切图输出

这些涉及到需要动起来的组件全部分层切

一键拉进AE然后就是“拼图”就像前端还原一样和效果图拼到一致

AE界面效果

最后经过大量调试动态的和谐性就得出如下特效duang duang duang

动态效果展示

其实看上去复杂

难点是创作与怎么动的和谐

最后只要剖析一下剩下的就都是体力活拉。