美术PPT课件色彩基本知识
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Alpha 色版建立和儲存遮色片，遮色片可以讓您處理、隔離和保護影像的特定部份。除了支援 Photoshop 中的 Alpha 色版外，您還
。 可以在 ImageReady 中，以 Alpha 色版形式儲存、載入及刪除選取範圍
您可以建立特別色色版，用來指定以特別色油墨列印時的其他
印版。
看三次就看得懂的 真是天才…
色相 Hue
– 色彩的相貌，不同的相貌各有其名稱
明度 Value 、Brightness
– 即色彩的明暗程度，光線反射率多時明度較 高
彩度 Chroma、Saturation
– 色彩的飽和程度或純粹度
(有時英文用字不太一樣)
色彩三屬性
色相、明度、彩度三種不同的稱呼
– HVC：Hue、Value 、 Chroma – HSV：Hue、Saturation 、Value – HSL：Hue、Saturation 、 Lightness
低彩度
高彩度
練習：色彩三屬性
【問】 以下哪一色的 明度 較高？ 哪一色的 彩度 較高？ A. 40% 純紅＋ 60% 白 B. 60% 純紅＋ 40% 黑
練習：百度文库彩三屬性
【問】灰階的圖含有色彩資訊嗎？
CS3
色彩三屬性 -- 色相
色相環之一例
色彩模型 之一例 -- 色立體
將色彩的三屬性，予以系統的排列，組成 一個三度空間的立體形狀色彩分類結構圖：
原圖
S 飽和度：灰階←→鮮豔
改變像素的色彩值：色相
– 色彩三要素： H色相、S彩度、 B明度
原圖
H 色相﹙Hue﹚
好奇妙的色 相變化喔！
色彩三屬性 -- 明度
在無彩度中，明度最高是白色，最低是黑 色，其間為各種深淺的灰色
低明度
高明度
色彩三屬性 -- 彩度
純色彩度最高，混色（不論白、灰、黑或 有彩色）越多越降低其彩度
A B
光與色彩
人類的視覺機能：
– 眼睛的 桿狀細胞： 對光線的 明暗 有感應
– 眼睛的 錐狀細胞： 含有感受 紅、綠、藍 光三 原色的細胞 ﹙色盲？﹚
光與色彩
http://www.vischeck.com 一般人眼中的草莓 紅綠色盲者眼中的草莓
你能拍出一部從色盲者眼中看世界的電影嗎？
色彩三屬性
麼顏色！
一種色彩，各自表述？
數位影像中，如何量化色彩值？ (共識、通用語言)
《雲門舞集舞作》數位典藏計畫 http://cloudgate.e-lib.nctu.edu.tw/
色彩深度 (位元)
同樣長寬時, 在不壓縮情況下 檔案大小的比較, 就看位元的倍數…
1 位元 黑 白 黑白 2 色變化 8 位元 灰 階 256 色灰階變化 16 位元 高 彩 65,536 種色彩變化 24 位元 全 彩 16,777,216 種色彩變化 ----------------------------------------------------------8 位元 索引色 最多 256 種變化
加色法
– 越加越亮﹙白﹚
三種色光都加到最強時，白色
光與色彩
色料三原色 ( 印刷工業色 CMYK )
– 天青 Cyan
– 洋紅 Magenta
– 黃 Yellow
– 黑 Black
黑？？
四色印刷
0% ~ 100%
– 100% 最濃 量化
減色法
– 越加越暗﹙黑﹚
三種色料都加到最濃時，黑色
光與色彩
RGB
多了！
日常照片的常見處理：調整明暗對比
雖然拍得不好 但萬一還是要用， 也可以處理看看喔！
明暗階調 真的很重要…
練習：色彩三屬性
Photoshop → 影像→ 調整→ 色相／飽和度
也就是說, 有展現多少色的能耐！
數位影像的色彩深度
我有 36 色的 雄獅蠟筆！
嗚~~ 我只有 12 色的…
我有水彩 隨便我要調什
Photoshop CS 說 明
第一段 再看一次
色彩模式 (Mode)
色版是儲存不同類型資訊 的灰階影像： 灰階
= 程度！
當您開啟新的影像時，會自
動建立色彩資訊色版 。影
像的色彩模式決定了建立的 彩色色版數目。
– 例如， RGB 影像有四個預設 色版：其中三個分別用於紅色、 綠色和藍色，再加上一個編輯 影像的複合色版。
– 以明度為垂直軸，愈上方明度越高 – 以彩度為水平軸，愈接近明度軸彩度越低 – 色相環
色彩種類
無彩色
– 黑、灰、白
有彩色
– 即色相上所列之色彩， 如紅、黃、藍等
獨立色
– 即印刷上所謂的「特別色」 如金、銀、螢光色等
色彩三屬性
調來調去，都是在調這三屬性…
尤其是明暗對比 (色階)！
就好像一白遮三醜， 明暗對比適當了， 影像品質也就差不
色彩基本認識
大綱
色彩基本認識 數位影像 & 色彩深度
色彩的感覺與配色 色彩計畫
色彩基本認識
先玩一下
練習檔 (1)
1_cmy.psd
– 圖層面板 > 打開眼睛 – 色彩增值 multiply
1_RGB.psd
– 圖層面板 > 打開眼睛 – 濾色 screen
練習檔 (2)
0_cmy.psd
– 移動工具、選取圖層
(有時英文用字不太一樣)
何謂 “數位影像處理”？
處理結果：改變像素的色彩值
– 色彩三要素 ： H色相、S彩度、 B明度
改變像素的色彩值：明度
– 色彩三要素： H色相、S彩度、 B明度
原圖
B 明度 (Brightness)：很暗 ←→ 很亮
改變像素的色彩值：彩度
– 色彩三要素： H色相、S彩度、 B明度
0_rgb.psd
光與色彩
1666年，牛頓以三稜鏡分解 太陽光，發現看似無色的光 線，經過三稜鏡時，會依其
波長和折射關係， 依序分
為紅、橙、黃、綠、藍、靛、 紫七色光
光與色彩
色光三原色 RGB
– 紅 Red
– 綠 Green
– 藍 Blue
量化
0 ~ 255 (256 階)
– 0 最暗，255 最強(亮)
視窗 > 色版 (Channel)
RGB 模式時：3 色版
CMYK 模式時：4 色版
給我 3 MB 空間
那給我 4 MB…
光與色彩
光 的物理性質：
波長：
– 產生色相的區別 – 波長短的偏藍，波長長的偏紅
振幅：
– 產生明暗的區別 – 振幅大的偏亮，振幅小的偏暗
【練習】光與色彩
【問】哪一個波的光較偏藍？哪一個較亮？
CMYK
注意到沒？ 互為補色！
色版 (Channel)
色版是儲存不同類型資訊的灰階影像：
當您開啟新的影像時，會自動建立色彩資訊色版 。影像的色 彩模式 (Mode)決定了建立的彩色色版數目。
– 例如， RGB 影像有四個預設色版：其中三個分別用於紅色、綠色和
藍色，再加上一個編輯影像的複合色版。
您可以建立 Alpha 色版，將選取範圍儲存為灰階影像。您可以使用
。 可以在 ImageReady 中，以 Alpha 色版形式儲存、載入及刪除選取範圍
您可以建立特別色色版，用來指定以特別色油墨列印時的其他
印版。
看三次就看得懂的 真是天才…
色相 Hue
– 色彩的相貌，不同的相貌各有其名稱
明度 Value 、Brightness
– 即色彩的明暗程度，光線反射率多時明度較 高
彩度 Chroma、Saturation
– 色彩的飽和程度或純粹度
(有時英文用字不太一樣)
色彩三屬性
色相、明度、彩度三種不同的稱呼
– HVC：Hue、Value 、 Chroma – HSV：Hue、Saturation 、Value – HSL：Hue、Saturation 、 Lightness
低彩度
高彩度
練習：色彩三屬性
【問】 以下哪一色的 明度 較高？ 哪一色的 彩度 較高？ A. 40% 純紅＋ 60% 白 B. 60% 純紅＋ 40% 黑
練習：百度文库彩三屬性
【問】灰階的圖含有色彩資訊嗎？
CS3
色彩三屬性 -- 色相
色相環之一例
色彩模型 之一例 -- 色立體
將色彩的三屬性，予以系統的排列，組成 一個三度空間的立體形狀色彩分類結構圖：
原圖
S 飽和度：灰階←→鮮豔
改變像素的色彩值：色相
– 色彩三要素： H色相、S彩度、 B明度
原圖
H 色相﹙Hue﹚
好奇妙的色 相變化喔！
色彩三屬性 -- 明度
在無彩度中，明度最高是白色，最低是黑 色，其間為各種深淺的灰色
低明度
高明度
色彩三屬性 -- 彩度
純色彩度最高，混色（不論白、灰、黑或 有彩色）越多越降低其彩度
A B
光與色彩
人類的視覺機能：
– 眼睛的 桿狀細胞： 對光線的 明暗 有感應
– 眼睛的 錐狀細胞： 含有感受 紅、綠、藍 光三 原色的細胞 ﹙色盲？﹚
光與色彩
http://www.vischeck.com 一般人眼中的草莓 紅綠色盲者眼中的草莓
你能拍出一部從色盲者眼中看世界的電影嗎？
色彩三屬性
麼顏色！
一種色彩，各自表述？
數位影像中，如何量化色彩值？ (共識、通用語言)
《雲門舞集舞作》數位典藏計畫 http://cloudgate.e-lib.nctu.edu.tw/
色彩深度 (位元)
同樣長寬時, 在不壓縮情況下 檔案大小的比較, 就看位元的倍數…
1 位元 黑 白 黑白 2 色變化 8 位元 灰 階 256 色灰階變化 16 位元 高 彩 65,536 種色彩變化 24 位元 全 彩 16,777,216 種色彩變化 ----------------------------------------------------------8 位元 索引色 最多 256 種變化
加色法
– 越加越亮﹙白﹚
三種色光都加到最強時，白色
光與色彩
色料三原色 ( 印刷工業色 CMYK )
– 天青 Cyan
– 洋紅 Magenta
– 黃 Yellow
– 黑 Black
黑？？
四色印刷
0% ~ 100%
– 100% 最濃 量化
減色法
– 越加越暗﹙黑﹚
三種色料都加到最濃時，黑色
光與色彩
RGB
多了！
日常照片的常見處理：調整明暗對比
雖然拍得不好 但萬一還是要用， 也可以處理看看喔！
明暗階調 真的很重要…
練習：色彩三屬性
Photoshop → 影像→ 調整→ 色相／飽和度
也就是說, 有展現多少色的能耐！
數位影像的色彩深度
我有 36 色的 雄獅蠟筆！
嗚~~ 我只有 12 色的…
我有水彩 隨便我要調什
Photoshop CS 說 明
第一段 再看一次
色彩模式 (Mode)
色版是儲存不同類型資訊 的灰階影像： 灰階
= 程度！
當您開啟新的影像時，會自
動建立色彩資訊色版 。影
像的色彩模式決定了建立的 彩色色版數目。
– 例如， RGB 影像有四個預設 色版：其中三個分別用於紅色、 綠色和藍色，再加上一個編輯 影像的複合色版。
– 以明度為垂直軸，愈上方明度越高 – 以彩度為水平軸，愈接近明度軸彩度越低 – 色相環
色彩種類
無彩色
– 黑、灰、白
有彩色
– 即色相上所列之色彩， 如紅、黃、藍等
獨立色
– 即印刷上所謂的「特別色」 如金、銀、螢光色等
色彩三屬性
調來調去，都是在調這三屬性…
尤其是明暗對比 (色階)！
就好像一白遮三醜， 明暗對比適當了， 影像品質也就差不
色彩基本認識
大綱
色彩基本認識 數位影像 & 色彩深度
色彩的感覺與配色 色彩計畫
色彩基本認識
先玩一下
練習檔 (1)
1_cmy.psd
– 圖層面板 > 打開眼睛 – 色彩增值 multiply
1_RGB.psd
– 圖層面板 > 打開眼睛 – 濾色 screen
練習檔 (2)
0_cmy.psd
– 移動工具、選取圖層
(有時英文用字不太一樣)
何謂 “數位影像處理”？
處理結果：改變像素的色彩值
– 色彩三要素 ： H色相、S彩度、 B明度
改變像素的色彩值：明度
– 色彩三要素： H色相、S彩度、 B明度
原圖
B 明度 (Brightness)：很暗 ←→ 很亮
改變像素的色彩值：彩度
– 色彩三要素： H色相、S彩度、 B明度
0_rgb.psd
光與色彩
1666年，牛頓以三稜鏡分解 太陽光，發現看似無色的光 線，經過三稜鏡時，會依其
波長和折射關係， 依序分
為紅、橙、黃、綠、藍、靛、 紫七色光
光與色彩
色光三原色 RGB
– 紅 Red
– 綠 Green
– 藍 Blue
量化
0 ~ 255 (256 階)
– 0 最暗，255 最強(亮)
視窗 > 色版 (Channel)
RGB 模式時：3 色版
CMYK 模式時：4 色版
給我 3 MB 空間
那給我 4 MB…
光與色彩
光 的物理性質：
波長：
– 產生色相的區別 – 波長短的偏藍，波長長的偏紅
振幅：
– 產生明暗的區別 – 振幅大的偏亮，振幅小的偏暗
【練習】光與色彩
【問】哪一個波的光較偏藍？哪一個較亮？
CMYK
注意到沒？ 互為補色！
色版 (Channel)
色版是儲存不同類型資訊的灰階影像：
當您開啟新的影像時，會自動建立色彩資訊色版 。影像的色 彩模式 (Mode)決定了建立的彩色色版數目。
– 例如， RGB 影像有四個預設色版：其中三個分別用於紅色、綠色和
藍色，再加上一個編輯影像的複合色版。
您可以建立 Alpha 色版，將選取範圍儲存為灰階影像。您可以使用