影像處理軟身操 數位影像的基本觀念與實作 劉明玲主講

何謂「數位影像」？ 能在電腦上看見的影像，都可以稱為「數位影像」。 數位影像可以從以下的方式取得： 透過掃描器掃描取得 透過數位相機拍攝取得 購買合法的光碟圖庫 從網路上抓取 自製影像 劉明玲整理設計

數位影像處理常見的名詞 像素(Pixel) 組成影像的最小單位。 從螢幕上看到的畫面，都是由許許多多的小格點所組成的，這些小格點就稱之為像素。 解析度 數位影像圖片每單位長度上像素點的數目。常見的表現方式有「pixel/inch」、「pixel/cm」二種，但是一般都是以英吋(inch)為主要單位，因此，解析度也可以說是每一英吋中所擁有像素點的數目(簡稱ppi)。 劉明玲整理設計

數位影像的類型 點陣圖 (Bitmap Images) 一個一個像素所組成的圖片。 優點：每個像素都包含特定的影像資料，所以顏色可以表現得十分細緻。 缺點：點陣圖放大，格點也會放大。 向量圖 (Vector Graphics) 由點線面所構成的幾何圖形物件，再由電腦去記錄這些幾何圖形構成的公式、彎曲的數值與色彩的比例。 優點：放大縮小都不會產生鋸齒。 缺點：顏色表現不如點陣圖細緻。 劉明玲整理設計

數位影像的色彩類型 黑白模式 256色灰階模式 16色模式 256色模式 全彩模式 全彩模式是影像處理軟體所採用的主要顏色模式，所有影像理相關的指令及功能，也只有在這個模式下才會全部被啟動成可用狀態。 劉明玲整理設計

數位影像的色彩模式 RGB模式 分別由紅、綠、藍三原色所組成的色彩模式。 CMYK模式 CMYK是分色印刷時所用的基本顏色，也就是所謂的印刷四色：青(cyan)、洋紅(magenta) 、黃(yellow) 、黑(black) 。 HUS模式 利用色相(hue 色彩的種類)、彩度(saturation 顏色的飽和度)、明亮度(brightness 色彩明亮的程度)三種顏色屬性所組成。 劉明玲整理設計

數位影像的壓縮 破壞型壓縮 (jpg檔) 特色：壓縮比例很大，可以很快的將影像檔案變小。但是壓縮過度會破壞影像品質，圖片失真。 非破壞型壓縮 (tga檔) 特色：可使影像在不失真的情況下讓檔案變小 色盤壓縮 (gif檔) 特色：使構成數位影像檔的顏色數，由全彩降為256色或更低的顏色數，進而降低檔案大小的一種運算方式。 劉明玲整理設計

常用的數位影像檔案格式 BMP 無法壓縮全彩的影像，存檔後檔案會很大。 GIF 最多只能儲存256色，全彩的影像是無法存成GIF格式的。 JPEG 可調整式破壞式的壓縮，壓縮率可非常大。 PNG 非破壞型壓縮且支援全彩影像，可製作透明背景的圖形。 UFO PhotoImpact專屬的檔案格式，UFO提供了保留物件的功能，以便日後可加以重新編修。 劉明玲整理設計

認識PhotoImpact三大物件系統 PhotoImpact是以「物件」為基礎的影像處理軟體。 「物件」是指浮在基底影像或背景影像上的圖層。 影像物件系統 文字物件系統 向量物件路徑系統 劉明玲整理設計

數位影像的實作(一) 自製浪漫桌布 這個範例您會學習到的功能有…… ‧儲存網頁圖檔 ‧在PhotoImpact開啟舊檔 ‧切換圖形視窗 ‧選取區→全部 ‧編輯→複製 ‧編輯→貼上 ‧右鍵→內容→透明度 ‧右鍵→合併 ‧另存新檔 劉明玲整理設計

數位影像的實作(二) 螞蟻轉轉轉(一) 這個範例您會學習到的功能有…… ‧在PhotoImpact開啟舊檔 ‧工具箱→標準選取工具 ‧拖曳選取區至視窗外→開成新視窗 ‧右鍵→合併 ‧工具箱→筆刷 ‧工具箱→標準選取工具→魔術棒 ‧右鍵→轉成物件 ‧右鍵→複製到物件資料庫 劉明玲整理設計

數位影像的實作(二) 螞蟻轉轉轉(二) 這個範例您會學習到的功能有…… ‧在PhotoImpact開啟新檔 ‧百寶箱→獨家資料庫→拖曳物件至新視窗 ‧右鍵→內容→位置與大小 ‧工具箱→變形工具→旋轉 ‧複製→按ctrl鍵輔助 ‧工具箱→文字工具 ‧右鍵→全部合併 ‧工具箱→標準選取工具 劉明玲整理設計

數位影像的實作(二) 螞蟻轉轉轉(三) 這個範例您會學習到的功能有…… ‧編輯→剪裁 ‧格式→尺寸 ‧檔案→儲存檔案 劉明玲整理設計

