恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
AE动效必备:一键将Sketch文件图层导入到AE—AEUX
0.0°
2021-03-03 原创文章 规范/资料 举报 15085 150 67 25

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


AEUX

Image title

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


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


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


一、基本功能


Sketch中的AEUX面板介绍

Image title


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

Image title


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

Image title

Image title


After Effects 插件安装:


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

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

Image title


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

Image title


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

Image title

Image title



三、AEUX的使用


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

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

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

Image title

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

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


AEUX插件安装下载地址:

https://pan.baidu.com/s/1yl5LVYghbKpWu7_4xRX7tA      提取码:jcpy 


Powered by Froala Editor

微信公众号:UI严选

更新:2021-03-03

下载
收藏

150人已收藏

小小方方

微信公众号:UI严选

  • 94

    作品

  • 7241

    粉丝

  • 20

    关注

  • 动效落地,方案怎么选?
  • 告别手动!如何三分钟快速搞定AE动画,附插件安装包
  • 潮流、潮牌、手撕褶皱、抽象几何图形、潮流样机素材,请注意查收
  • AE避坑 | AE动效落地时常见问题解析和注意事项

    猜你喜欢

      2021-03-03 原创文章 规范/资料 举报 15085 150 67 25

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

      0.0°

      你确定要举报AE动效必备:一键将Sketch文件图层导入到AE—AEUX

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年08月08日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      67
      150
      25

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录