2006年10月2006年10月.ppt

2001/12/03 多媒體設計班　何謂數位影像處理 世新大學　王秀芬 色彩基本認識 2006 年 10 月 Hsiu-fen Wang 大 綱 色彩基本認識 先玩一下 光與色彩 1666年，牛頓以三稜鏡分解太陽光，發現看似無色的光線，經過三稜鏡時，會依其波長和折射關係， 依序分為紅、橙、黃、綠、藍、靛、紫七色光 光與色彩 色光三原色 RGB 紅 Red 綠 Green 藍 Blue 0 ~ 255 (256 階) 0 最暗，255 最強(亮) 加色法 越加越亮﹙白﹚ 光與色彩 色料三原色 ( 印刷工業色 CMYK ) 天青 Cyan 洋紅 Magenta 黃　 Yellow 黑　 Black 0% ~ 100% 100% 最濃 減色法 越加越暗﹙黑﹚ 光與色彩 RGB CMYK 光與色彩 光 的物理性質： 波長： 產生色相的區別 波長短的偏藍，波長長的偏紅 振幅： 產生明暗的區別 振幅大的偏亮，振幅小的偏暗 【練習】光與色彩 光與色彩 人類的視覺機能： 眼睛的 桿狀細胞：對光線的 明暗 有感應 眼睛的 錐狀細胞：含有感受 紅、綠、藍 光三原色的細胞﹙色盲？﹚ 光與色彩 一般人眼中的草莓 紅綠色盲者眼中的草莓 色彩三屬性 色相 Hue 色彩的相貌，不同的相貌各有其名稱 明度 Value 、Brightness 即色彩的明暗程度，光線反射率多時明度較高 彩度 Chroma、Saturation 色彩的飽和程度或純粹度 色彩三屬性 色相、明度、彩度三種不同的稱呼 HVC：Hue、Value 、 Chroma HSV：Hue、Saturation 、Value HSL：Hue、Saturation 、 Lightness 何謂 “數位影像處理”？ 處理結果：改變像素的色彩值 色彩三要素 ： H色相、S彩度、 B明度 改變像素的色彩值：明度 色彩三要素： H色相、S彩度、 B明度 改變像素的色彩值：彩度 色彩三要素： H色相、S彩度、 B明度 改變像素的色彩值：色相 色彩三要素： H色相、S彩度、 B明度 色彩三屬性 -- 明度 在無彩度中，明度最高是白色，最低是黑色，其間為各種深淺的灰色 色彩三屬性 -- 彩度 純色彩度最高，混色（不論白、灰、黑或有彩色）越多越降低其彩度 練習：色彩三屬性 【問】 以下哪一色的 明度 較高？哪一色的 彩度 較高？ 　　　A. 40% 純紅＋ 60% 白 　　　B. 60% 純紅＋ 40% 黑 練習：色彩三屬性 【問】灰階的圖含有色彩資訊嗎？ 色彩三屬性 -- 色相 色彩模型 之一例 -- 色立體 將色彩的三屬性，予以系統的排列，組成一個三度空間的立體形狀色彩分類結構圖： 以明度為垂直軸，愈上方明度越高 以彩度為水平軸，愈接近明度軸彩度越低 色相環 色彩種類 無彩色 黑、灰、白 有彩色 即色相上所列之色彩，如紅、黃、藍等 獨立色 即印刷上所謂的「特別色」如金、銀、螢光色等 色彩三屬性 調來調去，都是在調這三屬性… 日常照片的常見處理：調整明暗對比 練習：色彩三屬性 Photoshop→ 影像→ 調整→ 色相／飽和度 數位影像的色彩深度 也就是說, 有展現多少色的能耐！ 色彩深度 (位元) 1 位元 黑　白 黑白 2 色變化 8 位元 灰　階 256 色灰階變化 16 位元 高　彩 65,536 種色彩變化 24 位元 全　彩 16,777,216 種色彩變化 ----------------------------------------------------------- 8 位元 索引色 最多 256 種變化 色彩深度 -- 1 位元 (bit) 21=2 黑白 2 色變化 色彩深度 -- 2 位元 (bits) 22=4 黑灰白 4 階變化 色彩深度 -- 8 位元 (bits) 28=256 如為灰階, 有256 階變化 【問】灰階與黑白ㄧ樣嗎？ 色彩深度 -- 24 位元 (bits) 28 x 28 x 28 =16,777,216 (1千6百多萬) 【問】色彩深度 -- 16位元(bits)色版 28=256 216=65,536 【問】不壓縮的點陣圖有多大？ 長 x 寬 x 色彩深度 例：1024 x 768 x 3 Bytes = 2.25 MB 那~ 　一張海報呢？ 請另參考【檔案大小的計算】 【問】這麼多色彩，該如何精確表達？ 色名／色彩的表達 茶花紅 海棠紅 枸杞紅 滿江紅 潤紅 緋紅 雞血石紅 猩猩紅 曙色 芙蓉紅 落霞紅 朱紅 【問】這麼多色彩，該如何精確表達？ 幾種主要的色彩值標示方式 10 進位式：0~255 中場練習 顏色的設定 Photoshop 色彩深度