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

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

AEUX

b1dad15c5efe44c3b6776c5cdbb04ed3

这款插件叫:AEUX(前身叫Sketch2AE),可以一键把 Sketch 文件导入 AE 的插件

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

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

一、基本功能

Sketch中的AEUX面板介绍

d098c68cf67a491fa2da1d6cae6c56bb

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面板介绍

86950c331c304946adde2eabc12578f6

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,打开面板

1878f15717bc4e90914dce98f4887de3
5b805bf6120b47d7acbc588a81241caa

After Effects 插件安装:

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

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

c788dd8aef9c4dac97b494fc85fc2427

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

d67341d61b3c4aeeb690f4942d723686

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

40dd8be4c36c469593cffe025c502bd6
ce7cbb3e1bb5413b83580dd388162bac

三、AEUX的使用

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

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

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

d1b0f419f02f499e8a0786837210f6d3

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

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

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

请回复关键词“AEUX” 即可带走

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值