原標題：如何直接用Sketch制作動畫|Sketch插件|

本期的sketch插件來為大家講解如何制作動畫，看來看看馬克筆設計留學的MUzi老師的教程吧！

安裝

1.下載并解壓 Anima Tookit.zip

https://timeline.animaapp.com/

2.雙擊 Anima Tookit.sketchplugin 完成安裝

使用

1.執行 Plugins > Anima Tookit > Show/Hide Panel 或使用快捷鍵 command + control + A 開啟面板(Anima Tookit 安裝后重啟 Sketch 默認自動開啟面板)。

2.選擇面板最右側 Timeline 模塊。

3.選擇一個畫板或組，點擊 Animate Selection 創建關鍵幀動畫，新用戶提供 14 天試用。

馬克筆設計留學的MUzi老師就以一個加載動畫為例來詳細講一下Timeline該如何使用：

首先新建一個Sketch文件，創建一個如下圖這樣的圖案。這里直接創建一個圓形，然后將它的描邊設置為角度漸變就可以了！

選擇第一個畫板，然后單擊動畫選擇。

使用TimeLine面板為組或畫板設置動畫。

關鍵幀

進入Timeline后，你可以看到軟件已經自動創建了第二個關鍵幀(是復制原始畫板)，并添加了動畫流。用Timeline制作動畫的方式和很多其他制作動效的軟件一樣，就是簡單的補間動畫，通過改變關鍵幀的大小，位置，顏色，透明度等，隨后插件自動為關鍵幀生成補間動畫，只需拖放或播放圖層屬性即可為其設置動畫。

所有圖層都顯示在所有關鍵幀上，您可以使用不透明度顯示或隱藏它們以使其淡入或淡出。您可以根據需要添加任意數量的關鍵幀。

在Timeline中，關鍵幀是一個包含所有涂層的畫板，可以從sketch的畫板或組中創建，存在于其中的所有圖層 初始關鍵幀 將存在于其它圖層 關鍵幀 中

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

可以有任意數量的 關鍵幀，但是要創建一個動畫至少需要一個 初始關鍵幀

接下來我們嘗試讓這個圓環旋轉360度，做出一個加載中的動畫效果，

過渡和時間表

每兩個關鍵幀上方的箭頭定義它們之間的過渡。選擇箭頭將在底部顯示其對應的“時間軸”面板。

使用“時間軸”面板，將動畫持續時間設置為1秒，并將曲線設置為“線性”以允許其以恒定速度旋轉。

工具欄

進入時間軸模式后，您將在頂部工具欄中看到一組時間軸操作。

以下是兩種播放方法

Play One – 在2個關鍵幀之間播放單個過渡。

Play All – 在循環中播放所有關鍵幀過渡。

做好了！接下來我們來導出吧！

完成制作后，單擊“Export GIF”導出Gif圖或 “Export Video”導出視頻，以保存設計。

文章作者：MUzi

南安普敦大學交互設計碩士

擅長交互設計與用戶體驗相關專業輔導和課程知識體系建立

任何關于院校和作品集的問題

歡迎隨時和馬克君溝通

知無不言，言無不盡返回搜狐，查看更多

責任編輯：

總結

以上是生活随笔為你收集整理的sketch制作Android动画,如何直接用Sketch制作动画|Sketch插件|的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。