ae导出json_AE动效必备：一键将Sketch文件图层导入到AE——AEUX

作为设计师的我们会经常遇到这样的问题，当需要做一个 loading、或者图标动效的时候，总会想如何可以更快捷高效的把 Sketch 矢量图层直接导入到 AE 里面设计动效，今天我分享给大家的这款插件，可以完美的解决这些问题。

AEUX

这款插件叫：AEUX（前身叫Sketch2AE），可以一键把 Sketch 文件导入 AE 的插件

官网地址：https://aeux.io/，文章结尾附插件下载地址

AEUX 是由 Google 团队动画设计师大佬 Adam Plouff 开发，运用在 Sketch 和 AE 的一组高效插件，能将 Sketch 里的图层以及整个画板一键导入到 AE 里，同时能在 AE 里解决图形分组和分层的问题，减少从设计稿到动效设计的衔接困难，目前该该插件也已支持支持Figma。

一、基本功能

Sketch中的AEUX面板介绍

1、Send selection to Ae：将选中的图层导入到AE

2、Export AEUX.json：导出为Json文件

3、Detach symbols 分离组件

这是一个解除 symbol 的功能，在 sketch 内如果没有解除 symbol，导入到 AE 里将出现图形位移和变形的情况。

4、Flatten shapes 简化形状

AEUX 支持布尔运算，但是在一个组中混合不同的运算符（如添加然后减去）对于Ae来说比较困难。点击 Flatten shapes 可以合并布尔运算图形。

5、 Images to symbols 将图片转换成组件

在sketch画板中，超出画板的图层会自动隐藏，还有蒙版功能，都可能导致导入AE之后出现位移，蒙版错位等情况。选中图片，点击按钮，可以将图片转换成sketch中的组件。

AE中的AEUX面板介绍

1、接收到的图层名称和数量

2、New Comp 将接收的文件创建为新的合成

3、将文件导入到当前合成4、导入Json文件

5、Come size multiplier 选择导入的倍数

6、检测参数化形状 默认勾选即可

7、把导入的组进行预合成

8、自动创建合成

9、Convert to precomp：创建预合成

同时选中单一图层，可以将他们建立一个新的合成。10. Un-Precomp group：接触预合成

点击可以解除合成的分组，变成单一的一个一个的图层

11. Toggle Visibility：可以一键隐藏和显示所有的引导图层

12. Delete group layers：删除所有引导图层

二、插件安装

Sketch 插件安装：

1、支持 sketch 52 以上版本（安装前请先确认你的 Sketch 版本）

2、下载安装文件，下载后双击 AEUX.sketchplugin，提示安装成功；

3、打开Sketch，在菜单中：插件-AEUX，打开面板

After Effects 插件安装：

1、支持 After Effects CC2014 以上版本（请先确认AE版本）

2、下载安装ZXP Installer（ZXP Installer 是一个AE插件的安装工具：下载地址：https://aescripts.com/learn/zxp-installer/ ），MAC和Win为2个版本，请根据系统下载；

3、启动ZXP Installer，将AEUX.zxp拖到ZXP Installer中

4、启动 After Effects ，从 窗口-扩展-AEUX 打开插件，安装成功；

三、AEUX的使用

1、装好插件后，打开sketch，选择 插件 - AEUX，打开插件面板，再启动AE，在 窗口 - 扩展里面找到AEUX，打开。

2、在Sketch中，选中要导入到AE的图层或画板，点击“Selection to Ae”，如果界面中含有位图，会弹出一个窗口，选择或者新建一个文件夹，以保存位图。

3、切换到AE，会发现AE中的插件面板上已经出现了在sketch里面的画板并显示图层数量，导入时分两种情况：

如果此时没有创建合成，选择“NEW Comp”，会自动生成一个与画板大小相同的合成，并导入图层。

如果已经创建了合成，选择“Current”，会直接导入图层到当前合成里。

AEUX插件下载地址，请点击下方链接带走

https://pan.baidu.com/s/1yl5LVYghbKpWu7_4xRX7tA

提取码：jcpy