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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
【AE】怎么做流畅的走路动态GIF
0.0°
2020-06-30 原创文章 教程 举报 1549 22 5 0



很早之前在dribbble、ins上看到设计师做的线性人物动态,觉的很有意思。一直没有去学,前段时间有空去学习了下做这类动画的肢体控制插件RubberHose2,真的很好用,可以根据关键打点,形成流畅柔和的运动轨迹,曲线运动很自然。




准备工作 

需要下载插件 RubberHose2

安装后,打开AE。首次运行要在「窗口」-勾选「RubberHose2」。勾选后会显示面板。下图是首次打开的样子,有3个大分类功能。



1.开始创建四肢曲线

*如果整体造型复杂 建议在AI中绘制好躯干,再导入AE中添加四肢

我准备的案例造型比较简单,就直接绘制了。


1) 为要画的手脚曲线命名,例「左手」

2) 选择曲线端点类型为 「Start/End」

*一会注意创建的图层,曲线的控制点名称分别为Start/End

3) 选择第一种曲线类型(后两种效果不同)



2.编辑曲线

选择后会在界面下方,合成组看到3个图层,窗口会显示创建的曲线。

可以在工具栏上调整曲线的颜色和粗细。


如何拖动曲线?

选择「左手Start」/「左手End」图层,可以拖动曲线开始和结束的锚点,改变位置。



如何设置曲线弯曲度?

选择结束「左手End」图层,曲线结束位置锚点点亮。左上角窗口显示曲线操作项

(见下图)

框选项中Bend Direction (弯曲方向)Bend Radius(弯曲半径)我调节的会比较多。都可以试试看,怎么用。



如何再复制一个调整好的曲线

选择插件中,分类三「MANAGE」中第二个图表复制。复制后,图层中新增3个图层。


绘制圆形头部

不选中任何图层的情况下,选择形状工具,在画布上绘制一个圆,调整颜色。并命名为「头」,眼睛同理。


按以上方式创建好4条曲线,调整好手臂和脚的「Start」锚点初始位置。



3.绑定手脚到身体

将四肢曲线的Start图层与「头」绑定,建立父级关系。这样再后面调整头的动态时,手臂不会脱离位置。(这个操作在做关联动画时常用)



4.调整初始动作姿态

调整四肢和身体的关系,注意与身体连接的一定是四肢的「Start」图层,摆动的一定是「End」图层



5.给四肢「End」图层打关键帧

在「End」图层下「变换」——「位置」开始时间打第一帧。算好关键帧时间,挪动时间轴到对应时间,调整曲线「End」锚点在画布上的位置。


秘诀:考虑好动画的快慢,按均匀的时间给动态位置打点。确认好打几个关键帧,关键帧的动作是什么。


注意:要确保手、脚曲线的第一帧和最后一帧动作保持一致。可以直接复制第一帧,这样循环起来比较顺畅。


调整好了,点击空格播放看看效果,有问题再调整,开始会有点慢,多摸索多思考。可以看看好的动效作品,关键帧动作是怎么样的。



6.导出

导出——渲染列表——选择位置——渲染。



7.最后

放入PS中就可以导出GIF啦~






———— 希望对你也有帮助,欢迎交流~ ~————

                                         


Powered by Froala Editor

更新:2020-06-30

收藏

22人已收藏

  • 6

    作品

  • 3

    粉丝

  • 0

    关注

  • 如何衡量用户体验
  • 为什么选A不选B?影响用户使用产品/功能的3个因素
  • 初创项目的交互建议
  • 交互设计基本流程

    猜你喜欢

      2020-06-30 原创文章 教程 举报 1549 22 5 0

      【AE】怎么做流畅的走路动态GIF

      0.0°

      你确定要举报【AE】怎么做流畅的走路动态GIF

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2020年06月30日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      5
      22
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录