所有分类
  • 所有分类
  • VIP素材
  • APP模板
  • 图标
  • 插画
  • 样机

动效教程 | 5 分钟快速做个弹跳加载小动画

小编:APP的动效现今是越来越重要了,以前是加分项,现在是必会技能~今天给大家带来的是AE动效教程 —— 5 分钟快速做个弹跳加载小动画,一起来学习学习吧~~

 

前言 

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

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

 

食物图标的弹跳

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

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

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

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

 

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

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

2、按住 ALT+鼠标?左键 双击 刚刚选中的关键帧,会弹出 关键帧速度 调节窗口

让速度为0,影响为80即可。

 

最终效果如下

 

文本的弹跳动画

1、开启对称网格、网格 (PS:在AE内绘制图形的时候 开启这两个会更精准更方便哦)

2、选中文本图层,用钢笔工具绘制一条蒙版路径,并使用钢笔工具的的添加锚点工具,在蒙版路径中间的位置上加多一个锚点,并拉出控制手柄,方便等下调节路径做动画。

3、展开文本属性,在路径选项里面 选择刚刚绘制的蒙版路径

4、根据图标弹跳的节奏,给蒙版路径K帧,调节向上向下弯曲,做成弹跳的文本。

做完一个弹跳之后,可以复制关键帧到下一个位置即可。

 

最终效果如下

好了教程到这里就完了,大家学会了么?欢迎大家做做练习,发我瞧瞧哦~~

 
 
原文地址:
墨染动效
作者:墨染ART 
 


 

本页地址:https://www.moreux.cn/29238.html; 所有素材与文章均来自于互联网,经网友投稿后发布,如有侵权,请联系 3147141550@qq.com。如果下载失败可提交工单哦。

0
分享海报

站点公告

早鸟限时特价,年会员半价,限量1000份哦

点击购买

没有账号? 注册  忘记密码?