AE教程:汽车开动&弹性动画...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
6636 80 411 2018-05-24


课前准备


必须下载的素材

本文所需要的素材 网盘下载


插件下载

AE关键帧弹性缓入缓出曲线调节MG动画脚本插件 下载插件


源文件下载

点击下载源文件 下载源文件


开始还是想啰嗦下


1、由于大多数小伙伴还是会有一些比较简单的问题,所以本次以及以后的教程都会在3天后附上源文件让大家学习,并且在每个教程讲述的时候会附上gif方便观看


2、这个插件非常重要,后面的教程几乎都会用到这个插件,包括工作中用的次数也是最多的希望大家可以认真去琢磨


3、谢谢所有关注并支持本教程的小伙伴,由于每个教程制作的时间太过于长,所以在有些地方或许会有些不足,也欢迎大家提出意见


假如卡在一个地方可以进群或者私信我



一、确定所需要做的动效

1、简要介绍弹性插件
2、利用插件制作动效


Image title


二、简要介绍弹性插件

双击形状工具,调整其大小为“150.0,150.0”

Image title


首先将弹性插件"Flow"安装,在“窗口 - 扩展 - Flow”打开这个插件


Image title

Image title


我们来做一个弹性动画吧

1、加速下降
2、慢速上升
3、加速下降
...
(距离会越来越短)


Image title


首先在位置上每隔10f戳1个关键帧
Y轴属性分别为“400、520、440、520、480、520、500、520”


Image title


这时播放动画可以看到圆球运动的很生硬,下一步将弹性动画加上,首先了解动画的2个属性

Image title


选择位置的第一个和第二个点,选择“缓入”弹性动画,然后选择“APPLY”。

Image title


选中位置的第二个和第三个点,选择“缓出”弹性动画,然后选择“APPLY”。

Image title


然后依次选中第三个点和第四个点选择缓入
第四个和第五个点选择缓出
第五个和第六个点选择缓入
第六个和第七个点选择缓出
第七个和第八个点选择缓入


一个弹性动画就制作完成啦,并且值得强调的是,这个弹性动画插件的操作手柄很人性化


Image title

三、利用插件做些更好玩的动画




首先打开下载的素材文件夹,取出车身和2个轮胎,进行拼合


首先打开下载的素材文件夹,取出车身和2个轮胎,进行拼合


Image title


可以参考这个gif去制作这个动画,首先让轮胎转起来,

可以参考这个gif去制作这个动画,首先让轮胎转起来,

Image title



第一步将时间的终点选到01:05f处(将时间轴放在01:00处按“N”)
然后将轮胎选中,在最开始加上旋转的关键帧,然后在01:05f处修改旋转为-2x


Image title


第二步开始做车身的运动,将车身处每隔05f加上位置帧

Image title


接着加上弹性动画
在第一个和第二个点用缓入
第二个和第三个用缓出
以此类推...

Image title

接下来做排气管的动画


创建一个圆形,将其锚点拖动到圆形中间


Image title

接下来在最初始的位置加上位置和比例的关键帧,并且将比例改为0


Image title



在中间位置(15f)将不透明度再打上一个关键帧

Image title



在最后的位置上将比例调整为100%,将不透明度调整为0,位置往右上挪一点距离即可(位置这里需要直接调整数值,否则无效)

Image title


紧接着用到教程3“行走的佩奇”中的一个知识点,循环代码 loopIn("Cycle")

Image title
选中椭圆1,Ctrl+D后即可复制出椭圆2


Image title


按下“U”键,即可显示所有正在活动的关键帧

Image title



将椭圆2的关键帧往后侧进行挪动

Image title



这个时候选择整个的形状图层调整位置(需要全选所有的关键帧后再调整)

Image title



为了让其动的得更加明显,可以加上线条的运动,
创建一个长矩形,锚点挪动到中间,透明从0 - 100 - 0,位置从左到右


Image title


多复制几条,放在汽车图层的下侧即可

Image title

OK,咱们来说下公路这块的动画吧

创建一个130*12的长矩形,并且放在最左侧

Image title


选择“变换-矩形1”中的位置属性,在起始时间打上关键帧,并且在终点时将位置移动到最右侧

Image title

Image title


将循环代码“loopIn("Cycle")”加上

Image title


Ctrl+D复制3层矩形

Image title


选中这个图层按下“U”

Image title


