1 / 49

色 彩 學 概 說

色 彩 學 概 說. 課程大綱. 色彩 & 數位影像. 色彩基本認識. 色彩的感覺與配色. 色彩計畫. 色彩基本認識. 光與色彩. 1666 年，牛頓以 三稜鏡 分解太陽光，發現看似無色的光線，經過三稜鏡時，會依其波長和折射關係， 依序分為紅、橙、黃、綠、藍、靛、紫七色光. 光與色彩. 光的物理性質： 振幅： 產生 明暗 的區別 振幅 大 的偏 亮 ，振幅 小 的偏 暗 波長： 產生 色 相的區別 波長 短 的偏 藍 ，波長 長 的偏 紅. A. B. 光與色彩. 【 練習 】 以下哪一個較亮？哪一個較偏藍？. 光與色彩. 人類的視覺機能：

ezra-quinn
Download Presentation

色 彩 學 概 說

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 色 彩 學 概 說

  2. 課程大綱 色彩 & 數位影像 色彩基本認識 色彩的感覺與配色 色彩計畫

  3. 色彩基本認識

  4. 光與色彩 • 1666年，牛頓以三稜鏡分解太陽光，發現看似無色的光線，經過三稜鏡時，會依其波長和折射關係， 依序分為紅、橙、黃、綠、藍、靛、紫七色光

  5. 光與色彩 光的物理性質： • 振幅： • 產生明暗的區別 • 振幅大的偏亮，振幅小的偏暗 • 波長： • 產生色相的區別 • 波長短的偏藍，波長長的偏紅

  6. A B 光與色彩 【練習】以下哪一個較亮？哪一個較偏藍？

  7. 光與色彩 人類的視覺機能： • 桿狀細胞：對光線的 明暗 有感應 • 錐狀細胞：含有感受 紅、綠、藍 光三原色的細胞

  8. 光與色彩 • 色光三原色 RGB • 紅 Red • 綠 Green • 藍 Blue • 加色法

  9. 光與色彩 • 色料三原色 ( 印刷工業色CMYK ) • 天青 Cyan • 洋紅 Magenta • 黃　 Yellow • 黑　 Black • 減色法

  10. RGB CMYK 光與色彩 註：互為補色

  11. 色彩三屬性 • 色相Hue • 色彩的相貌，不同的相貌各有其名稱 • 明度Value • 即色彩的明暗程度，光線反射率多時明度較高 • 彩度Chroma、Saturation • 色彩的飽和程度或純粹度

  12. 色彩三屬性 -- 色相

  13. 色彩三屬性 -- 明度 • 在無彩度中，明度最高是白色，最低是黑色，其間為各種深淺的灰色 高明度 低明度

  14. 色彩三屬性 -- 彩度 • 純色彩度最高，混色（不論白、灰、黑或有彩色）越多越降低其彩度 低彩度 高彩度

  15. 色彩三屬性 • 色相、明度、彩度三種不同的稱呼 • HVC：Hue、Value 、 Chroma • HSV：Hue、Saturation 、Value • HSL：Hue、Saturation 、 Lightness

  16. 色彩三屬性 【練習】 • 以下哪一色的 明度 較高？哪一色的 彩度 較高？ A. 40% 純紅＋60% 白 B. 60% 純紅＋40% 黑

  17. 色彩三屬性 -- 練習 • Photoshop→ 影像→ 調整→色相／飽和度

  18. 色彩種類 • 無彩色 • 黑、灰、白 • 有彩色 • 即色相上所列之色彩，如紅、黃、藍等 • 獨立色 • 即印刷上所謂的「特別色」如金、銀、螢光色等

  19. 色彩模型 -- 色立體 • 將色彩的三屬性，予以系統的排列，組成一個三度空間的立體形狀色彩分類結構圖： • 以明度為垂直軸，愈上方明度越高 • 以彩度為水平軸，愈接近明度軸彩度越低 • 色相環

  20. 色彩模型 • 三維模型 • CIE Lab 模型 • CIE Yxy 模型 • 詳見【AGFA-色彩管理的奧秘】光碟解說

  21. 色彩 & 數位影像

  22. 色彩深度 1位元 黑　白 黑白 2色變化 8位元 灰　階 256色灰階變化 16位元 高　彩65,536種彩色變化 24位元 全　彩16,777,216種彩色變化 ---------------------------------------------------------- 8位元 索引色 最高 256種變化

  23. 色彩深度 -- 1 位元 21=2 黑白 2 色變化

  24. 色彩深度 -- 2 位元 22=4 黑灰白 4 階變化

  25. 色彩深度 -- 8 位元 28=256 256 灰階變化

  26. 色彩深度 -- 24 位元 28x 28x 28 =16,777,216

  27. 色彩深度 -- 索引色 最多 256 色

  28. 色彩深度 -- 練習 • 顏色的設定 • Photoshop

  29. 色彩深度 -- 練習 • Photoshop →影像 →模式　→RGB、索引色、CMYK • Photoshop →影像 →模式　→ 灰階、雙色調、點陣圖

  30. 網頁安全色彩（216色） • 網頁的色彩標示採 “RRGGBB” 16進位制，每色由 “00” （最暗）至 “FF” （最亮） • 網頁的安全色彩為 R、G、B值各為以下6 種值之一： • “00”、 “33”、 “66”、 “99”、 “CC”、 “FF” • 共 6 × 6× 6＝216 《參考》color.htm

  31. 網頁的色彩標示採 “RRGGBB” 16進位制表示法 (0~F) 色彩的選擇 000000 FF0000 999999 00FF00 cccccc FFFFFF 0000FF

  32. 色彩管理 • 色彩管理的緣起 • 儘量維持從輸入到輸出色彩之一致性 • 色彩不一致的原因 • 設備元件良窳不一 • 設備呈色性質不一 • 色域 • 詳見【AGFA-色彩管理的奧秘】光碟解說

  33. 色彩的感覺與配色

  34. 畫家的色盤 • 左拉 • 印象派、點描派 • 透過加法混色來達成視覺混合的效果 • 馬諦思 • 野獸派 • 強烈的色彩【例】紅色的臉，綠色的暗部 • 畢卡索 • 藍色時期、粉紅色時期、 …

  35. 民俗的色彩 • 中國 • 宮廟：紅牆綠瓦 • 民間：白牆黑瓦 • 埃及 • 阿拉伯 • ….

  36. 色彩調和 單一色相　　同色系　　 類似色系

  37. 對比色系　　　　　　補色系 色彩調和

  38. 多色相 　　　三色調和　　　　　　四色調和 色彩調和

  39. 色彩感覺 • 暖／寒 • 興奮／沉靜 • 前進／後退 • 輕／重 • 強／弱

  40. 色彩搭配練習 -- 填色遊戲 練習：color_task

  41. 色彩計畫

  42. 何謂色彩計畫？ • 將對色彩的知識與配色技巧，應用到實際的設計工作上 • 目的：美化生活、產品行銷

  43. 偏好色調查 【問】一般人什麼用品喜歡買什麼顏色？

  44. 產品的色彩 • 手錶 • 手機 • 汽車 • …

  45. 產品的色系

  46. 產品的色系

  47. 產品的色系 【練習】請為一組 T 恤產品配色…

  48. 你可以根據下列名稱，想像出它的顏色嗎？ 巧克力蛋白杏仁色 咖啡蜂蜜色 霜白咖啡色 龍舌蘭日出色 東方色 泡泡糖色 西瓜色 天使粉紅色 黃金寶貝色 產品的色系 -- 色彩名稱 ？ 資料來源：化妝品型錄

  49. 【參考書籍】 色彩計劃 鄭國裕、林磐聳 編著﹝藝風堂，88年7月﹞ 數位影像色彩管理 徐法坤 著﹝龍溪圖書，1999年7月﹞ 色彩 王荔 譯﹝三民，89年2月﹞

More Related