1、第 1 頁計畫項目：團隊專業成長課程名稱：Gif 動態影像處理辦理日期：93 年 12 月 29 日第 2 頁指導教授或長官 吳來順校長縣府核准日期文號 屏府教學字第 0930186122 號函參加對象及人數 資訊種子團隊教師共 7 人主辦單位 屏東縣政府協辦單位 萬巒國中承辦處室 教務處辦理時間及研習地點 93/12/29研習內容1. 軟體與 GIF 動畫原理簡介2. 利用動畫精靈，快速完成 GIF 動畫3. 調整速度、位置，再製、刪除畫格，加上橫幅文字預期效果1. 提昇教師資訊融入自然與生活科技領域的教學能力2. 培養教師利用資訊蒐集資料的能力，並融入於教學中3. 增進團隊成員對資訊硬體的
2、了解4. 加強團隊成員對資訊融入教學的概念的了解及應用5. 提升教師教學效能，解決傳統教學的負擔，並增進學生學習動機第 3 頁參加人員名冊編號 服務單位 姓名 備註 編號 服務單位 姓名 備註1 萬巒國中 鄭文俊2 萬巒國中 梁俊民3 萬巒國中 梁天祥4 萬巒國中 簡陳如5 萬巒國中 羅坤志6 萬巒國中 葉明展7 萬巒國中 黃全成第 4 頁疑難問題及綜合座談時間：93/12/29地點：電腦教室主席：黃全成老師列席人員：參加人員：資訊種子團隊教師共 7 人記錄：梁天祥問題：gif 動畫不會重複循環？答：可能是 IE 設定的“進階“標籤裡多媒體下的“ 播放網頁動畫 “沒勾，或者是防火牆軟體阻止動畫
3、的循環，只要打開就了。問題：要怎樣才能使 gif 動畫背景變成透明？答：1在 GIF Animator 開啟要修改背景的 gif 檔，並確定每一個影像的透明色是什麼顏色。以下的例子中，透明色為白色(R:255,G:255,B:255)。2反白選取整體資訊 ，看整體色盤內是否有透明色。確定色盤內有透明色後，選取透明色，手動輸入將透明色變為桃紅色(R:255,G:0,B:255)，然後按確定離開。3按下確定鈕後，若出現以下的訊息，請按否 。4將整體資訊的背景色彩改成桃紅色。第 5 頁活動照片活動名稱 團隊專業成長- Gif 動態影像處理活動時間 93/12/29活動地點 電腦教室參加人數 資訊種子
4、團隊合計共 7 人活動內容 軟體與 GIF 動畫原理簡介第 6 頁活動照片活動名稱 團隊專業成長- Gif 動態影像處理活動時間 93/12/29活動地點 電腦教室參加人數 資訊種子團隊合計共 7 人活動內容 利用動畫精靈，快速完成 GIF 動畫第 7 頁活動照片活動名稱 團隊專業成長- Gif 動態影像處理活動時間 93/12/29活動地點 電腦教室參加人數 資訊種子團隊合計共 7 人活動內容 利用動畫精靈，快速完成 GIF 動畫第 8 頁活動照片活動名稱 團隊專業成長- Gif 動態影像處理活動時間 93/12/29活動地點 電腦教室參加人數 資訊種子團隊合計共 7 人活動內容 調整速度、
5、位置，再製、刪除畫格，加上橫幅文字第 9 頁活動照片活動名稱 團隊專業成長- Gif 動態影像處理活動時間 93/12/29活動地點 電腦教室參加人數 資訊種子團隊合計共 7 人活動內容 調整速度、位置，再製、刪除畫格，加上橫幅文字第 10 頁第 11 頁課程教材內容：一、軟體與 GIF 動畫原理簡介：軟體：友立資訊 Ulead GIF Animator 5，如果已經安裝 PhotoImpact 8 的學員，上述軟體就已經安裝了，打開 Ulead GIF Animator 5，請建立一個捷徑在桌上， Ulead GIF Animator 5的圖示按右鍵=傳送到 =桌面當作捷徑。GIF 動畫原理
6、簡介：將 按右鍵=另存圖片於桌面上，GIF Animator=檔案= 開啟影像= 查詢下拉選項選桌面= 找到剛剛存檔的 apple.gif=開啟，開啟之後就懂囉，原來它的主要原理就是利用人類眼睛的視覺暫留現象，在預設的時間下結合多張圖檔輪播呈現。二、利用動畫精靈，快速完成 GIF 動畫。（一）操作步驟：按右鍵另存圖片，將此三個圖檔存於桌面=GIF Animator=檔案=動畫精靈= 動畫精靈 -設定底框大小的對話框中，寬度、高度皆填入 32（三個小蘋果的原始大小為 2932，不要小於此寬高）=下一步= 新增影像=查詢下拉選項選桌面= 將03、04、05 三張圖檔連續點選起來（利用 Shift
7、鍵連選或 Ctrl 鍵跳選）=開啟=下一步=下一步 =完成=檔案=另存新檔=GIF 檔= 桌面=檔案名稱 apple01第 12 頁（二）完成的影像：這樣就簡單快速的完成一張 GIF 動畫囉！（三）操作詳解：1. 03 至 05 的圖檔是將 apple.gif 的第一畫格另存之後，再利用 PhotoImpact 影像處理。 2. 將 apple.gif 動畫的第一畫格存檔：點選 1:畫格=檔案=另存新檔= 影像畫格=存於桌面，影像畫格只能存成 jpg 檔案，請將它命名為 apple01=儲存。 3. 開啟 PhotoImpact=檔案=開啟舊檔=桌面=開啟 apple01.jpg=顯示比例調為
8、400%=魔術棒工具 =點選蘋果以外的空白，無法連續點選可以在模式的地方點選+=在圖示上按右鍵=改選未選取部份=這樣就可以將蘋果選取囉！4. 再利用百寶箱的特效圖庫的色彩調整，調出三種不同的蘋果色調。 5. GIF 動畫製作要注意每張圖檔的寬、高一定要相同，否則合成之後會很突兀。 6. GIF 動畫是多張圖檔連續播放，所以圖檔不宜過大，否則瀏覽太慢且不順暢。 7. GIF Animator 5 常常會配合 PhotoImpact 一起使用，所以可以事先在編輯=最愛的影像編輯程式中，新增加入。 三、調整速度、位置，再製、刪除畫格，加上橫幅文字：1. GIF Animator=開啟 apple01
9、.gif=左鍵壓住第一畫格不放拖向第二畫格=第一畫格按右鍵=再製畫格=左鍵壓住第二畫格不放拖向第四畫格= 第三畫格按右鍵=刪除畫格。 2. 選取所有畫格=按右鍵 =畫格內容= 延遲改為 40（數字越大，動畫轉換播放也越慢）=確定。 3. 第二畫格按右鍵=新增橫幅文字 =在對話框的文字設定中輸入文字 =設定好字型、文字大小、文字顏色=點選特效，將進場、離場特效設定好 =畫格控制、霓虹燈有需要都可以勾選= 開始預覽 =停止預覽=滿意即可、不滿意重新選擇特效。 4. 確定=建立成橫幅文字 =檔案=另存新檔=GIF 檔=檔名 apple02=儲存，OK 囉！ 第 13 頁四、利用視訊特效：1. GIF
10、 Animator=開啟 03.gif=選擇一個背景顏色（鏤空罩的地方會使用背景色彩） 2. 視訊特效=選擇一個特效，設定好畫格、延遲時間、柔邊、框線的粗細顏色等=確定=將 1:畫格填上背景色（配合使用 PhotoImpact）=調整一下每一個畫格的時間。 3. 檔案=另存新檔=GIF 檔=檔名 apple03=儲存，OK 囉！ 六、建立移動的精靈：圖一 圖二 1. GIF Animator=檔案= 開啟影像=開啟一張背景圖（找不到可下載圖一） 2. 檔案=新增影像（新增的影像要比背景小） =可新增靜態的也可新增動態的（可下載圖二）=利用對齊 來調整新增小圖的位置，也可利用 畫格，將不同畫格的
11、物件調成一致來調整=調整時間，如果數張畫格的時間都要設定相同，那可以利用 Shift或者 Ctrl 鍵挑選之後再設定。 3. 再加入教過的新增=橫幅文字，就可以完成一個在背景上面移動的小精靈動畫檔，還有炫炫的文字效果喔！ 七、視訊 GIFs，使用視訊的一部份來建立 GIF 動畫：1. 開啟 GIF Animator=檔案= 開啟視訊。 2. 點選欲開啟的視訊=接著按一下期間 3. 使用預覽視窗和視訊控制項來捲動至您要使用開始標記和結束標記按鈕來標記欲選取的視訊部分。第 14 頁o 拉動滑桿到欲開始的影像(B)位置，按下開始標記紐(D)標註開始位置。 o 拉動滑桿到欲結束的影像(C)位置，按下結束標記紐(E)標註結束位置。 o BC 段就是欲擷取的影像範圍。4. 標出您想要使用的影像部分之後，請按確定來關閉期間對話方塊，回到新增視訊對話方塊內，再按一下確定 ，您選擇的畫格就會載入 GIF Animator 中。5. 可縮小畫格，讓動畫檔案變小，編輯=調整影像大小 =維持寬高比勾選起來，改變寬，高自動等比改變=檔案= 另存新檔=GIF 檔=命名存檔=完成囉！
