动画图档的制作.ppt

* / 44 LAB 3 開啟PhotoImpact Album10 建立新相簿：檔案→開新檔案 相簿範本→一般用途 標題→jiaming-lake 確定 * / 44 LAB 3 6. 跳出插入檔案視窗→選擇從資料夾插入檔案→確定 7. 選擇範例檔中的photo資料夾裡的40張圖→插入 * / 44 LAB 3 8. 完成jiaming-lake相簿建立 * / 44 LAB 3 9. 編輯→全選 10.選擇右邊選項→ 匯出Web投影片秀 匯出Web投影片秀 * / 44 LAB 3 相關設定-輸出 在此選擇投影片產生後的存放路徑 →選擇儲存位置E:est\ 按此可開始製作 * / 44 LAB 3 自動產生的網頁檔及小圖示GIF檔 將圖檔製作成投影片秀後，可在輸出資料夾內看到所產生的檔案 原先的圖檔會放在Image資料夾中 * / 44 LAB 3 自動產生的網頁檔及小圖示GIF檔 將圖檔製作成投影片秀後，可在輸出資料夾內看到所產生的檔案 原先的圖檔會放在Image資料夾中 * / 44 LAB 3 1.自動產生的網頁檔及小圖示GIF檔 將圖檔製作成投影片秀後，可在輸出資料夾內看到所產生的檔案 2.原先的圖檔會放在Image資料夾中 3.執行main.htm可看見成果 * / 44 LAB 3 可再做細項設定 * / 44 * * * * * * * * * * 動畫圖檔製作與運用 講師： 董建弘 陳鍶琦 日期： 96年7月5日 網頁圖檔簡介 動畫製作 動態HTML效果 製作相片投影片秀 網頁圖檔簡介 * / 44 網頁圖檔簡介 檔案格式 BMP GIF JPGE PNG * / 44 網頁圖檔簡介 BMP (Bit-Mapped) 壓縮 無 REL (Run-Length Encoding) REL4 REL8 優點 檔讀檔速度是最快 圖形品質最好 缺點 檔案十分龐大 沒有透明格式 應用 正方型圖片 按鈕 較小的背景圖 * / 44 網頁圖檔簡介 GIF (圖形交換格式) 壓縮 256色調色盤 REL (Run-Length Encoding) 256 188KB 32 94KB 4 34KB 全彩 769KB * / 44 網頁圖檔簡介 GIF (圖形交換格式) 壓縮 256色調色盤 REL (Run-Length Encoding) 優點 有透明及動畫的格式 較同規格(256色)的BMP還小 缺點 顏色流失 不適合作「會移動的圖形」 應用 不規則的圖形 按鈕 色彩簡單的背景圖 bmp gif * / 44 網頁圖檔簡介 JPEG (靜態影像壓縮標準) 壓縮 DCT (Discrete Cosine Transform) Q90 58KB Q50 24KB Q30 17KB 全彩 769KB * / 44 網頁圖檔簡介 JPEG (靜態影像壓縮標準) 壓縮 DCT (Discrete Cosine Transform) 優點 全彩壓縮 可自定壓縮比 漸進式呈現 * / 44 網頁圖檔簡介 JPEG (靜態影像壓縮標準) 壓縮 DCT (Discrete Cosine Transform) 優點 全彩壓縮 可自定壓縮比 漸進式呈現 缺點 圖形品質可能因壓縮而變差 沒有透明格式 應用 大型背景圖 照片 * / 44 網頁圖檔簡介 PNG 壓縮 全彩調色盤 優點 有透明格式 較同規格(256色)的BMP還小 無失真 缺點 圖形品質可能因壓縮而變差 無動畫格式 應用 不規則的圖形 按鈕 色彩簡單的背景圖 * / 44 網頁圖檔簡介 綜合比較 BMP GIF JPG PNG 不失真 透明 256色圖形 全彩圖形 動畫 大型圖檔 瀏覽器 GIF JPEG GIF動畫製作 * / 44 動畫製作 可以做透空設定 ─背景可設透明 可以在一個GIF檔內部，包含多個圖形 ─動態影像 * / 44 動畫製作 怎麼讓圖片動起來? GIF動畫製作 * / 44 LAB 1 特點 影像大小一樣 .GIF副檔名 小變化 製作兩張圖 * / 44 LAB 1 下載SUN.ufo檔案 .tw/~chtung/traininlab.zip 下載lab.zip 打開下載好的SUN.ufo檔案 存成背景為透明的.gif檔，命名為SUN1.gif 將太陽眼睛SIZE調整為高度10 將太陽的墨鏡位置往上移為110 做完56步驟後，另存新檔，命名為SUN2.gif * / 44 LAB 1 把兩張圖合起來 變成一張動畫圖 * / 44 LAB 1 開啟 選取動畫精靈 ，設定影像大小為300*300 * / 44 LAB 1 新增