AE動(dòng)效必備:一鍵將Sketch文件圖層導(dǎo)入到AE

作為設(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

這款插件叫: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?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容