UI·交互设计视觉设计

AE动效必备:一键将Sketch文件图层导入到AE

2019-08-27  本文已影响0人  UI严选

作为设计师的我们会经常遇到这样的问题,当需要做一个 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 

上一篇下一篇

猜你喜欢

热点阅读