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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
5分钟教你学会骨骼动画
0.0°
2018-06-04 原创文章 教程 举报 19013 421 539 38

如果你经常在AE中为角色设定绑定和动画,那么这个角色绑定脚本 Duik一定会成为你使用中必不可少的工具之一

  • 写在前面

Duik由DuDuF出品的动力学和动画工具

动画的基本工具包含:反向动力学、骨骼变形器、动态效果、自动骨骼绑定,IK,图形学等。有了这个脚本创建动画变得更加容易和简单了!创建动画人物,尤其是散步,跑步,任何形式的机械动画过程


Duik可以自动化这个创建过程,允许你关注动画创作本身!一个简单的控制器,一只胳膊,腿,或肩膀。现在你可以通过修改动画来控制你任意一个部分


比如整个肢体或只是手或脚的位置


Image title


  • 课前准备

宝宝们可不用四处求人或是到处找dulk插件了,佐木已经给你们准备好了点击下方链接自行下载哦,至于还没有AE软件的宝宝可以到佐木的第一节教程

『5分钟教你学会Form 插件』自行获取哦

链接:https://pan.baidu.com/s/1ylcH8UXdtjmgE6-HVSfKXw 密码:z091


双击安装,安装了之后打开AE,偏好设置,Edit—Preferences—General面板下,勾选上Allow s cripts to Write Files and Access Network,允许脚本访问网络


如果遇到看不懂或者效果实现不出来的可以关注我的公众号EricUED哈
佐木看到会第一时间回复你的哦,希望本期教程对你们有所帮助


  • Duik V15介绍

本次教程使用的是最新的15版,Duik V15的使用界面更加友好,这是duik最大的更新为止。下面是其中添加/改进的主要内容

  (1)libDuik: Duik现在基于新库libDuik库,它包含所有的Duik功能,并为developpers其他有用的工具
  (2)作为免费软件,Duik,可以将其包含在自己的脚本(只要你释放他们在相同的许可,作为非商业软件),并很容易使用所有Duik功能
  (3)Autorig自动化绑定: Duik 15包括一个全新autorig,适用于任何种类的绑定,两足动物和四足(只要它们是脊椎动物),甚至鸟类和鱼类
  (4)UI: Duik的用户界面已完全重新设计,使之更易于理解和快速使用
  (5)新自动化: 随机, Paint组和Paint绑定, 移动, 眨眼, Cel动画, 曝光工具,时间重映射…
  (6)Camera tools摄像机工具:为了便于操纵摄像头,摄像头的工具集有了很大的提高
  (7)3层IK,贝塞尔IK和许多其他新功能…


Image title


  • 设计教程

一. 将我们设计好的插画导入到 AE前,注意:不管是在PS还是在 AI等软件设计插画,首先需要将人物的各个组件分到不同的图层上,做好各部位的图层命名和排序,以便在 AE中能够方便完成父子关系链接

Image title

Image title




二.将PS文件导入到AE中,对话框中导入种类:合成-保持图层大小,图层选项:可编辑的图层样式,然后将合层拉倒时间轴上


Image title



三.在窗口中找到插件dulk.jsx打开,注意:插件本身较大打开运行需要一定时间,请耐心等待


Image title



四.首先要做的是,调节各个部位的图层作用点“Y",将各个部位的作用点进行相关联,注意千万不要移动错误了,不然后期骨骼无法建立

Image title



五.所有图层的作用点都调整完成后,进行图层的父子关系链接。父子关系可以简单的理解为有A和B两个图层,当A父级链接到B时,则对B所做的动画A会跟随其运动。首先要做的就是将各部位进行链接


比如:脚链接到小腿—小腿链接到大腿—大腿链接到盆骨,根据人体构造我们将所有的图层进行正确的链接


Image title


如果有宝宝不会链接的可以关注公众号EricUED,佐木会全程指导哦



六.链接好后,我们先对左手臂打图钉做控制器,选中LA图层,点击图钉工具,打开图钉工具旁边的显示网格,以便我们观察。按顺序从上到下给上手臂-肘关节-手腕分别打上图钉

Image title

Image title




七.选中打好图钉的LA图层,点击选择dulk插件的bones,此时自动创建了三个操控点,分别命名为手臂-肘关节-手腕,选择手腕的操控点,找到dulk插件的controllers做控制器,对话框中选择create创建,此时得到了控制器命名为zuoshou


Image title

Image title

Image title





八.将手掌图层LA2父子链接到操控点手腕—操控点手腕连接到肘关节—肘关节连接到手臂—手臂链接到bady


Image title





九.选中zuoshou控制器+手臂+肘关节+手腕操控点,找到dulk插件的IK,对话框选择第二个然后创建,此时左手的骨骼就创建完成了,可以通过给zuoshou控制器打关键帧实现动画。注意:给左手相关的图层选择统一的颜色以防后期图层太多误操作


Image title


十.右手、左腿、右腿的与上面的左手操作一样,注意:每做好一个将其归为统一的颜色,分别将右手的控制器命名为youshou,左腿的控制器命名为zuotui,右腿的控制器命名为youtui


Image title


[左手控制器的建立]

Image title



[右手控制器的建立]


Image title


[左腿控制器的建立]


Image title


[右腿控制器的建立]


此时左右手和左右脚的骨骼都创建完成了,接下来的步骤会很关键,如果链接出错或者控制器位置不对整个骨骼就无法创联在一起,所以老铁们要注意了哦


十一.其实此时图层还剩下给baby身体和tou图层分别在dulk里选择控制器,然后将baby身体和tou图层分别与对应的控制器做父子链接,然后在单独创建一个控制器命名为jianbang移动控制器到肩膀位置,创建控制器baby和图层baby的IK,最后在单独创建一个控制器命名为dimian移动到地面处。此时注意检查除控制器(前面有五角星图案的)外的所有图层是否都已经有了父子链接,没有的要创建好


Image title


十二.现在共有10个控制器,要创建控制器的父子链接了,左右手和头控制器链接到肩膀,左右脚和身体连接到地面,此时整个骨骼就创建完成了,要注意千万不要链接错误了



Image title


十三.选中所有的控制器将描边调为0即可,然后通过给控制器5大属性打关键帧就可以做动画啦


Image title


  • 总结

1.首先需要在ps中将人物的各个组件分到不同的图层上,做好各部位的图层命名和排序


2.双击安装dulk插件,安装了之后打开AE,偏好设置Edit—Preferences—General面板下,勾选上Allow s cripts to Write Files and Access Network,允许脚本访问网络


3.调节各个部位的图层作用点“Y",将各个部位的作用点进行相关联


4.给不同部位相关的图层选择统一的颜色以防后期图层太多误操作


5.创建控制器的父子链接了,左右手控制器和头链接到肩膀,左右脚和身体连接到地面,要注意千万不要链接错误了


6.AE中的动画运动默认匀速需要F9调整缓动曲线


第二篇教程希望能够帮助到老铁们,如果喜欢可以点个小赞赞哦


Image title







更新:2018-06-04

收藏

421人已收藏

佐木扉页

交友~合作~可加好友哦

  • 19

    作品

  • 2858

    粉丝

  • 9

    关注

  • EBToken项目复盘
  • Ebonex项目复盘
  • THIS IS SPOOK
  • UI中国APP新概念设计

    猜你喜欢

      2018-06-04 原创文章 教程 举报 19013 421 539 38

      5分钟教你学会骨骼动画

      0.0°

      你确定要举报5分钟教你学会骨骼动画

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

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

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      539
      421
      38

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

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

      登录

      手机号

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

      登录
      第三方账号登录