作為設(shè)計(jì)師的我們會(huì)經(jīng)常遇到這樣的問題,當(dāng)需要做一個(gè) loading、或者圖標(biāo)動(dòng)效的時(shí)候,總會(huì)想如何可以更快捷高效的把 Sketch 矢量圖層直接導(dǎo)入到 AE 里面設(shè)計(jì)動(dòng)效,今天我分享給大家的這款插件,可以完美的解決這些問題。?

AEUX

這款插件叫:AEUX(前身叫Sketch2AE),可以一鍵把 Sketch 文件導(dǎo)入 AE 的插件?
官網(wǎng)地址:?https://aeux.io/,文章結(jié)尾附插件下載地址
AEUX 是由 Google 團(tuán)隊(duì)動(dòng)畫設(shè)計(jì)師大佬 Adam Plouff 開發(fā),運(yùn)用在 Sketch 和 AE 的一組高效插件,能將 Sketch 里的圖層以及整個(gè)畫板一鍵導(dǎo)入到 AE 里,同時(shí)能在 AE 里解決圖形分組和分層的問題,減少從設(shè)計(jì)稿到動(dòng)效設(shè)計(jì)的銜接困難,目前該該插件也已支持支持Figma。
一、基本功能
Sketch中的AEUX面板介紹

1、Send selection to Ae:將選中的圖層導(dǎo)入到AE
2、Export AEUX.json:導(dǎo)出為Json文件
3、Detach symbols?分離組件
這是一個(gè)解除 symbol 的功能,在 sketch 內(nèi)如果沒有解除 symbol,導(dǎo)入到 AE 里將出現(xiàn)圖形位移和變形的情況。
4、Flatten shapes?簡化形狀
AEUX 支持布爾運(yùn)算,但是在一個(gè)組中混合不同的運(yùn)算符(如添加然后減去)對(duì)于Ae來說比較困難。點(diǎn)擊 Flatten shapes 可以合并布爾運(yùn)算圖形。
5、 Images to symbols 將圖片轉(zhuǎn)換成組件
在sketch畫板中,超出畫板的圖層會(huì)自動(dòng)隱藏,還有蒙版功能,都可能導(dǎo)致導(dǎo)入AE之后出現(xiàn)位移,蒙版錯(cuò)位等情況。選中圖片,點(diǎn)擊按鈕,可以將圖片轉(zhuǎn)換成sketch中的組件。
AE中的AEUX面板介紹

1、接收到的圖層名稱和數(shù)量
2、New?Comp?將接收的文件創(chuàng)建為新的合成
3、將文件導(dǎo)入到當(dāng)前合成
4、導(dǎo)入Json文件
5、Come size multiplier 選擇導(dǎo)入的倍數(shù)
6、檢測參數(shù)化形狀?默認(rèn)勾選即可
7、把導(dǎo)入的組進(jìn)行預(yù)合成
8、自動(dòng)創(chuàng)建合成
9、Convert to precomp:創(chuàng)建預(yù)合成
同時(shí)選中單一圖層,可以將他們建立一個(gè)新的合成。
10. Un-Precomp group:?接觸預(yù)合成
點(diǎn)擊可以解除合成的分組,變成單一的一個(gè)一個(gè)的圖層
11. Toggle Visibility:可以一鍵隱藏和顯示所有的引導(dǎo)圖層
12. Delete group layers:刪除所有引導(dǎo)圖層
二、插件安裝
Sketch 插件安裝:
1、支持 sketch 52 以上版本(安裝前請(qǐng)先確認(rèn)你的 Sketch 版本)
2、下載安裝文件,下載后雙擊 AEUX.sketchplugin,提示安裝成功;
3、打開Sketch,在菜單中:插件-AEUX,打開面板


After Effects 插件安裝:
1、支持 After Effects CC2014 以上版本(請(qǐng)先確認(rèn)AE版本)
2、下載安裝ZXP Installer(ZXP Installer 是一個(gè)AE插件的安裝工具:下載地址:?https://aescripts.com/learn/zxp-installer/?),MAC和Win為2個(gè)版本,請(qǐng)根據(jù)系統(tǒng)下載;

3、啟動(dòng)ZXP Installer,將AEUX.zxp拖到ZXP Installer中

4、啟動(dòng) After Effects ,從 窗口-擴(kuò)展-AEUX 打開插件,安裝成功;


三、AEUX的使用
1、裝好插件后,打開sketch,選擇 插件 - AEUX,打開插件面板,再啟動(dòng)AE,在 窗口 - 擴(kuò)展里面找到AEUX,打開。
2、在Sketch中,選中要導(dǎo)入到AE的圖層或畫板,點(diǎn)擊“Selection to Ae”,如果界面中含有位圖,會(huì)彈出一個(gè)窗口,選擇或者新建一個(gè)文件夾,以保存位圖。
3、切換到AE,會(huì)發(fā)現(xiàn)AE中的插件面板上已經(jīng)出現(xiàn)了在sketch里面的畫板并顯示圖層數(shù)量,導(dǎo)入時(shí)分兩種情況:

如果此時(shí)沒有創(chuàng)建合成,選擇“NEW Comp”,會(huì)自動(dòng)生成一個(gè)與畫板大小相同的合成,并導(dǎo)入圖層。
如果已經(jīng)創(chuàng)建了合成,選擇“Current”,會(huì)直接導(dǎo)入圖層到當(dāng)前合成里。
AEUX插件下載地址,?請(qǐng)點(diǎn)擊下方鏈接帶走
https://pan.baidu.com/s/1yl5LVYghbKpWu7_4xRX7tA?
提取碼:jcpy?