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

Pivot animator

Embed Size (px)

DESCRIPTION

How to design stick figure animation using Pivot Animator

Citation preview

Page 1: Pivot animator

Dept. of Electronics Engineering

Pivot AnimatorPivot Animator

電子工程系電腦遊戲設計組吳錫修

2014.4.20

Page 2: Pivot animator

Pivot Animator 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

Page 3: Pivot animator

Pivot Animator Pivot Animator 2/2

增加畫格時,會自動複製上一畫格內容;再調整 stick 圖就好

Wu, ShyiShiou3

前一畫格內容

目前畫格內容

關節

節點

Page 4: Pivot animator

編輯編輯 PivotPivot 動畫動畫 1/4

Wu, ShyiShiou4

畫格預覽

目前畫格編輯區

動畫撥放控制

畫格編輯工具

Page 5: Pivot animator

編輯編輯 PivotPivot 動畫動畫 2/4

Wu, ShyiShiou5

刪除選取的畫格複製選取的畫格將畫格貼到動畫後面

Page 6: Pivot animator

編輯編輯 PivotPivot 動畫動畫 3/4

Wu, ShyiShiou6

撥放動畫

停止撥放

循環撥放每秒撥放畫格數

調整撥放速度 (畫格 /每秒 )

設定畫格背景

將 stick圖加入到畫格

Page 7: Pivot animator

編輯編輯 PivotPivot 動畫動畫 4/4

Wu, ShyiShiou7

刪除 stick 圖

將 stick 圖置中將 stick 移到上層 將 stick 移到下層

stick 圖不透明度

設定 stick 圖顏色將 stick 圖結合或分離

stick 圖縮放比率

開啟 Stick Figure Builder

水平翻轉 stick 圖

複製 stick 圖

新增一個畫格

Page 8: Pivot animator

使用使用 Stick Figure Builder Stick Figure Builder 1/3

Pivot Animation 附屬的 stick 圖設計工具

也可直接載入 stick 圖檔

Wu, ShyiShiou8

Page 9: Pivot animator

使用使用 Stick Figure Builder Stick Figure Builder 2/3

Wu, ShyiShiou9

加入一個圓形節段

圓形 / 直線節段切換

複製節段

設定節段為固定 / 活動

將節段分割為二個節段

加入一個直線節段

圓形節段空心 / 實心切換

加粗 / 變細節段

設定節段關節點為 stick 主控點

刪除節段

Page 10: Pivot animator

使用使用 Stick Figure Builder Stick Figure Builder 3/3

完成 stick 圖設計後,必執行 File/Add to Animation ,就能在 Pivot Animation 中將 stick 圖加到畫格

Wu, ShyiShiou10

Page 11: Pivot animator

匯出動畫匯出動畫 File/Export Animation 可輸出為 GIF 、檔 AVI 、或個別的檔 PNG 檔

Wu, ShyiShiou11