设计先锋小编今天通过一个教学案例——角色的所有头部转动和五官状态，带大家详细探讨下如何在Ae中进行角色头部控制器绑定，并实现头部转动的伪3D效果。这个案例需要用到两个软件和三个插件，我们用Ai来绘制角色，在Ae中做角色动效，overlord插件就是一个连接Ai和Ae的桥梁，能让我们将Ai中的对象直接导入Ae中。Duilk和Joysticks_n_Sliders这两个插件都能辅助我们做控制器绑定，具体的工作原理我们稍后分析。大家一起来学习吧。
文章结构
好了，话不多说，我们直接开始吧！
01 Ai文件导入Ae的两种方式
下面来介绍下Ai文件导入Ae的两种方式：第一种方式就是常规的导入方法，直接将保存好的Ai源文件导入Ae之中；第二种就是用overlord插件直接导入。
我们来简单演示下这两种导入方式。大多数情况下，我们在Ai中绘制的角色都在同一个图层里面。
而Ai中的图层与Ae中的图层是对应的，如果你的角色都绘制在同一个图层里面，导入ae后你也是只有一个图层，所以为了方便后面的动效绑定，我们需要在Ai中对角色进行图层整理，不同的元素要放在不同的图层并且命好名字。
整理完成后，我们将Ai源文件拖入Ae中，导入类型选为合成。
选中所有的图层，右键，从矢量图层生创建图形，然后将原来的文件删除，这样就正确的导入到Ae中了。
第二种方法就是使用overlord插件直接导入，在Ae中新建一个与Ai画布大小相同的合成。
在Ai中选中要导入的元素，点击导出按钮，选中的元素就就像复制粘贴一样导入到Ae之中了，而且图层名称和位置都不会发生改变。
02 Duilk 和Joysticks_n_Sliders插件的绑定原理
下面我们来介绍下Duilk和Joysticks_n_Sliders这两个插件，duilk是一个功能非常全面的角色绑定插件，里面有骨骼Ik，控制器很多好用的功能，最关键的一点，这个插件是免费的，大家可以去官网下载最新版本；Joysticks_n_Sliders这个插件是专门做控制器帮定的小插件，使用起来简单高效，就是价格有点小贵。
要弄清楚这两个插件的工作原理，首先要来了解下二维控制器，控制器中间的小圆点是控制滑块，拖动滑块来控制绑定对象的运动，外边的方框是控制器的外边框，用来限制中间滑块的运动范围。
我们以控制器中心为原点画一个二维坐标，坐标每个轴向分别与控制器产生两个交点，包括原点在内一共五个点，也就是说我们在用二维控制器进行绑定的时候，至少需要设置好这五个点的姿态，然后我们拖动滑块的时候就可以在这五个点的姿态间自由切换，并且通过不同的两个点之间的姿态强度叠加，来产生新的姿态。
那下面我们看看这两个插件的绑定流程有什么不同，JS插件的绑定非常简单，我们在时间轴上直接设置五个连续的关键帧，分别代表控制器的原点、右、左、上、下五个点，设置完成后，就可以直接绑定了。
而Duilk插件的绑定相对复杂，但是灵活性较高。duilk插件控制器是将X轴和Y轴分开绑定的，我们需要先设置好三个点分别带表原点、左、右位置，将其绑定到x轴向上；然后再设置三个点，分别代表原点、上、下三个位置，再将其绑定的y轴向上。
这样单纯讲概念非常抽象，下面我们在Ae中实际来演示下。
