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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
彻底搞懂AE曲线,让设计中的动效更加有趣
0.0°
2018-07-13 原创文章 经验/观点 举报 9421 38 51 1

阅读此文大约需要4分钟

本文首发于微信公众号,原文链接


在AE中使用曲线,可以给运动物体添加缓动的效果,使物体的变化更符合现实中物体变化的场景,看上去不会那么生硬,增添动效的趣味性。下面的文章中我会介绍几种不同的曲线,以及它们的使用场景。


一、位移的速度曲线

速度曲线表示物体移动速度随时间的变化关系,横坐标表示时间,纵坐标表示移动速度速度。


几种不同的速度曲线图:

1、匀速运动

在速度模式的曲线中可以看到物体的运动速度是不变的。

Image title

Image title


2、缓入缓出

这种运动曲线在开始和结束都有很舒服的过度。

Image title

Image title

Image title

by J_Choi


3、快——慢

这种曲线类似于手枪打出子弹的场景,初始速度就非常快,然后逐渐缓慢停止下来。调节方式如下图。

Image titleImage title

Image title

 by Birju Raikwar


 4、慢——快

这种曲线在制作物体下落的效果,因为现实中是物体自由落体时都是有重力加速度的, 速度会越来越快。

Image title

Image title

Image title

byZustin


 二、旋转速度曲线

旋转的速度曲线表示物体的旋转速度随时间的变化情况,匀速旋转曲线也可以做出很好看的动画。

Image title

Image title

Image title

 by Gal Shir


与位移的速度曲线不同的是,旋转物体的速度曲线是可以有负值的。加入负值时,会往与结束方向相反的方向先弹一下。同样,在第二帧结束时的曲线拉负数,旋转则会回弹一下,这种方式可以让你的设计有回弹的效果,增加吸引力。

Image title

Image title

Image title

by Dannnielar


三、小结

曲线作为AE中的基础调节工具,还有很多值得探索的地方,运用曲线可以制作出与实际物体运动非常接近的效果,为动效增添趣味效果~

更新:2018-07-13

收藏

38人已收藏

Yice

https://dribbble.com/Yice

  • 13

    作品

  • 31

    粉丝

  • 4

    关注

  • 手游社区UI设计
  • 一个专注于图片调色的APP(Colorful)
  • 如何用AE做出App store的卡片动态效果
  • 探索移动端的搜索设计
相关标签

    猜你喜欢

      2018-07-13 原创文章 经验/观点 举报 9421 38 51 1

      彻底搞懂AE曲线,让设计中的动效更加有趣

      0.0°

      你确定要举报彻底搞懂AE曲线,让设计中的动效更加有趣

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年07月13日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      51
      38
      1

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

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

      登录

      手机号

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

      登录
      第三方账号登录