美文网首页聊聊用户体验设计
为节气【惊蛰】制作一张动态弹窗

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

作者: 狐洱_d0fd | 来源:发表于2019-03-16 21:44 被阅读26次

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

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

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

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

因此找到如下参考:

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

惊蛰

但...

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

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

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

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

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

静态弹窗呈现效果

其次一个个切图输出

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

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

AE界面效果

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

动态效果展示

其实看上去复杂

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

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

相关文章

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

    最近画了一个以惊蛰为题材的插画。 在作画开始前也去搜索了关于惊蛰的一些参考 首先我们科普下节气惊蛰:当春天的第一声...

  • 5

    今日春“”惊蛰 2020年3月/5日,节气为惊蛰,惊蛰到春分这一段时间对应借着惊蛰节气。 借《易经》的惯例来说,只...

  • 『节气』惊蛰

    惊蛰节气介绍 今年的惊蛰节气为3.6--3.20,“微雨众卉新,一雷惊蛰始“。《孝经纬》:“雨水后十五日,斗(北斗...

  • 二十四节气——惊蛰

    微雨众卉新 一雷惊蛰始 惊蛰 古代也叫“启蛰” 是唯一一个 以声音为标志的节气 惊蛰,二月节 二十四节气第三个节气...

  • 惊蛰打小人,蛇虫鼠蚁要驱赶,长吁一声提正气

    今天是二十四节气中的惊蛰,农历记载:“斗指丁为惊蛰,雷鸣动,蛰虫皆震起而出,故名为惊蛰。” 在这个节气里,春雷是最...

  • 惊蛰

    今天3月5日,为节气惊蛰。惊蛰,古时称“启蛰”。因至汉朝,汉景帝刘启之讳为“启”,“启蛰”遂更名为“惊蛰”。 启,...

  • 不逼一下自己不知道自己有多优秀

    今日惊蛰,是24节气中的第三个节气。太阳到达黄经345度时为“惊蛰”。惊蛰的意思是天气回暖,春雷始鸣,惊醒蛰伏于地...

  • 惊蛰......

    2022年3月5日22点37分, 我们正式进入惊蛰节气, 惊蛰是24节气中, 第三个节气-惊蛰, 立春-雨水-惊蛰...

  • 惊蛰那些事!

    惊蛰,是24节气中的第三个节气。每年3月5日或6日,太阳到达黄经345度时为“惊蛰”。惊蛰的意思是天气回暖,春雷始...

  • 春意藏不住,又到听雨赏花的季节啦!

    一声初春雷,蛰伏的生命开始复苏。以雷为起点,今日23时28分,进入到了最具动态画面感的节气—惊蛰。 云和云的碰撞伴...

网友评论

    本文标题:为节气【惊蛰】制作一张动态弹窗

    本文链接:https://www.haomeiwen.com/subject/mhakmqtx.html