飞特网顶部通栏AD位

AE快速制作个弹跳加载小动画教程

果果发布于:2020-5-6 13:53 |原作者: 墨染ART
简介: 随着各种APP大行其道,APP的动效设计现今是越来越重要了,以前可能动效只是加分项,现在是必会技能~希望飞特网的UI设计学习者们能通过这篇AE快速制作个弹跳加载小动画教程学会使用AE制作动效。 ... ...

版权申明:本教程出自“墨染ART”原创,感谢“墨染ART”的原创教程分享!

AE快速制作个弹跳加载小动画教程 飞特网 AE实例教程

FEVTE编注:更多After Effects实例教程学习交流和After Effects作品发布请访问飞特网After Effects实例教程栏目,地址:https://www.fevte.com/moive/AE/AESL/

前言 

哈喽,今天给大家解禁一个墨染动效特训营圈子内的动效小技巧,如何5分钟快速制作一个弹跳的加载小动画。

效果如上图,先来分析下技术难点,第一个是食物图标的弹跳,第二个是文本的弹跳

食物图标的弹跳

1、将食物图标做一个预合成,依次排列,一个图标只出现一秒钟。

AE快速制作个弹跳加载小动画教程 飞特网 AE实例教程

2、然后给整个预合成做上下的往复运动,在上下跳动的过程中加上旋转。

AE快速制作个弹跳加载小动画教程 飞特网 AE实例教程

默认的节奏就是匀速的,效果如下

AE快速制作个弹跳加载小动画教程 飞特网 AE实例教程

很显然节奏不对,弹跳 的节奏应该是在顶部的时候速度为0,弹起的时候减速,下落的时候加速。

如何快速制作弹跳动画?小技巧来了!

1、这些在顶点的位置的关键帧

2、按住 ALT+鼠标

12下一页
3

好评

差评

刚表态过的朋友 (3 人)

果果
安徽 贵池 绘画/插画师
+ 关注 私信
  • 新手字体设计教程
  • AE+PS 3D图层制作纸飞机动画效果教程
  • AI+AE制作片头动画文字效果教程

最新评论

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业

本周热点文章

设计——从飞特开始)
  • 我们一直在进步
  • 2020年4月28日飞特网UI升级完成.
  • 2020年3月15日飞特网WAP版正式上线.
  • 2020年1月18日飞特网新增H5上传功能,上传图片速度更快,效率更高.
  • 9月18日飞特网全站升级https安全传输协议.
  • ...