Sketch和AE可以對接啦-Sketch2AE v2.0

最近工作中需要將sketch檔案繪製的向量插畫匯入到AE中製作小動畫，研究了各種方法都不是很好用。（還下載了形狀層分離合並管理指令碼 Aescripts Explode Shape Layers。有興趣的可以研究一下。AE指令碼：形狀層分離合並管理指令碼）

最後的最後，無意發現了Sketch2AE v2.0居然可以直接匯出向量圖層啦，我的天哪，太好用了。

Sketch2AE是由Google 設計團隊推出的一款Sketch一鍵匯入AE的外掛，先讓我們看看官方的一個小預覽視訊：

下載

1.官方網站  https://google.github.io/sketch2ae/

2.sketch.im 網站下載 http://sketch.im/plugins/61

安裝

Sketch

下載並解壓 Sketch2AE.zip

雙擊 Sketch2AE.sketchplugin 完成安裝

After Effects

拖拽 Sketch2AE.jsx 檔案至 應用程式 > Adobe After Effects [版本號：CC 2018] > Scripts > ScriptUI Panels

啟動 After Effects 後在 視窗 的左下方會看到 Sketch2AE 外掛皮膚

使用流程

1.將你需要做動效的檔案，複製到新的Sketch檔案（因為每人的Sketch複雜程度不同，外掛必須遍歷所有的 Symbol 才能正確匹配，這可能需要很長一段時間，所以建議獨立建立動效畫板，方便後期操作。）

2.設定畫板（適配畫板，sketch畫板大小將是匯入AE後的合成大小）

3.選擇畫板中的所有需要匯出的圖層進行匯出（可以選擇特定圖層，也可選擇多個、全部圖層，預設將跳過畫板中的不可見圖層）

4.在Sketch選單欄-外掛-Sketch2AE

兩種模式

a. 拷貝選中圖層：執行 Plugins > Sketch2AE > Copy Selected Layers 建立所有選定圖層資料的列表並將其複製到剪貼簿以減少額外的檔案（所選圖層中的點陣圖（及漸變效果）將被匯出，以便匯入到 After Effects 中）

b.儲存為可匯入AE的檔案格式.Sketchae：執行 Plugins > Sketch2AE > Save Selected Layers 將所有選定圖層資料的列表儲存到檔案 _SketchExport.Sketchae 以有助於切換到沒有 Sketch 的 After Effects 使用者

5.開啟AE中的Sketch2AE皮膚

Sketch2AE 外掛皮膚中，選擇兩個匯入選項之一以從 Sketch 中貼上資料或開啟並匯出 .Sketchae 檔案，點陣圖將被匯入（如適用）Symbol 將被構建為可重複使用的 Precomp （如適用）並且將根據匯入選項構建大量的圖層

紅色為貼上上一步拷貝的圖層資訊

藍色為開啟之前儲存的.sketchae格式檔案

6.匯入選項

Sketch 中的資料將通過幾個簡單的選項匯入

每個匯入資源可以分別為 1x、2x 或 3x 建立一個新的合成（因為設計師在sketch設計時往往是1倍圖，所以匯入AE時需要放大至2倍3倍提高清晰度）

資料也可能被新增到開啟的合成，匯入的畫板（和所有圖層）將被縮放以適合合成大小

注意事項

1.編組

使用sketch2AE後的狀態（在保留組內元素的同時，會建立一個分組圖層作為編組的範圍，預設為隱藏）

2.Symbol

使用sketch2AE後的狀態（自動形成一個預合成）

3.漸變效果作為點陣圖

外掛現在的版本還無法完成對sketch中漸變的編輯，Sketch2AE 將輸出漸變填充、漸變描邊、影象填充和紋理作為圖層的點陣圖

侷限性

疊加模式、布林運算、虛線是支援的。

下面的這些操作我們儘量避免：

不支援漸變描邊/漸變填充，只能手動；

不支援蒙版；

暫不支援文字（可以轉換成形狀）；

不支援圖層翻轉；

不支援圖層樣式；