恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
AE教程:汽车开动&弹性动画【重要】
0.0°
2018-05-29 原创文章 教程 举报 6590 511 411 80


课前准备


必须下载的素材

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


插件下载

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



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



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


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



微信公众号:LEO的Blender的课堂

更新:2018-05-29

收藏

511人已收藏

UILEO

微信:hjj199394

  • 103

    作品

  • 2w

    粉丝

  • 4

    关注

  • 【建模教程】万万没想到就学了小火箭,我的Blender就入门
  • 【Blender教程】万圣节南瓜头零基础教程
  • 顶配M1 Max渲染到底有多强?来看一看和3090的实测对比
  • 现阶段应该学习Blender还是Cinema 4D
相关标签

    猜你喜欢

      2018-05-29 原创文章 教程 举报 6590 511 411 80

      AE教程:汽车开动&弹性动画【重要】

      0.0°

      你确定要举报AE教程:汽车开动&弹性动画【重要】

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年05月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      411
      511
      80

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录