37
111/03/30 CYVS Chi-Hsiu Wa ng 1 數數數數數數數 數數數數數數數 I I 數數 數數 影影影影影影 影影影影影影 嘉嘉嘉嘉 嘉嘉嘉 111/03/30

數位化資料處理 I 數位 影像處理概論

Embed Size (px)

DESCRIPTION

數位化資料處理 I 數位 影像處理概論. 嘉義高商 王啟修 2014/11/21. 大綱. 影像處理的意義 影像處理的應用 數位影像的定義 數位影像的基本要素 像素 影像類型 影像格式 色彩類型 色彩模式 解析度. 影像處理是什麼?. 「影像處理」 ? 高深的學問?專業的美工?程式設計? 反正透過軟體把影像圖片弄成跟原本的不一樣,就可以叫做「影像處理」了!. 影像編修. 版面設計. 格式改變. 特效. 影像合成. 影像處理是什麼?. 數位影像處理應用. 調整色彩. 320X240 像素. 160X120 像素. 數位影像處理應用. - PowerPoint PPT Presentation

Citation preview

Page 1: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 1

數位化資料處理 數位化資料處理 II數位數位影像處理概論影像處理概論

嘉義高商 王啟修 112/04/19

Page 2: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 2

大綱大綱影像處理的意義影像處理的應用數位影像的定義數位影像的基本要素

像素影像類型影像格式色彩類型色彩模式解析度

Page 3: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 3

影像處理是什麼?影像處理是什麼?「影像處理」?

高深的學問?專業的美工?程式設計?反正透過軟體把影像圖片弄成跟原本的不一樣,就可以叫做「影像處理」了!

Page 4: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 4

影像處理是什麼?影像處理是什麼?

影像編修

影像合成

版面設計 格式改變

特效

Page 5: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 5

數位影像處理應用數位影像處理應用

調整色彩

Page 6: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 6

數位影像處理應用數位影像處理應用

影像大小改變

320X240 像素

160X120 像素

Page 7: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 7

數位影像處理應用數位影像處理應用

影像裁剪

Page 8: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 8

數位影像處理應用數位影像處理應用

特效

Page 9: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 9

數位影像處理應用數位影像處理應用

合成

Page 10: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 10

數位影像處理應用數位影像處理應用

看圖說故事

Page 11: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 11

數位影像的意義數位影像的意義什麼是數位影像?

想一下,數位相機跟傳統相機有什麼不同?以數位資料儲存之影像圖片

O & 1

影像數位化的好處容易修改不佔空間容易保存易在網路上傳輸網頁設計

Page 12: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 12

數位影像的來源數位影像的來源

Page 13: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 13

數位影像的基本要素數位影像的基本要素 -- 像素像素像素 (Pixel)

我們在電腦螢幕上所看到的圖片,其實是由許多細微的小格點所組成的,我們把這些小格點稱為『像素』。影像大小 (Image Size)

影像尺寸大小以像素點為單位例如一張圖片的大小是 300X200( 寬 X 高 )300X200=60000 點,這張圖片就有 6 萬個像素點ex: 200 萬像素的數位照相手機

Page 14: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 14

數位影像的基本要素數位影像的基本要素 -- 像素像素

您的電腦桌面有多少像素?( 桌面空白處按右鍵 ) > 內容 > 設定值 > 螢幕設定 1024 x 768

Page 15: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 15

數位影像的基本要素數位影像的基本要素 -- 像素像素1024 x 768 是什麼意思?

1024 個

768 個

Page 16: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 16

數位影像的基本要素數位影像的基本要素 -- 解析度解析度

解析度有三種:螢幕解析度影像解析度印表機解析度

Page 17: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 17

解析度解析度

螢幕解析度就是螢幕的可見範圍,螢幕可以看到多少點(像素)

影像解析度 PPI就是圖形每英吋包含多少個像素點越大的話代表同樣的圖形大小越精緻

印表機解析度 DPI印表機列印出來的圖每英吋有幾個墨點

Page 18: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 18

數位影像的基本要素數位影像的基本要素 -- 影像類影像類型型

影像類型:儲存數位影像的表示方法最常見有兩種方法:向量圖點陣圖

Page 19: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 19

數位影像的基本要素數位影像的基本要素 -- 影像類影像類型型

向量式 點陣式畫面特性 以幾何圖形構成 只有點沒有線和面

表示方式 以幾何數學運算為基礎 ,紀錄座標及數學式

靠著這些像素一點一點複雜地排列組合,慢慢地疊出一張畫面依照解析度的大小記錄每一點的顏色,及格式的辨識資料

Page 20: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 20

數位影像的基本要素數位影像的基本要素 -- 影像類影像類型型

