恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Sketch无缝衔接After Effects插件:UXAE
0.0°
2020-05-21 原创文章 教程 举报 7083 60 25 12

注:插件已更新,建议使用新版:https://www.ui.cn/detail/470029.html?nopop=1

Image title


无意发现一个可以把 Sketch 文件导入 AE 的插件:UXAE,官网在这里:https://aeux.io ,本文附件压缩包有插件的安装文件。

Image title

制作插件的大佬叫 Adam Plouff ,原来是Google的员工,是一位动画师和 AE 插件开发者,RubberHose 插件也是他开发的,这是他的工作室:https://www.battleaxe.co/ 。

Image title


AEUX是为 After Effects 和 Sketch 52+(不久还会支持Figma)开发的一组插件,用于将 sketch 中的图层直接导入到 After Effects 中,减少从视觉设计到动效设计的衔接困难。


AEUX,以前曾叫 Sketch2AE,开发的目的也是为了跟随设计的新趋势。AEUX读出来就像是“A-Yo”(貌似在英语中是一种见面打招呼的意思)。


插件的使用步骤:


1、安装后好两个插件后,启动ae,从 窗口 > 扩展>aeux 打开插件窗口;

Image title

进入sketch,从sketch上方 插件 中打开插件窗口;

Image title


2、选择你要导入ae的对象(可以是图层、组、画板);


3、当点击插件面板上 Send selection to Ae(将选择对象导入AE)时,选择的对象会在后台分层导入 AE,如果选择的对象中有位图会出现保存位图的弹窗,这个时候找个;当点击 Export AEUX.json 时,插件会把选择的对象转换为 AE脚本文件保存到电脑,如果选择的对象中包含有图片,那么图片会和脚本文件保存在同一路径,脚本文件需要在AE里加载之后 Sketch 里的文件才会导入 AE;


4、当ae中插件窗口上方出现蓝色方块时就是成功读取到了从 Sketch 传送过来的图层,然后按照自己的喜好选择好各类选项就可以导入合成了,当有了自己的习惯后可以勾选自动创建,这样 AE 中的插件接收到 Sketch 传送的数据后就会自动按照设定好的选项创建合成。


插件中各类选项详解:

Image title

Image title

插件安装方法:


Sketch 插件安装:

1、支持 sketch 52 以上版本,先确认 Sketch 版本支持;

2、下载安装文件,下载后双击 AEUX.sketchplugin;

3、Sketch 自动启动,提示插件安装成功;


After Effects 插件安装:

1、支持 After Effects CC2014 以上版本,先确认版本无误;

2、下载 ZXP Installer(ZXP Installer 是一个AE插件的安装工具:下载地址:https://aescripts.com/learn/zxp-installer/ ),下载后安装、启动ZXP Installer;

Image title


3、启动 After Effects ,从 窗口>扩展>AEUX 找到插件,打开窗口安装成功;

4、按照以上步骤安装后,如果 AE 的 窗口>扩展 中没有找到 AEUX,可以尝试手动安装;


手动安装步骤:

1、把下载的 AEUX.zxp 文件的扩展名更改为.zip;

2、把压缩包解压,得到名为 AEUX 的文件夹;

3、按照以下路径找到 AE扩展 的文件夹:

[Mac]: /Users/**username**/Library/Application Support/Adobe/CEP/extensions/[Win]: C:/Users/**username**/AppData/Roaming/Adobe/CEP/extensions/

4、把解压得到的 AEUX文件夹 复制到 extensions 目录下;

5、重新打开AE,窗口>扩展 中找到 AEUX 打开。


Powered by Froala Editor

更新:2020-05-21

收藏

60人已收藏

HONGRF

失业的废柴~

  • 12

    作品

  • 22

    粉丝

  • 15

    关注

  • UI & UX 小技巧(二)&(三)
  • UI & UX 小技巧(一)
  • 从Sketch到After effects的无缝衔接
  • UI中国 App UI设计大赛

    猜你喜欢

      2020-05-21 原创文章 教程 举报 7083 60 25 12

      Sketch无缝衔接After Effects插件:UXAE

      0.0°

      你确定要举报Sketch无缝衔接After Effects插件:UXAE

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年03月29日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      25
      60
      12

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录