Sketch2AE-轻松导出Sketch文件到After Effects

Sketch2AE是原Font Picker插件作者BigXiXi开发的另一款插件,利用它,可以轻松将Sketch文件中的切片导入到After Effect中,并实现自动定位。此外,在After Effects执行帧另存为Photoshop图层功能,也可以将Sketch文件转化为Photoshop的PSD文档。接下来我们看看它的使用方式。

安装插件

首先在Github或者sketchchina中国社区的插件频道下载Sketch2AE插件,直接双击Sketch2AE.sketchplugin文件即可安装。

使用方式

  1. 首先可以设置语言,执行Sketch2AE菜单中的“语言 language”即可。
  2. 打开需要导入AE的Sketch文档。
  3. 在图层列表选中要导出的图层组(不是图层组请先打组), 执行 Plugins -> Sketch2AE -> 生成‘导出切片’.
  4. 执行 Plugins -> Sketch2AE -> 导出画板, 在弹出的面板设置合成时长帧率并选择要导出的画板,点击OK K然后选择导出地址。执行后会在该地址创建一个 .jsx 脚本文件和 slice 文件夹.
  5. 打开After Effect,执行 文件 -> 脚本 -> 运行脚本文件, 选择刚才导出的 .jsx 文件, 这样就好自动导入图片并创建合成了.

此插件目前存在的问题

  1. 不支持路径、字体、图层样式等的导出。
  2. 目前只能自动导出1x图,如需导出多倍图请单独处理。
  3. 如果对图层组进行旋转、缩放后,导出的切片是变换后的矩形。
  4. 如果字体丢失,则导出的字体层切片可能会不全(你可以使用Font Picker插件打包字体)

静电试用体验

目前Sketch2AE使用Jsx脚本文件来作为导入到After Effects的桥梁,导入后效果还是比较理想的,但前提是Sketch中的图层都必须打组,如不打组,最后导入到After Effects中会形成一个前方有#号的完整图层。我们要养成良好的习惯,在Sketch中预先将需要运动处理的部分打组后再使用此插件操作。

如何在After Effects中转PSD文件

将Sketch文档导入到After Effects后,选中合成中的所有图层,在菜单中选择“合成”>“帧另存为”>“Photoshop 图层”,选择保存位置即可,非常方便。这是一种变相转为psd文件的形式。大家可以来试试看。

关于插件作者BigXiXi

BigXiXi还是插件Font Picker的开发者,此插件可以将Sketch文档中使用的字体打包,方便文件输出和共享。Sketch2AE插件部分代码来自Ashung,Ashung是另一款插件Automate的开发者。这些插件在SketchChina中国社区上都有下载,欢迎使用,感谢这些可爱的插件开发者我们提供了如此多的便利。

2020-10-22