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

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

前言

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

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

食物图标的弹跳

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

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

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

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

如何快速制作弹跳动画？小技巧来了！

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

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

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

最终效果如下

文本的弹跳动画

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

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

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

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

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

最终效果如下

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

android 图标弹跳动画,动效教程 | 5 分钟快速做个弹跳加载小动画相关推荐

android 图标弹跳动画,动效教程 | 5 分钟快速制作弹跳加载小动画
前言今天墨染哥教你如何5分钟快速制作一个弹跳的加载小动画,如下图所示,这个小动画要快速做出来,需要解决解决两个技术难点,第一个是食物图标的弹跳,第二个是文本的弹跳. 食物图标的弹跳话不多说,先看看 ...
ae中心点重置工具_（精品）AE从小白到大神之路（七）-AE动画—动效常见的设计方法...
动画--动效常见的设计方法一．基础动画: 1.通过物体本身的旋转/缩放/位移/不透明度等基本属性来做的一些动效属于最基础的动画效果. 二．路径动画: (1)修剪路径动画(前面系列案例--下载提示完成 ...
Android加载Gif动画android-gif-drawable的使用
Android加载Gif动画android-gif-drawable的使用目前支持Gif播放的开源库还是有的,不过经分析: GifView:如果Gif图片太大会导致OOM; SimpleDrawee ...
android菊花动画,Android实现仿iOS菊花加载圈动画效果
常见的实现方式切图,做旋转动画自定义View,绘制效果 gif图 1.切图会增加体积,但相对简单,不过在换肤的场景下,会使用不同颜色,需要准备多张图,不够灵活. 2.由于自定义的好处,不同颜色只需 ...
android刷新时的圆形动画_Android自定义加载圈动画效果
本文实例为大家分享了Android自定义加载圈动画展示的具体代码,供大家参考,具体内容如下实现如下效果: 该效果图主要有3个动画: 1.旋转动画 2.聚合动画 3.扩散动画以上3个动画都是通过Va ...
android 载入svg动画,Android 加载SVG动画
Android 加载SVG动画 SVG 可以说是目前比较流行的图片格式,使用领域也十分广泛,例如:web 前端页面,Android ios 等移动应用.都可以使用 SVG 的图片格式.今天就要和大家谈 ...
Android 花里胡哨的加载Loading动画
记录查找了一些实用的加载动画,真的是花里胡哨!!! 1. AVLoadingIndicatorView-master AVLoadingIndicatorView各种加载效果,适合做加载loading ...
android 自定义加载动画效果,Android 自定义View修炼-自定义加载进度动画LoadingImageView...
一.概述本自定义View,是加载进度动画的自定义View,继承于ImageView来实现,主要实现蒙层加载进度的加载进度效果. 支持水平左右加载和垂直上下加载四个方向,同时也支持自定义蒙层进度颜色. ...
android 蒙层动画,Android酷炫加载进度动画
一.概述本自定义动画进度酷炫View,是加载进度动画的自定义View,继承于ImageView来实现,主要实现蒙层加载进度的加载进度效果. 支持水平左右加载和垂直上下加载四个方向,同时也支持自定义蒙 ...

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

android 图标弹跳动画,动效教程 | 5 分钟快速做个弹跳加载小动画相关推荐

最新文章

热门文章