一、Microsoft Gif Animator 動畫製作

1-1.軟體下載 ： 為一壓縮檔，解開後資料夾內含二個程式：gifsetup.exe 及 CGIFAnimator.exe(中文化)。

1-2.軟體安裝：先安裝gifsetup後，再安裝中文化程式。

1-3.動畫製作：demo01_頂六校徽 ；demo02_活麗校園大鵬鳥 。

(1)選用或製作多張圖片。

ps1.若無圖片，可至bird 素材處下載。

(2)利用Xnview轉換圖片統一大小及gif格式。

ps2.圖片的格式有很多，jpg、Bmp、png、gif等。目前數位相機的圖片格式多為.jpg格式。

(3)開啟Microsoft Gif Animator程式，進行編輯。

a.將圖片逐一置入視窗左側之方框內。

ps3.亦可一次將多張圖片置入，選擇多張圖片後，利用滑鼠拖曳方式置入方框即可。若圖片次序有誤，可利用畫面上方工具圖示[↑][↓]調整次序。

b.檢視[選項][動畫][圖檔]進行相關設定。

--[選項]：調色盤設定→最佳化色彩；調色盤色階→最接近的256色彩顯示。

--[動畫]：重複播放視實際需求，勾選持續重複播放選項，或設定重複次數。

--[圖檔]：顯示時間，以1/100秒記，若輸入為300意為300/100=3秒，以此類推。

ps4.進行此相關設定時，可單選或複選已載入之圖片，複選的好處是所選擇的圖片，皆遵循上述設定值。

c.設定完成後，點選磁片圖示，將動態檔儲存。

ps5.亦可參考網路上相關教學網頁。(點點我 ！)

====================

二、動態(圖片)網頁script製作

ps6.利用script程式語言，可以讓網頁變成動態網頁，雖然大多數人不會寫程式，不過不必擔心，網路上已經有很多熱心的網友提供現成的語法讓我們使用，我們只要修改部分地方，就可輕易且快速的做出很棒的網頁。以下就以一個動態圖片語法為例：

2-1.網頁範例：下載頂六國小生命教育作品展網頁。

2-2.以瀏覽器打開此網頁，看看它的效果。

2-3.套用範例：我們以此網頁為範本，點選網頁[檢視─原始碼]，檢視它的原始碼，並套用之。

(1).[script]：跟瀏覽器宣告網頁中將置入程式script語法。(何謂script )

ps6.在[script]及[/script]間，即是程式語法，大體來說，我們要修改的就是這一段的某些設定。

(2).[var SlideShowSpeed]：以1/1000秒計，若數字設定為300,即為300/1000=0.3秒，以此類推。

(3).[picture]：數字由1依序累加1，此處我們需將原來圖片之網址，置換成新的圖片網址。

ps7.由於此網頁原來已有一定規則的圖片網址，因此我們可利用[取代]功能，批次修改圖片網址。

(4).[caption]：與picture互相對應，可修改文字以便與圖片配合。

ps8.如果我們不需要逐一說明圖片內容，亦可利用[取代]功能，批次更改說明文字。

demo03_感動狗狗垂降攀岩初體驗

(5).[TABLE cellSpacing=* cellPadding=* border=*]：圖片外框設定，*表數字，可自由更改。

(6).[TD width=640 height=480]：圖片外框的大小，*表數字，可自由更改。

(7).[IMG height=480 src="網址" width=640 name=PictureBox>：圖片本身的大小，*表數字，可自由更改。

ps9.*之數字設定，應考慮圖片本身的長寬比例，例如：原始圖片為800*600,則該圖片應小於或等於此數字，否則圖片將不夠清晰；若數字比例與原始圖檔不符，則會有過胖或過瘦的現象。

ps10.此處的[網址]需注意不可加上 http:// 否則會找不到該圖檔。

2-4 其他設定：如果要為網頁圖片加上聲音背景，則可加入html語法。

(1)加入聲音：方法大致有二

a. ＜a href="網址"＞**＜/a＞表文字，通常即是該歌曲的名稱，點選後即可播放。

b.＜embed=網址＞：亦立即播放音樂，詳見embed語法網頁 。

(2)加入背景：加入＜body background="網址"＞即可。

2-5 動態網頁練習

demo03圖片網址：2007護士媽媽節快樂_01 02 03 04 05 06 嘉凌 勝漢 麗招 。

Ps11.好站推薦→阿盛網站 ，裡頭有很多網頁特效素材可以利用喔！

===========================

三.影片取得及轉檔

3-1.影片取得：取得來源多為數位相機或數位攝影DV，格式通常為AVI、ASF、MOV、MPG等格式。

3-2.影片轉檔：可利用windows xp內建之 windows media 編碼器進行轉檔。

ps.若沒有windows media編碼，可點選此處下載 。

a.點選[開始-程式集-windows media 編碼器]。

b.[轉換檔案-設定[來源檔案、輸出檔案]-下一步-windows media 伺服器(串流)-下一步-位元速率(548Kb/sec)-完成]。

ps12. 位元速率可視實際需要調整，考慮網路頻寬，建議選擇548Kb左右即可。

ps13. windows media 比較大的缺點是無法批次轉檔，必須一個一個轉檔，若影片檔太多時，很耗時間。若需要批次轉檔，建議改用其他轉檔程式，如winavi等。

==============================

四、影片分割

4-1 影片切割：可以TMPGEnc(軟體下載 )將可根據需要，將影片切成數個段落。

ps14.範例影片：2006頂六童年珍重再見活動

ps15. 教學網頁網址

==========================

五、影片編輯製作

5-1影片要素：影片(編輯)的組成，大致有要素，包括：

a.影像：多張圖片或多段影片。

b.特效：賦予該圖片或影片特殊的效果(如：拉遠、拉近)

c.轉場：每一個小段落(圖與圖、圖與影片、影片與影片)之間的切換效果，使影片的轉換能夠很流暢的接下去。

d.字幕：配合影片主題、內容，加上適當的文字。

e.音樂：通常跟著整部影片播放。

f.音效：與音樂類似，但出現的時間通常較短，只在特定的時候出現。

5-2 Windows movie maker 影片編輯：微軟xp內建的編輯軟體，操作十分簡單，是很不錯的免費影片編輯入門軟體。 demo05 頂六9502資訊組活力校園影片系列 。

ps16.這是一個有關Windows movie maker 的教學網頁 ，內容蠻詳細的，可參考。

5-3 友立會聲會影系列：功能強大的影片編輯軟體，缺點是[要錢]。

demo06 2004再會吧校園 demo07 書輔碩玲結婚真好 demo08 頂六童年2003