美文网首页UI·交互设计视觉设计
AE动效必备:一键将Sketch文件图层导入到AE

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

作者: UI严选 | 来源:发表于2019-08-27 19:42 被阅读0次

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

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/bgjyectx.html