Sketch一键导入AE工具–AEUX

发现了一款非常好用的插件,它的前身是Sketch2AE,花了一点时间研究了它的使用方法,好东西当然要大家一起分享!目前没找到汉化版,不过功能也不是特别复杂,分享出来是希望能提高大家平时在设计中的效率,如果有说的不对的地方还请帮我指正一下,谢谢~~

先简单看一下基本功能

一、基本功能

(一)一键复制所有图层到AE

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

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

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

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

(2)如果已经创建了合成,选择Add layers to comp“CURRENT”,会直接导入图层到当前合成里。

下方options中的功能会在下面与其他功能一起讲到。

(二)生成Json文件导入AE

1. 点击sketch插件中的Export AEUX.json按钮,导出Json文件。

2.在AE插件面板中点击顶部导航栏的第二个按钮,选择Json文件导入。

二、进阶功能

在使用AE做动效之前,要养成良好的图层整理和命名习惯,提前构思好整个动效的过程,可以更好的提高我们的设计效率,减少设计过程中可能出现的问题。

因此,我个人认为这个良好习惯还是有必要养成的,插件功能只能给你的操作带来方便,想法和逻辑还是要靠自己。

(一)Sketch插件中的进阶功能

1.Detach symbols 分离组件功能

我们在做产品的时候有时候会为产品建立一个sketch中的library,里面包含许多的组件,在导入到AE中的时候可能会出现变形,位移等现象。这时候可以用到这个功能,选择画板,点击按钮,可以自动分离组件。不过在我的实验过程中发现这个功能在分离组件的时候也会出现一些类似变形的bug,所以我建议可以手动分离组件,将图层打组。

2.Flatten shapes 扁平化形状(蹩脚英文)

AE中不支持复杂的布尔运算,当sketch画板中有复杂的布尔运算图形,并没有将图形合并时,选中画板,点击按钮,可以自动合并复杂的布尔运算图形。

3.Images to symbols 将图片转换成组件

在sketch画板中,超出画板的图层会自动隐藏,还有蒙版功能,都可能导致导入AE之后出现位移,蒙版错位等情况。选中图片,点击按钮,可以将图片转换成sketch中的组件。

(二)AE插件中的进阶功能

1.com size multiplier 导入倍数设置

这个不需要多讲了吧,如果用sketch375宽度做图,选择2x导入可以直接得到一个750宽度的合成。

2.Precomp groups 将所有组建立成预合成

勾选此功能之后,在sketch中打组的图层将会自动生成为一个个预合成。如果不勾选此功能,组内的图层都会生成在AE中的同一个合成中,并且每一个图层组中的内容都会连接到一个隐藏的父级图层上,相当于在AE里变相的给图层分了组。

随便画了个东西做一个演示,如下图

3.Auto build artboards 自动建立新合成

勾选此功能之后,Build artboard 按钮就会消失,之后在sketch中复制完图层后都会自动导入AE。

4.TOGGLE VISIBILITY 隐藏/显示 所有父级图层

前面有提到,如果不勾选自动建立预合成功能,每一个图层组中的内容都会连接到一个隐藏的父级图层上,此功能可以一键隐藏/显示 所有父级图层。下图中带蓝色标记的“名片”图层,为父级图层。

5.CONCERT TO PRECOMP 将同一个组内的图层新建一个预合成

选择父级图层后,点击按钮,会自动将所有连接到该父级图层上的子级图层新建一个预合成。

6.UN-PRECOMP GROUP 将预合成拆分成图层

选择预合成,点击按钮,会将预合成拆分成图层,与上个功能相反。

7.DELETE GROUP LAYERS 删除所有父级图层

三、安装插

(一)Sketch插件安装

解压压缩包后,得到一个文件夹和一个dmg文件,先打开文件夹,双击sketch插件文件,直接安装。

(二)AE插件安装

两种方法,第一种方法失败的话尝试第二种方法

1.安装压缩包内的dmg文件

