AE动效学习笔记——loading篇

用户头像
广州/设计爱好者/6年前/510浏览
AE动效学习笔记——loading篇
用户头像
林粿然

再来点学习干货,有趣的loading动效

loading的展现方式多种多样,其最终目的都是为了缓解用户的等待焦虑。以下示例如没有特殊注明,都属于近期个人作品。


1.常见解决方式


a.告知用户大致的等待时间,可以是可视化的图形来表示

  常用修剪路径做进度条效果

常用湍流置换效果做出在一个容器里往上涨的效果



b.在不知道具体时间多长时,可以用一些有趣的动画来减少用户的心理焦虑

配合一些人物的表情动作做一些无限循环loading



2.小技巧

在学习和练习的过程中,我总结了下面4个小技巧和大家分享


a.加上速度线

@Jonas Mosesson

在一些碰撞、掉落、飞过的场景添加一些速度线或者做成线条爆炸的效果可以更好地模拟现实效果,让动画更加流畅


b.加上一双无形的手

@Jonas Mosesson

一些在现实世界看起来不太合理的效果比如突然掉落飞走的效果可以通过一双无形的手来让其变得合理不突兀



c.表情变化

从开心的表情变成悲伤的表情我们可以看到有两个变化,一个是加上了眉毛,另外一个是嘴巴从曲线变成了直线

窘迫的表情是眼睛变成了大于号小于号

惊奇的表情是嘴巴变成了一个圆圈还有脸上加上了从上往下滑的汗滴


d.投影的变化

一些动作可以配合投影来展现

6
Report
|
13
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in