第五次:多媒體概論-Stickfigure Animator動畫1

一.動畫概念

提問:動畫製作時需要哪一些元素呢?

說明:

1.動畫歷史

2.動畫分類及遊戲

2D:數學上的二維.是平面

3D:數學上的三維(Three-Dimension)是立體

(1)2D遊戲動畫概念

(2)3D遊戲動畫概念

a.製作過程

實作1-動畫影格概念

說明:

FPS(frame per second):每秒幾個畫(影)格

Example

提問:

A.看完上述影片後你可以很簡單描述何謂動畫?

B.若製作2分鐘動畫需要多少畫格(Frame)?假設此動畫為30fps

二.GIF動畫概念

1.GIF動畫原理

GIF動畫顧名思義，是將圖存成GIF檔來執行的動畫，但只能呈現256色.可透空，在預設的時間下結合多張GIF圖檔輪播呈現

範例:

GIF動畫圖解原理

2.GIF應用(APP遊戲.網頁廣告.......)

GIF 動畫製作懶人包

3.GIF動畫相關軟體

1.Ulead GiF Animator

2.Microsoft GIF Animator

3.UnFREEz

4.photoscape

5.Gif movie Gear

6.Easy GIF Animator

7.Animate Gif

8.Pivot Stickfigure Animator

9.stykz

參考資料

https://sites.google.com/site/lohos2nchu/1-8/amimation-pictures

三.火柴人動畫(Stickfigure Animator)

實作2-Pivot火柴人動畫下載及作品欣賞

■軟體下載及開啟

Pivot Stickfigure Animator(Pivot火柴人動畫2.27免安裝版)下載

■範例作品欣賞

• 官方網站
• http://www2.skhsms.edu.hk/webinfo/web08-09/stick/stickman.htm
• https://plus.google.com/u/0/photos/100702277871605392873/albums/6150114296841471217

■軟體介紹及教學

軟體介面十分的簡單，沒有什麼花哨的圖標，中間的白色區域中站著一個火柴棍小人，小人的每個關節上都有一個紅色的支點點，正中間的支點是橘色，紅色支點可以控制肢體的動作變化，橘色支點可以移動整個小人。

實作3-Pivot火柴人動畫初體驗

■進階教學影片

• 作者教學講義
• K5computer Lab
• 火柴人動畫教學 - 走路
• 火柴人動畫教學 - 丟人
• http://blog.yam.com/gtm0510/article/28829628
• http://web.ntct.edu.tw/blog/glglace/archives/2245

作業

檔案/儲存檔案

1.格式選PIV

檔案名稱:105****-1.piv

2.格式選GIF

檔案名稱:105****-1.gif

作業上傳

1.點自己班的連結及輸入各班密碼

0503密碼:0503**

0504 密碼:0504**

0508 密碼:0508**

0509 密碼:0509**

0510 密碼:0510**

0511 密碼:0511**

0512 密碼:0512**

3.點自己的座號資料夾

4.點上傳

5.選桌面你的作業105****-1.piv及105****-1.gif

6.檢查是否上傳成功