最新公告
  • 欢迎您光临xd素材中文网xdsucai.cn,服务于广大UI设计师。立即加入我们
  • sketch文件一键导入After Effects方法

    很多朋友问我如何将设计好的sketch文件导入到ae里进行动画制作,有没有快捷的方法,答案是有的,我们通过一款非常好的插件就能实现,就是aeux,下面我们来说说如何使用。

    先简单看一下基本功能

    一、基本功能

    (一)一键复制所有图层到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咯~

     

    原文地址:站酷

    xd素材中文网,提供优质的UI设计资源免费素材,有xd源文件,sketch源文件,设计规范,实用的商业ui设计教程。
    xd素材中文网 » sketch文件一键导入After Effects方法

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    百度网盘为什么下载慢?
    国内只有在百度网盘放资相对靠谱,基本不会出问题,但百度网盘限制了非SVIP用户的下载速度和稳定性,不过使用百度云盘软件下载(不要用网页直接下载)会相对稳定,而且能断点续传;
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    xd素材中文网
    致力于ui设计领域

    发表评论

    • 6757会员总数(位)
    • 26583资源总数(个)
    • 198本周发布(个)
    • 12 今日发布(个)
    • 386稳定运行(天)

    提供最优质的资源集合

    加入会员 免费领会员