sketch動(dòng)畫(huà)設(shè)計(jì)插件Anima Tookit

Anima Tookit是一款為sketch用戶提供的一款動(dòng)畫(huà)制作的插件，有時(shí)候需要在sketch中制作一些小的動(dòng)畫(huà)效果，光靠sketch自身的功能可能沒(méi)法滿足，大家可以試試這款A(yù)nima Tookit插件。這款插件可以在sketch中創(chuàng)建時(shí)間軸動(dòng)畫(huà)并導(dǎo)出 GIF 或視頻。

功能特色：

關(guān)鍵幀

關(guān)鍵幀是包含所有圖層的畫(huà)布。

關(guān)鍵幀可以從 Sketch 畫(huà)板 或 組 創(chuàng)建

存在于其中的所有圖層 初始關(guān)鍵幀 將存在于其它圖層 關(guān)鍵幀 中

不能在兩者之間添加或刪除圖層 關(guān)鍵幀，但可以顯示和隱藏圖層

可以有任意數(shù)量的 關(guān)鍵幀，但是要?jiǎng)?chuàng)建一個(gè)動(dòng)畫(huà)至少需要一個(gè) 初始關(guān)鍵幀

初始化關(guān)鍵幀

初始關(guān)鍵幀 是動(dòng)畫(huà)的起點(diǎn)，意味著所有圖層都位于 Sketch 文檔中

無(wú)法更改 初始關(guān)鍵幀 圖層的大小，位置或其它所有屬性

要設(shè)置圖層動(dòng)畫(huà)或調(diào)整大小，必須創(chuàng)建另一個(gè) 關(guān)鍵幀

關(guān)鍵幀邊欄

關(guān)鍵幀邊欄 是所有 關(guān)鍵幀 的列表

在每個(gè) 關(guān)鍵幀 可以查看和選擇的所有子圖層和組 關(guān)鍵幀

所有 關(guān)鍵幀 包含完全相同的圖層

這與 Sketch 文檔中存在的相同

在每個(gè) 關(guān)鍵幀 (除了 初始關(guān)鍵幀）可以顯示 / 隱藏圖層并更改它們的屬性，這將影響動(dòng)畫(huà)效果

轉(zhuǎn)場(chǎng)

轉(zhuǎn)場(chǎng) 是兩個(gè)動(dòng)畫(huà)之間的過(guò)渡 關(guān)鍵幀

每個(gè)轉(zhuǎn)場(chǎng)都包含一個(gè)或多個(gè)包含不同層的小動(dòng)畫(huà) 關(guān)鍵幀

圖層

輸入時(shí)間軸時(shí) Sketch 畫(huà)板或組中的每個(gè)圖層都將轉(zhuǎn)換為圖像

圖像的格式可以是 PNG，JPG 或 SVG，如在 Sketch 的可輸出的面板中選擇（默認(rèn) PNG）

每層 關(guān)鍵幀（除 初始關(guān)鍵幀）都可以移動(dòng)圖層、調(diào)整大小、旋轉(zhuǎn)、隱藏或顯示圖層

時(shí)間線

每一個(gè)層都可以有自己的 時(shí)間線

要 Timeline 為圖層創(chuàng)建一個(gè) 時(shí)間線，只需改變畫(huà)板內(nèi)圖層的屬性，屏幕底部就會(huì)出現(xiàn)一條藍(lán)線

通過(guò)移動(dòng)和拉伸 時(shí)間線 可確定特定動(dòng)畫(huà)的延遲、持續(xù)時(shí)間和曲線

其他功能

調(diào)整位置

調(diào)整大小

旋轉(zhuǎn)

不透明度

延遲

持續(xù)時(shí)間

曲線

使用方法：

1、執(zhí)行 Plugins > Anima Tookit > Show/Hide Panel 或使用快捷鍵 command ⌘ + control ⌃ + A 開(kāi)啟面板（Anima Tookit 安裝后重啟 Sketch 默認(rèn)自動(dòng)開(kāi)啟面板）

2、選擇面板最右側(cè) Timeline 模塊

3、選擇一個(gè)畫(huà)板或組，點(diǎn)擊 Animate Selection 創(chuàng)建關(guān)鍵幀動(dòng)畫(huà)，新用戶提供 14 天試用