AE動效必備:一鍵將Sketch文件圖層導入到AE

作爲設計師的我們會經常遇到這樣的問題,當需要做一個 loading、或者圖標動效的時候,總會想如何可以更快捷高效的把 Sketch 矢量圖層直接導入到 AE 裏面設計動效,今天我分享給大家的這款插件,可以完美的解決這些問題。 

AEUX

這款插件叫:AEUX(前身叫Sketch2AE),可以一鍵把 Sketch 文件導入 AE 的插件 

官網地址: https://aeux.io/,文章結尾附插件下載地址

AEUX 是由 Google 團隊動畫設計師大佬 Adam Plouff 開發,運用在 Sketch 和 AE 的一組高效插件,能將 Sketch 裏的圖層以及整個畫板一鍵導入到 AE 裏,同時能在 AE 裏解決圖形分組和分層的問題,減少從設計稿到動效設計的銜接困難,目前該該插件也已支持支持Figma。

一、基本功能

Sketch中的AEUX面板介紹

1、Send selection to Ae:將選中的圖層導入到AE

2、Export AEUX.json:導出爲Json文件

3、Detach symbols 分離組件

這是一個解除 symbol 的功能,在 sketch 內如果沒有解除 symbol,導入到 AE 裏將出現圖形位移和變形的情況。

4、Flatten shapes 簡化形狀

AEUX 支持布爾運算,但是在一個組中混合不同的運算符(如添加然後減去)對於Ae來說比較困難。點擊 Flatten shapes 可以合併布爾運算圖形。

5、 Images to symbols 將圖片轉換成組件

在sketch畫板中,超出畫板的圖層會自動隱藏,還有蒙版功能,都可能導致導入AE之後出現位移,蒙版錯位等情況。選中圖片,點擊按鈕,可以將圖片轉換成sketch中的組件。

AE中的AEUX面板介紹

1、接收到的圖層名稱和數量

2、New Comp 將接收的文件創建爲新的合成

3、將文件導入到當前合成

4、導入Json文件

5、Come size multiplier 選擇導入的倍數

6、檢測參數化形狀 默認勾選即可

7、把導入的組進行預合成

8、自動創建合成

9、Convert to precomp:創建預合成

同時選中單一圖層,可以將他們建立一個新的合成。

10. Un-Precomp group: 接觸預合成

點擊可以解除合成的分組,變成單一的一個一個的圖層

11. Toggle Visibility:可以一鍵隱藏和顯示所有的引導圖層

12. Delete group layers:刪除所有引導圖層

二、插件安裝

Sketch 插件安裝:

1、支持 sketch 52 以上版本(安裝前請先確認你的 Sketch 版本)

2、下載安裝文件,下載後雙擊 AEUX.sketchplugin,提示安裝成功;

3、打開Sketch,在菜單中:插件-AEUX,打開面板

After Effects 插件安裝:

1、支持 After Effects CC2014 以上版本(請先確認AE版本)

2、下載安裝ZXP Installer(ZXP Installer 是一個AE插件的安裝工具:下載地址: https://aescripts.com/learn/zxp-installer/ ),MAC和Win爲2個版本,請根據系統下載;

3、啓動ZXP Installer,將AEUX.zxp拖到ZXP Installer中

4、啓動 After Effects ,從 窗口-擴展-AEUX 打開插件,安裝成功;

三、AEUX的使用

1、裝好插件後,打開sketch,選擇 插件 - AEUX,打開插件面板,再啓動AE,在 窗口 - 擴展裏面找到AEUX,打開。

2、在Sketch中,選中要導入到AE的圖層或畫板,點擊“Selection to Ae”,如果界面中含有位圖,會彈出一個窗口,選擇或者新建一個文件夾,以保存位圖。

3、切換到AE,會發現AE中的插件面板上已經出現了在sketch裏面的畫板並顯示圖層數量,導入時分兩種情況:

如果此時沒有創建合成,選擇“NEW Comp”,會自動生成一個與畫板大小相同的合成,並導入圖層。

如果已經創建了合成,選擇“Current”,會直接導入圖層到當前合成裏。

AEUX插件下載地址, 請點擊下方鏈接帶走

https://pan.baidu.com/s/1yl5LVYghbKpWu7_4xRX7tA 

提取碼:jcpy 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章