數位影像的實作(三) 圖文並茂的可愛字 這個範例您會學習到的功能有…… ‧工具箱→文字工具 ‧物件→轉換物件類型 ‧工具箱→路徑編輯工具 ‧屬性工具列→切換鈕 ‧點選局部路徑→刪除路徑 ‧工具箱→挑選工具 ‧百寶箱→獨家資料庫→拖曳物件至新視窗 ‧右鍵→全部合併 ‧檔案→儲存檔案 ㄥ 劉明玲整理設計

數位影像的實作(四) 金光閃閃的名牌(一) 這個範例您會學習到的功能有…… ‧工具箱→路徑繪圖工具 ‧屬性工具列→形狀→自訂形狀 ‧屬性工具列→模式→3D弧面 ‧百寶箱→物料圖庫→凹凸→沙子 ‧右鍵→再製 ‧屬性工具列→模式→3D圓管 ‧百寶箱→物料圖庫→金屬 ‧按shift鍵同時點選兩個以上的物件 ‧工具箱→挑選工具→屬性工具列 ㄥ 劉明玲整理設計

數位影像的實作(四) 金光閃閃的名牌(二) 這個範例您會學習到的功能有…… ‧工具箱→路徑繪圖工具 ‧屬性工具列→形狀→自訂形狀 ‧右鍵→再製 ‧按shift鍵同時點選兩個以上的物件 ‧工具箱→挑選工具→屬性工具列 ‧工具箱→變形工具→翻轉與旋轉 ‧右鍵→群組 ‧工具箱→文字工具 ‧檔案→存成UFO檔 ㄥ 劉明玲整理設計

數位影像的實作(五) 超夢幻的情人(一) 這個範例您會學習到的功能有…… ‧工具箱→路徑繪圖工具 ‧屬性工具列→形狀→自訂形狀 ‧右鍵→柔化 ‧右鍵→轉成物件 ‧拖曳物件至新視窗 ㄥ 劉明玲整理設計

數位影像的實作(五) 超夢幻的情人(二) 這個範例您會學習到的功能有…… ‧百寶箱→遮罩資料庫 ‧右鍵→柔化 ‧右鍵→轉成物件 ‧拖曳物件至新視窗 ㄥ 劉明玲整理設計

數位影像的實作(五) 超夢幻的情人(三) 這個範例您會學習到的功能有…… ‧右鍵→全部 ‧右鍵→轉成物件 ‧編輯→遮罩模式 ‧工具箱→線性漸層填充工具 ‧調整填充色彩工具鈕 ‧拖曳滑鼠 ‧回到正常編輯模式 ‧拖曳物件至新視窗 ㄥ 劉明玲整理設計

數位影像的實作(六) 抓住現場的歡樂時刻 這個範例您會學習到的功能有…… ‧數位相機的使用 ‧擷取出數位相機的影像 ‧開啟舊檔 ‧格式→尺寸 ‧儲存檔案 ㄥ 劉明玲整理設計

數位影像的實作(七) 留住美好的記憶 這個範例您會學習到的功能有…… ‧掃描器的使用 ‧開啟舊檔 ‧格式→尺寸 ‧儲存檔案 劉明玲整理設計 ㄥ 劉明玲整理設計

數位影像的實作(八) 元件設計師超好用 這個範例您會學習到的新功能有…… ‧網路→元件設計師 ‧匯出→影像最佳化程式 ‧製作透明圖 ‧存成 gif 檔案格式 ㄥ 劉明玲整理設計

數位影像的實作(九) 網頁圖形的製作(一)：首頁 這個範例您會學習到的新功能有…… ‧開新檔案→web背景，795X420的檔案 ‧右鍵→對齊 ‧利用範本資料庫的元件 ‧工具箱→線條與箭頭工具→Spline曲線 ‧右鍵→環繞 ‧網路→影像切割 ‧檔案→儲存web→存成HTML ㄥ 劉明玲整理設計

數位影像的實作(十) 網頁圖形的製作(二)：主題頁 這個範例您會學習到的新功能有…… ‧開新檔案→web背景，795X420的檔案 ‧工具箱→路徑編輯工具→圓角矩形 ‧百寶箱→影像資料庫 ‧網路→影像切割 ‧檔案→存成UFO檔 ‧檔案→儲存web→存成HTML ㄥ 劉明玲整理設計

數位影像的實作(十一) 利用網頁範本製作簡易網頁 這個範例您會學習到的新功能有…… ‧上友立資訊網 ‧下載PhotoImpact範本 ‧利用範本快速建立網頁 ‧網路→影像切割 ‧檔案→存成UFO檔 ‧檔案→儲存web→存成HTML ㄥ 劉明玲整理設計

數位影像的再學習 利用網站自我學習 PhotoImpact 利用書籍自我學習 ‧友立資訊網 (http://www.ulead.com.tw ) ‧友立教育網 (http://www.eduhome.com.tw) 利用書籍自我學習 ‧Homepage100%網頁製作情報 電腦家庭出版 ‧PhotoImpact 6 影像私樂園 旗標出版 ‧就醬子搞定PhotoImpact 6 上奇出版 ㄥ 劉明玲整理設計