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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
揭秘:角色动画原来是这样制作的
14.6°
2022-08-13 原创文章 教程 举报 6135 61 37 7

 

今天跟着我一起来制作一个简版的角色动画吧!

微信公众号回复 " 角色动画 " 获取 AE源文件!


教程概览  


步骤 1

在AE中新建一个 800 * 600 的合成,导入我们制作好的动画文件



步骤 2

图层重命名,便于后期调整时不会抓瞎。接下来是制作角色动画必不可少的图层之间的绑定。

注意:

为了便于控制角色的各个部位,我们可以通过空对象对不同的肢体部分进行单独绑定,然后再将各部位空对象绑定在一起,这样在不影响角色主体的同时又方便我们后期对角色进行控制。



步骤 3

首先制作地面部分的动画,我们可以通过 描边 中 虚线 属性下的 偏移 来制作地面线的运动效果,为了减少关键帧的存在,使用表达式:time * -1200 ,让地面的线产生从前至后的运动效果。



步骤 4

下面制作轮子旋转动画,为了方便操作,可以将后轮的旋转属性绑定给前轮的旋转属性,这样就可以通过前轮的旋转来控制后轮的旋转了,为了能让绑定后的后轮可以随意更改初始角度,可以在后轮表达式输入框中输入  " + value " (教程中给一个固定值60) 。还是使用 time 表达式,通过时间来控制轮子的旋转。参数可以根据你想要的效果进行调整,教程中参数为:time * -1800。



步骤 5

通过 wiggle 表达式控制轮子和滑板版面的抖动效果,为了让抖动只控制y轴方向,可以将位置属性的x与y进行分离(选中位置属性,右键选择单独尺寸即可)。教程参数:wiggle(12, 5)

注意:在AE中使用表达式一定要使用英文输入法输入,否则会报错,表达式将不起作用。



步骤 6

旗帜飘动效果可以通过AE效果与预设中的 波纹 制作,为了简化操作,我们可以将旗帜部分打一个预合成,在预合成中新建一个 调整图层 将波纹效果添加给调整图层,那波纹效果就会作用在它下面的全部图层了,波纹参数设置见视频,为了不让波纹对旗杆产生影响,可以将旗杆图层置顶。这样旗子飘动的效果就做好了。



步骤 7

回到主合成中,给 旗帜合成 添加 CC Bend it 效果并调节参数,通过对 Bend 参数的控制来使旗帜部分产生随风摆动的效果,同样也可以用 wiggle 表达式来控制 Bend 参数。

此时,会发现旗帜部分与滑板版面存在脱离的情况,我们可以将旗帜的位置属性链接给滑板版面的位置属性,都是单独尺寸分离后的y轴,还需要在旗帜位置属性表达式中添加 “ + value ” ,来便于微调旗帜图层的位置。



步骤 8

接下来是腿部的绑定,想要让脚与滑板版面事实贴合,并且也要让整个腿部的弯曲与拉伸受到身体上下浮动的影响,就需要借助AE中自带的一个脚本,将路径点绑定到空对象上方便后期操作。

脚本为:Create Nulls From Paths

创建好对应的空对象后,再通过绑定关系即可实现上述效果



步骤 9

最后是手臂摆动部分,这部分只需要手动调节手部的路径点即可。


Powered by Froala Editor

微信公众号:RVDesign

更新:2022-08-13

收藏

61人已收藏

王雨_Vision

微信公众号:RVDesign

  • 55

    作品

  • 3535

    粉丝

  • 130

    关注

  • 营销动效怎么落地|用PAG动效,支持输出3D图层!
  • 动效探索祭
  • OPENERS ROLE ANIMATION
  • iLAB WebSite Design

    猜你喜欢

      2022-08-13 原创文章 教程 举报 6135 61 37 7

      揭秘:角色动画原来是这样制作的

      14.6°

      你确定要举报揭秘:角色动画原来是这样制作的

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2022年08月13日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      37
      61
      7

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

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

      登录

      手机号

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

      登录
      第三方账号登录