How to design stick figure animation using Pivot Animator

1. Dept. of Electronics Engineering
Pivot Animator
電子工程系電腦遊戲設計組
吳錫修
2014.4.30

2. Pivot Animator 1/2
 是⼀款基於stick figures的2D動畫創建軟體
 Pivot animator讓您能夠經由移動的物體關節或節點來創建⼀個動畫
 http://pivotanimator.net/
 可以跟作者索取免費的註冊碼
 http://www.codeandweb.com/request-free-license
 ⾃已有⼀個與遊戲/軟體/網頁開發或應用程式有關的部落格
 最近6個月內至少有5篇⼀頁以上篇幅的文章
 Facebook, Twitter, Tumblr或Weibo都不認定為blogs – 除非有超過
100.000朋友 Wu, ShyiShiou2

3. Pivot Animator 2/2
 增加畫格時，會⾃動複製上⼀畫格內容；再調整stick圖就好
Wu, ShyiShiou3
前一畫格內容
目前畫格內容
關節
節點

4. 畫格設定 1/3
 點選功能表Edit/Options
 Animation Dimensions
 Width
畫格寬度，單位pixel
 Height
畫格高度，單位pixel
Wu, ShyiShiou4

5. 畫格設定 2/3
 Onion Skins
 0
要顯示的描圖紙畫格數，預設為0表示只顯示前⼀張畫格描圖紙
 Show Ahead
顯示接續畫格描圖紙內容
Wu, ShyiShiou5
下一畫格描圖紙
前一畫格描圖紙

6. 畫格設定 3/3
 Figure Handles
 Show Unselected
顯示畫格中其它stick figure的控制點
 Autosize
當控制點太靠近時，⾃動縮小控制點
Wu, ShyiShiou6
未勾選Autosize
未勾選Show Unselected

7. 編輯Pivot動畫1/4
Wu, ShyiShiou7
畫格預覽
目前畫格編輯區
動畫撥放控制
畫格編輯工具

8. 編輯Pivot動畫2/4
Wu, ShyiShiou8
刪除選取的畫格
複製選取的畫格
將畫格貼到動畫後面
在目前畫格前插入一畫格(複製前一畫格內容)
在目前畫格前插入複製的畫格

9. 編輯Pivot動畫3/4
Wu, ShyiShiou9
撥放動畫
停止撥放
循環撥放
每秒撥放畫格數
調整撥放速度(畫格/每秒)
設定畫格背景
將stick圖加入到畫格

10. 編輯Pivot動畫4/4
Wu, ShyiShiou10
刪除stick圖
將stick圖置中
將stick移到上層 將stick移到下層
stick圖不透明度
設定stick圖顏色
將stick圖結合或分離
stick圖縮放比率
開啟Stick Figure Builder
水平翻轉stick圖
複製stick圖
新增一個畫格

11. 使用Stick Figure Builder 1/4
 Pivot Animation附屬的stick圖設計工具
 也可直接載入stick圖檔
Wu, ShyiShiou11

12. 使用Stick Figure Builder 2/4
Wu, ShyiShiou12
加入一個圓形節段
圓形/直線節段切換
複製節段
固定式/活動式節段切換
將節段分割為二個節段
加入一個直線節段
圓形節段空心/實心切換
節段加粗/變細
設定節段關節點為stick主控點
刪除節段

13. 使用Stick Figure Builder 3/4
 勾選Edit/Edit Mode進入編輯節段模式，則可調整stick figure節段之
⻑度
Wu, ShyiShiou13

14. 使用Stick Figure Builder 4/4
 完成stick圖設計後，必執行File/Add to Animation，就能在Pivot
Animation中將stick圖加到畫格
Wu, ShyiShiou14

15. 匯出動畫
 File/Export Animation
 可輸出為GIF檔、AVI檔、或PNG檔 (每⼀畫格各別存檔)
Wu, ShyiShiou15