虽然AE拥有优秀的动画制作能力，但是想要用它来制作界面设计稿还是很麻烦的。因此，我们在进行UI界面设计时，通常会使用 , 和 。

那么，如何将这些文件导入到AE中以方便制作动画，相信看完本文你将不再困惑。

我之前写过两篇关于如何将AI文件导入AE的文章。如果您还没有阅读过，请点击门户：

如何将文件导入AE

凭借其轻量、高效、易用、海量脚本等特点，现在已经成为UI设计师最常用的软件之一。我平时用完设计稿后，除了无缝导入和交互效果之外，有时还需要导入AE来做一些复杂的动效设计。

那么，我们来看看如何将文件导入到AE中。

首先，我们需要安装一个插件sketch怎么合并图层，该插件来自团队开发和维护的AEUX（更名前的称呼）。可以到脚本官方网站下载获取脚本：

或者到公众号“墨燃动画”后台回复“脚本”即可下载墨燃常用的脚本合集，包括本文中的所有脚本。

下载并解压后，您将得到两个文件，即“AEUX”。和“AEUX.zxp”。

“艾克斯。”是一个插件，直接双击即可安装，比较简单。 “AEUX.zxp”文件是AE扩展文件。安装方式稍微麻烦一点，需要扩展安装程序才能完成。

我们AE中使用的其他扩展都可以使用这个安装程序来安装，比如Flow，它用于动态效果落地和切换。安装方法相同。这里以AEUX作为演示案例。

AE 扩展安装程序可以从此 URL 下载：

官网上可以看到两个系统都有版本。您可以根据自己的系统下载。

安装扩展安装程序后，打开并将“AEUX.zxp”文件拖入安装程序窗口即可自动安装，或使用快捷键“Cmd+O”打开扩展文件。

如上图所示sketch怎么合并图层，安装程序打开后会有提示窗口。这里你不需要关注。您可以单击“关闭”按钮。完成后会出现如下提示框，说明安装成功。

然后，您可以在AE的“窗口”菜单栏的“扩展”选项中找到名为“AEUX”的扩展，并可以从“Plug-ins()”中调用出该插件。

有两种导入方式。第一种是点击“”，直接将选定的图层和画板内容导入到AE中。这个过程是在后台转移的，比旧版本更快、更稳定。

第二种方法是点击“.json”。此时，电脑上会生成一个名为“AEUX.json”的文件。这时，将“AEUX.json”文件拖入AE中AEUX面板上方的红色区域，或者在面板中点击“”按钮加载“AEUX.json”文件。

两种方法没有太大区别。第二种方法还有一个额外的目的，例如将导出的文件发送到没有该文件的计算机。

接下来我们将介绍AEUX面板中的其他功能。

插件 AEUX 面板

1.

导入到 AE 中的（组件）将以预合成的形式存在。如果存在错位和变形，您可以在导入之前使用此按钮释放（组件）。

2.

AEUX支持布尔运算的导入，但是当不同的运算符混合在一个组中时（例如先加后减），AE可能无法正确还原。因此，对于比较复杂的布尔运算图形，可以先点击合并布尔运算图形，然后再导入到AE中。

3. 到

如果您发现导入到AE中的文件被裁剪和移位，则需要在导出之前单击。 AEUX 只能导出它在画板上看到的内容。如果图像的一部分超出画板的边界，则会被裁剪。

AE扩展AEUX面板

可以看到，上图中我导入了一个首页的设计稿，有168层之多。这么多层不方便我做动效设计，所以我们一起来看看这个“AEUX”。调整面板中的参数以适应动画。

1. 新比赛

“”选项将使用该文件来创建新的合成。选择该选项后，会自动导入所选内容，并根据“”设置的多个贴图参数创建新的构图。

2.

"" 将文件导入到当前合成中。如果已经有合成或者已经导入过一次，以后需要导入时选择“”会更方便。

3.

该选项下共有三个参数：

“es”检测形状参数。检查后，导入的形状将保留圆角和尺寸属性。在AE中展开形状图层的“内容”就可以看到。

如果导入的形状不勾选，则将以路径的形式存在，且圆角属性无法更改。两者都有各自的优点，这将在后续的 AE 章节中讨论。

”“将组创建为预合成。经过测试，我们发现检查和不检查没有什么区别。内部的组不能作为预合成自动创建。可能是这个版本的BUG。只是与下一张有所不同。选项“”仅在关联使用时才有效。

"" 自动创建画板。勾选后，点击“”，AE内容会自动创建预合成。如果不勾选，将其拖入AE的“AEUX”面板顶部的框中，会有文字提示，如上图所示。导入层数。

这时“”选项就生效了。勾选后，点击顶部的“”按钮，里面的组就会被创建到预合成中。如果不勾选，该图层将是一个展开的列表。

4.

“”部分有四个选项：

“”：创建合成

此功能并不意味着您可以随机选择任何图层并只需单击一下即可创建新的合成。相反，您需要在图层列表中选择已成为参考线图层的父图层，如下图所示。图层名称前面带有蓝色“#”的图层。

如果您要为整个合成中的所有图层创建预合成操作，则无需在 100 多个图层列表中一一搜索。您只需要“Cmd+A”将它们全部选中，然后单击“”全部完成。

“Un-”：解锁合成并将其变成图层列表

与之前的功能相反，有时可以单独编辑合成的某些内部内容。不使用预合成会更方便。您可以选择合成并让它返回到图层列表。

""：可以一键隐藏和显示所有父图层

可以看到上图中父层前面的眼睛亮了。再次点击“”即可关闭该功能。此功能的优点是，如果对父图层进行动画处理，则可以在打开显示器后选择父图像。图层屏幕上会有一个范围框以方便动画。

因为这里父图层前面有一个蓝色的“#”，也就是参考线图层，即使显示出来也不会渲染导出，所以打开它不会影响最终的效果。

""：删除父图层

此功能可以让您一键删除合成中导入的父图层。由于前面的几个功能都是基于父层的，所以这里请谨慎操作。

可以看到，从最初的“”到现在的“AEUX”，经过多个版本的迭代&更新，已经变得越来越强大，极大地提高了动效设计的效率。相信“AEUX”会在后续版本中更新。中国一定会更好、更强。

最后我还对导入的文件做了一个小动画效果。现在就是下面这个了~~

好了，今天的分享就到这里了。如果觉得对你有帮助，不妨转发、留言、关注三联~~~

更多动效设计内容，关注并明星魔点动效公众号即可第一时间查看动态~~~

最近推出的课程推荐

—

往期文章精选

—

如有侵权请联系删除！