2.打开刚刚安装好的软件,单击界面选择文件夹内的后缀为“zxp”的文件,或者将文件拖拽至软件内,开始安装。

3.如果这个安装方法失败了(我就是。。。),尝试另一个安装方法。

将文件夹内的后缀为“zxp”的文件重命名,将后缀改为“zip”,然后解压压缩包,将得到的“AEUX”文件夹复制到以下路径:

“你的硬盘名称”>资源库>Application Support >Adobe>CEP>extensions

压缩包上传文件大小限制,dmg文件需要大家自行下载,工具名字为zxpinstaller(懒得下载的话可以直接使用第二种安装方法)插件就直接上传到附件里了。

最后说个小问题,最近在一些交流群内发现很多同学遇到了更新 Mac Mojave系统之后系统不显示图片略缩图的问题,调整文件夹选项也没用。如果你也遇到这个问题,可以尝试一下这个方法:

卸载你的Sketch

重启电脑,你会发现问题已经解决了,就是这么玄学。

再安装一个最新版本的Sketch咯~

站酷

作者:aas587

Sketch
(0)

相关推荐

  • pp助手怎么一键导入微信表情

    PP助手如何批量导入导出表情教程: 电脑安装了PP表情管理大师后,将iOS设备连接电脑,选择“导入表情”就能将本地表情一键导入、拖拽同步到手机微信,支持GIF、JPG、PNG 、BMP 、TIFF等多 ...

  • 酷我音乐盒2010版一键拷歌工具

    现在音乐已经成为很多人日常生活中不可或缺的一部分,有了音乐手机和MP3机就可以随时随地欣赏音乐。唯一的不便就是在往手机或MP3机拷歌的时候,需要完成搜歌、下歌和拷歌一系列操作,比较麻烦。其实有一个很简 ...

  • 头像淘淘一键导入头像使用方法(附头像淘淘下载)

    头像淘淘怎么一键导入头像?现在头像淘淘支持导入QQ、新浪微博、人人三大社交平台的头像,方便用户对各个平台联系人好友头像的管理,下面小编就告诉大家头像淘淘一键导入头像使用方法! 相关教程:头像淘淘设计头 ...

  • 小白一键重装系统工具v3.0使用教程

    小白一键重装系统工具是一款全新的一键GHOST重装系统软件,本软件为绿色版本,无需安装,无需U盘,更不需光驱、光盘,windows系统镜像采用云高速同步下载功能,真真正正实现了一键重装系统功能,即使无 ...

  • 一键复制粘贴工具 V1.6 使用教程[图文]

    一、基本功能设置 1、①中设置的四个热键分别代表四组快捷键,具体如下: 全选操作 = Ctrl+A 剪切操作 = Ctrl+X 复制操作 = Ctrl+C 粘贴操作 = Ctrl+V 2、②的“强制粘 ...

  • 怎样将Excel中的联系人导入到邮箱 一键导入实现一键导入到邮箱的方法介绍

    在日常的办公中,整理客户资料的时候经常是使用excel,如果要想给这些客服发邮件,就得将他们的邮件地址一个一个的输入到邮箱里,不过,还有更简单的做法,那就是利用批量导入联系人的方法实现一键导入,下面是 ...

  • 美图淘淘外部素材一键导入打造个性网店

    外部素材一键导入 用美图淘淘打造个性网店 众所周知,专业网店美化软件美图淘淘内置的海量美图素材可以帮助网店卖家美化宝贝图片。其实不仅如此,卖家们也可以将来自网络的或自己创作的软件外素材导入美图淘淘,来 ...

  • 给力助手一键导入重力脚本方法

    给力助手一键导入重力脚本方法

  • PSD源文件导入ae没有分层该怎么办?

    ae导入的psd源文件无法分层,是什么原因导致的?该怎么解决?请看下文详细介绍. 1.我们准备一个导入AE无法分层的PSD文件“111.PSD”. 2.先导入AE,发现不像一般的psd文件那样自动提示 ...