Sketch文件一键导入AE

虽然AE软件有着非常优秀的动效制作能力;但是作为设计师的我们,如果想使用它来做界面设计稿还是比较麻烦的,所以平时我们设计UI界面会通过Sketch、XD、Photoshop、Illustrator来进行(备注:这里我以Sketch来讲)。然而当我们需要做一个loading或者图标动效的时候,总会想如何可以更快捷高效的把 Sketch 矢量图层直接导入到 AE 里面设计动效,今天我给大家分享一款插件可以完美解决sketch导入到AE的难题~

这里先普及下sketch是什么?

Sketch 凭借这轻量、高效、易于上手、海量脚本等特点,现在已是UI设计师使用频率最高的软件之一。平时使用 Sketch 做好设计稿之后,除了无缝导入 Principle 、Flinto做交互动效之外,有时候还需要导入 AE 做一些复杂的动效设计。

那么,接下来我们一起看下如何将 Sketch 文件导入 AE。步骤如下:

第一,我们需要安装一个插件,来自 Google 团队开发并维护的 AEUX(更名之前叫Sketch2Ae),可以在官网自行下载来获取插件:https://aeux.io/

下载解压之后你会得到两个文件,即“AEUX.sketchplugin” 和 “AEUX.zxp”。(如图1)


第二、“AEUX.sketchplugin”是Sketch插件,双击即可直接安装,比较简单。“AEUX.zxp”文件是 AE 扩展文件,如图3,双击打开下载好的AE 扩展安装器,直接将文件“AEUX.zxp”拉入即可


AE 扩展安装器可以通过这个网址下载:https://aescripts.com/learn/zxp-installer/

可以在官网看到两个系统的版本都有,大家按照自己的系统来下载即可。(如图2)


第三、插件AEUX安装完成后,在 sketch 的“插件”菜单栏的“扩展”选项里找到名称为“AEUX”的扩展,Sketch的插件可以从“插件(Plugins)”里调出来。(如图4)同理,在AE的“窗口”菜单栏“扩展”选项找到名称为“AEUX”(如图5)


第四、Sketch中的AEUX面板介绍(如图6)


第五、AE中的AEUX面板介绍(如图7)


以上就是Sketch文件一键导入AE的步骤,大家尝试一下吧

你可能感兴趣的:(Sketch文件一键导入AE)