从AEUX到Bodymovin的插件小技巧

作为视觉设计师你是否会遇到这样的问题,当需要做一个loading或者其他动效的时候,总会或多或少的出现一些问题,如何使用更轻量高效的Sketch直接将矢量图形转到AE制作动效, 如何不在受GIF导出的失真问题困扰,如何让开发完美还原我们的动效设计稿等,如果你也存在这些疑问,那以下介绍的2款插件就可以完美的解决我们现在的问题。

AEUX

AEUX是由 Google 团队推出的,运用在 Sketch 和 AE 的一组高效插件,能将 Sketch 里的图层以及整个画板一键导入到 AE 里,同时能在AE里解决图形分组和分层的问题,减少导出图片或者转入IIIustrator处理带来的不必要的重复动作。

以下是我做的一个简单小案例,通过此次案例将介绍怎么去更好的使用这个插件:

首先在 Sketch 内将图层进行分组,在多图层的情况下,需要前期进行动效构思,根据构思在Sketch 里对图层进行分组,所做的分组将会是你在AE里的合成分组

分好组后该如何导入才能让两者图层统一?

•方法一:直接复制选中图层

安装好插件后,打开 AEUX,选择你将导入到AE里的图层,点击 Send selection to Ae,同时在AE里打开安装的AEUX插件,在 BUILD COMP 区域出现了从 Sketch 导入的图层数量,勾选 Precomp groups,点击将自动加载入AE合成里
•方法二:导出json文件
从 Sketch 的 AEUX 面板里点击 Export AEUX.json 导出 json 文件,打开 AE 的 AEUX 面板勾选中 Precomp groups,将导出的 json 拖入到 BUILD COMP 区域,或者点击
(0)

相关推荐

  • 使用ps插件Camera Raw调色去紫边小技巧

    对于摄影爱好者来说,拍摄一组很漂亮的照片后,发现噪点,明亮度不够,清晰度不够,各种紫边,绿边甚至还有白平衡问题,等等,是不是有点抓狂呢.来,跟着学霸一起学习一些小技巧. 操作方法 01 首先ps插件C ...

  • C4D快捷键大全.C4D常用快捷键和小技巧汇总

    Cinema 4d有一个强大的快捷键列表来加快你的工作流程,c4d这东西快捷键都可以自己设定,本文只是给个参考、自己愿意设置成什么样随意,不过对于刚接触这款软件的同学们很有用。 1) Shift+C( ...

  • Visual Studio IDE 实用小技巧(附打包下载)

    Visual Studio IDE 实用小技巧(附打包下载)

  • 100个电脑小技巧

    100个电脑小技巧

  • XP系统70个小技巧

    尽管win10正式版即将发布,微软也早已放弃了XP,但作为曾经最成功的操作系统,依然是拥有众多的用户的,并且下面很多XP技巧,在Win10系统中,同样可以使用,所以小编在此再次整理了相关技巧. 1.如 ...

  • 知不知道关于OPPO手机的几个小技巧

    众所周知OPPO手机的宣传力度可谓是强,许多人也都是为它那'为拍照而生'的名号而买了OPPO手机.但是使用久了大家都知道这些手机的小技巧吗?现在带大家来看看吧! 1.手机如何锁定后台软件 01 首先点 ...

  • 分享Java性能监控的小技巧

    操作方法 01 很多开发者觉得自己懂Java编程,事实是大多数开发人员都只领会到了Java平台的皮毛,所学也只够应付工作.作者将深度挖掘Java平台的核心功能,揭示一些鲜为人知的事实,帮助您解决最棘手 ...

  • 11个强大的Visual Studio调试小技巧

    调试是软件开发周期中很重要的一部分.它具有挑战性,同时也很让人疑惑和烦恼.总的来说,对于稍大一点的程序,调试是不可避免的.最近几年,调试工具的发展让很多调试任务变的越来越简单和省时. 这篇文章总结了可 ...

  • 苹果iphone手机省电小技巧

    iphone 苹果 手机省电小技巧 操作方法 01 1.关闭自动设置时间 方法是:依次打开设置→通用→日期与时间,把自动设置关掉.否则手机会一直搜索现在你的位置,然后根据位置的不同自动调整时间. 02 ...