向量式 點陣式優點 1.可隨意放大縮小

及變形2. 儲存空間小3. 處理速度快

1. 可作各式影像處理2. 效果逼真3. 用途廣泛

缺點 表現不規則內容的影像時十分困難

1. 資料量大2.放大後會有鋸齒狀

Page 21: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 21

影像類型影像類型

點陣圖 向量圖

Page 22: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 22

影像類型影像類型到底該用什麼類型 ?

點陣適合用於製作影像處理的東西連續色調的圖形,如人物、風景等照片製作上需考慮解析度的問題PhtoImpact 、 Photoshop 製作出來的圖檔

向量則適於製作線條簡單的圖案商標、標誌、字型、卡通、插畫、排版處理方便、省空間、適於印刷及編輯CorelDraw 、 Illustrator 、 AutoCad 、 Flash 等軟體製作出來的檔案屬之

Page 23: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 23

數位影像的基本要素數位影像的基本要素 -- 色彩類色彩類型型

黑白灰階16 色256 色全彩

Page 24: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 24

色彩類型 – 黑白色彩類型 – 黑白

單色一個像素只有黑或白兩種情形只需要一個位元便可以表示一個像素的顏色資訊

Page 25: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 25

色彩類型 – 灰階色彩類型 – 灰階256 灰階由黑白兩色構成,但是依明暗度分成 256 個層次,因此稱為 256 灰階一個像素要能表示 256 種不同的黑白明暗度需要 8 個位元 (28=256)

Page 26: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 26

色彩類型 – 色彩類型 – 1616 色色最簡單的彩色模式表示 16 種顏色的狀況需要 4 個位元

(24=16)

調色盤

Page 27: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 27

色彩類型 – 色彩類型 – 256256 色色是一般彩色影像最常採用的模式要表示 256 種不同顏色,和 256 灰階一樣,一個像素需要 8 個位元全彩則使用了 32bit 來表達顏色

代表共有 232顏色可以用來表示

Page 28: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 28

色彩類型色彩類型

黑白 灰階

Page 29: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 29

色彩類型色彩類型

16色 256色 全彩

Page 30: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 30

數位影像的基本要素數位影像的基本要素 -- 色彩模色彩模式式

RGB 色彩模型CMYK 色彩模型HSB 色彩模型

Page 31: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 31

色彩模式色彩模式 - - RGB RGB 色彩模型色彩模型色光三原色 RGB紅 Red綠 Green藍 Blue

0 ~ 255 (256 階 )

0 最暗, 255 最強 (亮 )

加色法 越加越亮﹙白﹚

Page 32: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 32

色彩模式色彩模式 - - CMYK CMYK 色彩模型色彩模型色料三原色 ( 印刷工業色 CMYK )天青 Cyan洋紅 Magenta黃  Yellow黑  Black

0% ~ 100%100% 最濃

減色法越加越暗 ( 黑 )

Page 33: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 33

色彩模式色彩模式 - - HSB HSB 色彩模型色彩模型

HSB 模式以人類視覺感知來描述色彩色相 Hue (H)

色彩的相貌,也就是顏色名稱,如紅、藍、綠飽和度 Saturation (S)

色彩的飽和程度或純粹度明度 Brightness (B)即色彩的明暗程度,光線反射率多時明度較高

Page 34: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 34

數位影像的基本要素數位影像的基本要素 -- 影像格影像格式式

影像格式 - 儲存數位影像的檔案類型BMP

JPG

GIF

PNG

TIF

UFO

Page 35: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 35

影像格式影像格式BMP 檔直接儲存未經處理的資料,體積十分龐大微軟公司所提出的點陣圖格式原本專門用在 Windows 作業系統

JPG 檔網際網路及數位影像中最常運用的檔案類型將原始影像壓縮過,省略影像中變化較細微的部分,故檔案大小較小

Page 36: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 36

影像格式影像格式GIF

網頁上常用的圖形格式可以存成透明圖、交錯圖、和動畫,且提供「非破壞性壓縮」缺點:最多只能儲存 256 色的色彩數

PNG 檔採非破壞性壓縮,減少檔案的體積時也保有影像原本的品質用來取代 GIF 格式,結合了 JPG 與 GIF 的優點

Page 37: 數位化資料處理  I 數位 影像處理概論

112/04/19 CYVS Chi-Hsiu Wang 37

影像格式影像格式TIF 檔

影像處理界普遍支援的圖檔格式適用於印刷輸出可以跨平台,大多數的影像處理軟體及排版軟體都會支援 TIF 圖檔

UFO 檔PhotoImpact 專用的檔案格式適合用來儲存未完成的影像處理工作,或是當成已完成的作品備份