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

"

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


AEUX

"

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


AEUX

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


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

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


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

一、基本功能


Sketch中的AEUX面板介紹


"

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


AEUX

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


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

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


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

一、基本功能


Sketch中的AEUX面板介紹


AE動效必備:一鍵將Sketch文件圖層導入到AE——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面板介紹


"

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


AEUX

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


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

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


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

一、基本功能


Sketch中的AEUX面板介紹


AE動效必備:一鍵將Sketch文件圖層導入到AE——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面板介紹


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,打開面板

"

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


AEUX

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


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

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


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

一、基本功能


Sketch中的AEUX面板介紹


AE動效必備:一鍵將Sketch文件圖層導入到AE——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面板介紹


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,打開面板

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


"

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


AEUX

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


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

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


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

一、基本功能


Sketch中的AEUX面板介紹


AE動效必備:一鍵將Sketch文件圖層導入到AE——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面板介紹


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,打開面板

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


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


After Effects 插件安裝:

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

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


"

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


AEUX

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


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

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


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

一、基本功能


Sketch中的AEUX面板介紹


AE動效必備:一鍵將Sketch文件圖層導入到AE——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面板介紹


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,打開面板

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


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


After Effects 插件安裝:

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

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


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


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


"

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


AEUX

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


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

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


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

一、基本功能


Sketch中的AEUX面板介紹


AE動效必備:一鍵將Sketch文件圖層導入到AE——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面板介紹


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,打開面板

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


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


After Effects 插件安裝:

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

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


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


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


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


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


"

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


AEUX

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


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

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


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

一、基本功能


Sketch中的AEUX面板介紹


AE動效必備:一鍵將Sketch文件圖層導入到AE——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面板介紹


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,打開面板

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


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


After Effects 插件安裝:

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

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


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


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


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


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


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


"

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


AEUX

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


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

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


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

一、基本功能


Sketch中的AEUX面板介紹


AE動效必備:一鍵將Sketch文件圖層導入到AE——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面板介紹


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,打開面板

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


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


After Effects 插件安裝:

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

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


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


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


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


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


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


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


三、AEUX的使用

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

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

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

"

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


AEUX

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


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

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


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

一、基本功能


Sketch中的AEUX面板介紹


AE動效必備:一鍵將Sketch文件圖層導入到AE——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面板介紹


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,打開面板

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


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


After Effects 插件安裝:

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

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


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


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


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


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


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


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


三、AEUX的使用

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

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

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

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


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

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

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

請回復關鍵詞“AEUX” 即可帶走

"

相關推薦

推薦中...