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

Presentation on theme: "影像處理軟身操 數位影像的基本觀念與實作 劉明玲主講."— Presentation transcript:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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