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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
AE教程:关节骨骼绑定小插件
0.0°
2019-04-11 自译外文 教程 原作者: 未知 举报 8055 53 34 2

很方便的关节骨骼绑定动画插件,仅需两个控制点即可控制不同物体间的链接动,自由变形拉伸

整体动画时长设置在1秒左右循环~


Step1:  画头和身体

画一大一小两个圆

因为走路的时候人会一颠一颠的,所以让头和身体上下浮动(头关联到身体)

Image title


Step2:  画脚

用钢笔工具画左右两只脚

Image title

对脚需要设置几个属性:


x位置:0秒的时候x位置在最左边;0.5秒的时候,x位置位移到最右边(表示踏出一步);1秒的时候,x位置回到最左边


y位置:0秒的时候y位置在最下面;0.25秒的时候,y位置移到最上面(表示抬到最高点);0.5秒的时候y位置回到最下面


旋转:0秒的时候脚和地面平行;刚抬脚的时候脚后跟先抬起来;0.25秒时脚和地面趋向于垂直;快落地前脚尖微微抬起来;0.5秒时脚恢复到和地面平行

Image title



Step3:  画腿

Image title


打开rubberhose插件,在“build”里选择“hip/ankle”创建一个腿

(插件官网:https://www.battleaxe.co/rubberhose)

Image title


图层里会自动出现一个ankle和一个hip

把“ankle”关联到“脚”的图层,”hip“关联到”身体“的图层

Image title


把“ankle”的位置放到脚跟处,“hip”的位置放到身体下方

Image title


选中ankle的图层,可以调整具体的参数

hose length:腿的拉伸长度

bend radius:拉伸弯曲程度

bend direction:拉伸的方向

具体可以逐个试一试~

Image title


Step4:  画手臂

用同样的方式可以画两个手臂(手臂摆动的时间和脚走路的时间可以错开来)

Image title


这样就差不多做完啦

Image title



附上一些网上看到很棒的案例:

Image title


Image title

Image title

Image title



更新:2019-04-11

收藏

53人已收藏

  • 29

    作品

  • 109

    粉丝

  • 4

    关注

  • Radial Scaling Effect
  • 【AE动效】Alpha遮罩应用
  • 【AE教程】动态小图案
  • 谷歌深色模式设计规范

    猜你喜欢

      2019-04-11 自译外文 教程 原作者: 未知 举报 8055 53 34 2

      AE教程:关节骨骼绑定小插件

      0.0°

      你确定要举报AE教程:关节骨骼绑定小插件

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2019年04月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      34
      53
      2

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

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

      登录

      手机号

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

      登录
      第三方账号登录