将其图层的位置逐个移动至平均距离,将矩形4移动到最右侧即可完成操作

Image title

Image title


最终效果

Image title



这个教程也是我现学现卖,希望大家能一起进步



版权申明:本文为我的原创文章,如有转载请附上作者和链接哦~


也欢迎加入设计群, 一起交流设计



全部评论:80

  • 半世浮萍1205

    2021-11-25 16:11

    @加一女巫: 文章里的插件应该是有问题,你可以下这个,链接:https://pan.baidu.com/s/1_g38nRGCLRYvE-JnKjJJvg 提取码:fag0

  • 加一女巫

    2021-11-17 16:44

    插件安装不成功,ae2021的,什么都做了就是扩展里没有

  • 神经它老大

    2020-04-08 15:37

    @大鱼*: 请问具体操作是如何,求告知,谢谢

  • 神经它老大

    2020-04-08 15:32

    我是aecc2018 ,打开注册列表没有csxs.7,只有csxs.3 4 8 9??求告知

  • cmbs

    2019-11-08 18:17

    win10的系统,AE是2019的,安装后扩展里边没有flow是咋回事呢?求大神解答!

  • 123555nihao

    2019-11-05 12:08

    @lc时光: 同样的问题,脑壳痛。

  • lc时光

    2019-10-31 10:08

    @Yang1nan: 同样的问题,脑壳痛。

  • Yang1nan

    2019-10-21 16:22

    想请问一下,ae2019,电脑win版本照步骤安装了,扩展里面没有咋回事呀

  • 冷得康康抖

    2019-09-19 12:07

    @月老本老: 让我震起来

  • 冷得康康抖

    2019-09-19 12:04

    @月老本老: 怎么震的

  • 冷得康康抖

    2019-09-19 12:00

    @月老本老: 怎么震的,教教我嘛

  • yayayayayayaya

    2019-09-19 09:24

    @: 我也是 好懵啊 怎么解决鸭

  • 风雪暮色

    2019-07-26 16:41

    win 插件安装不上去,郁闷

  • 明天fly

    2019-04-30 09:37

    aecs6为啥没有拓展工具

  • lo7er

    2019-04-23 16:43

    最后的公路动画调整很久没有这种连贯性,不知道怎么调了。。。

  • 2019-03-24 17:08

    2019版AE,看到csxs.7跟csxs.9就都修改了,然而打开ae发现扩展那只有“learn”“Adobe Color Themes”,是哪一步做错了吗?我好懵鸭

  • 2019-02-27 10:55

    很崩溃,插件安装不成功,我是mac本,AE是2019的,文件夹CEP/extensions也建了,最后扩展里没有,求告知

  • 2019-02-27 10:54

    @UILEO: 很崩溃,插件安装不成功,我是mac本,AE是2019的,文件夹CEP/extensions也建了,最后扩展里没有,求告知

  • 月老本老

    2018-12-26 11:48

    已经震起来了!~~~~~~~

  • 月老本老

    2018-12-26 11:45

    @月老本老: 试了几次,无法车震

  • 月老本老

    2018-12-26 11:44

    车身动不了!~~~~~

  • 维生素C片

    2018-12-24 17:02

    装 装 装 装不上去...

  • U一点I一点

    2018-09-07 23:32

    MAC的插件装上了,点击完全没反应

  • jessie2018

    2018-08-24 14:00

    AE关键帧弹性缓入缓出曲线调节MG动画脚本插件按照步骤装的 打开AE CS5在window没有找到extensions 这是什么问题

  • 不吐泡泡的鱼

    2018-08-08 15:46

    @lina熊: 确实出来了,棒棒的

  • 不吐泡泡的鱼

    2018-08-08 15:45

    @lingyum: 我跟你一样,装了也能找到,但是点击完全没反应

  • smile_yanny

    2018-08-02 14:50

    @lingyum: 同问啊

  • kayla

    2018-07-30 11:53

    这个循环代码怎么弄啊

  • 棉团酱

    2018-07-29 18:47

    @lina熊: 赞赞赞赞

  • 阳光午后

    2018-07-26 16:42

    @大鱼*: 您好,请教一下,我电脑是win 7系统,AE CC 2017版本的,安装“flow”插件,注册表编辑器里HKEY_CURRENT_USER/SOFTWARE/Adobe/位置只有CSXS.3,CSXS.4,CSXS.6,没有CSXS.7怎么办?感谢帮忙

  • 更多

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票