第一章ps基礎(chǔ)知識(shí)色彩與圖片ppt課件

1、色彩基本認(rèn)識(shí)2008 年年9月月2位圖與矢量圖 矢量圖 可自由的放大、縮小或改變其中某個(gè)區(qū)段的顏色而不會(huì)失真 線條簡(jiǎn)單的圖案 Adobe Illustrator、CorelDraw、Freehand、Flash 位圖 記錄沒一點(diǎn)的顏色與一些格式的辨識(shí)資料 連續(xù)色調(diào)的圖形，如人物、風(fēng)景等照片 Photoshop2008 年年9月月3比較比較 位圖位圖矢量圖矢量圖特征特征較能表現(xiàn)色彩濃度與層次可展示清晰線條和層次用途用途照片或者復(fù)雜圖像文字或商標(biāo)圖像縮放圖像縮放結(jié)果結(jié)果易失真不易失真制作制作3D圖像圖像不可以可以文件文件大小大小較大較小常用的常用的文件文件格式格式bmp、psd、tiff、gif、

2、jpegeps、dxf、ps、wmf 位圖與矢量圖 4分辨率分辨率分辨率是圖像的一個(gè)重要概念，用來衡量圖像的細(xì)節(jié)表分辨率是圖像的一個(gè)重要概念，用來衡量圖像的細(xì)節(jié)表現(xiàn)力和技術(shù)參數(shù)，一般有：圖像分辨率，顯示器分辨率、現(xiàn)力和技術(shù)參數(shù)，一般有：圖像分辨率，顯示器分辨率、掃描儀分辨率，打印機(jī)分辨率。掃描儀分辨率，打印機(jī)分辨率。圖像分辨率是指每英寸圖像所含的點(diǎn)或者像素。圖像文圖像分辨率是指每英寸圖像所含的點(diǎn)或者像素。圖像文件的大小和分辨率成正比。件的大小和分辨率成正比。像素是構(gòu)成圖像的最基本單位，是一個(gè)虛擬的單位，只像素是構(gòu)成圖像的最基本單位，是一個(gè)虛擬的單位，只存在與電腦中。不管是位圖還是矢量圖，在屏幕

3、上都會(huì)存在與電腦中。不管是位圖還是矢量圖，在屏幕上都會(huì)顯示為像素，一個(gè)像素只有一種顏色。顯示為像素，一個(gè)像素只有一種顏色。5色彩基本認(rèn)識(shí)色彩基本認(rèn)識(shí)hfwang6光與色彩 n1666年，牛頓用三棱鏡分解太陽光，發(fā)現(xiàn)看似無色的光線，經(jīng)過三棱鏡時(shí)，會(huì)依其波長(zhǎng)和折射關(guān)系， 依序分為紅、橙、黃、綠、藍(lán)、靛、紫七色光 hfwang7光與色彩n色光三原色 RGBn紅 Redn綠 Greenn藍(lán) Bluen0 255 (256 階)n0 最暗，255 最強(qiáng)(亮)n加色法 n越加越亮白三種色光都加到最強(qiáng)時(shí)，白色三種色光都加到最強(qiáng)時(shí)，白色量化hfwang8光與色彩n色料三原色 ( 印刷工業(yè)色 CMYK )n天青

4、 Cyann洋紅 Magentan黃 Yellown黑 Blackn0% 100%n100% 最濃n減色法n越加越暗黑 三種色料都加到最濃時(shí)，黑色三種色料都加到最濃時(shí)，黑色四色印刷黑？黑？量化hfwang9練習(xí)圖 (1)n1_cmy.psd n圖層面板 打開眼睛n1_RGB.psdn圖層面板 打開眼睛hfwang10練習(xí)圖 (2)n0_cmy.psd n移動(dòng)工具、選取圖層n0_rgb.psdhfwang11光與色彩RGBCMYK 注意到?jīng)]？注意到?jīng)]？ 互為補(bǔ)色！互為補(bǔ)色！hfwang12光與色彩光 的物理特性：波長(zhǎng)：產(chǎn)生色相的區(qū)別波長(zhǎng)短的偏藍(lán)，波長(zhǎng)長(zhǎng)的偏紅振幅：產(chǎn)生明暗的區(qū)別振幅大的偏亮，振幅

5、小的偏暗hfwang13【練習(xí)】光與色彩A AB B【問】哪一個(gè)波的光較偏藍(lán)？哪一個(gè)較亮？hfwang14光與色彩人類的視覺機(jī)能：眼睛的 桿狀細(xì)胞：對(duì)光線的 明暗 有感應(yīng)眼睛的 錐狀細(xì)胞：含有感受 紅、綠、藍(lán) 光三原色的細(xì)胞色盲？ hfwang15光與色彩一般人眼中的草莓一般人眼中的草莓紅綠色盲者眼中的草莓紅綠色盲者眼中的草莓 你能拍出一部從色盲者眼中看世界的電影嗎？你能拍出一部從色盲者眼中看世界的電影嗎？hfwang16色彩三屬性n色相 Huen色彩的相貌，不同的相貌各有其名稱，如：紅色，黃色等，黑白無色相，要著色必須先變成灰度值n明度 Value 、Brightnessn即色彩的明暗程度，

6、光線反射率多時(shí)明度較高 n彩度 Chroma、Saturation n色彩的飽和程度或純度 (有時(shí)英文用字不太一樣有時(shí)英文用字不太一樣)hfwang17色彩三屬性n色相、明度、彩度三種不同的稱呼nHVC：Hue、Value 、 ChromanHSV：Hue、Saturation 、ValuenHSB：Hue、Saturation 、 BrightnessnHSB是基于人眼的一種顏色模式，每一種顏色都對(duì)應(yīng)一種媒介。n打開PS中的拾色器就是以HSB的方式在提取顏色 (有時(shí)英文用字不太一樣有時(shí)英文用字不太一樣)hfwang18色彩三屬性 - 明度n在無彩度中，明度最高是白色，最低是黑色，其間為各種深

7、淺的灰色低明度高明度hfwang19色彩三屬性 - 彩度n純色彩度最高，混色不論白、灰、黑或有彩色越多越降低其彩度低彩度高彩度hfwang20練習(xí)：色彩三屬性【問】以下哪一色的 明度 較高？哪一色的彩度 較高？A. 40% 純紅 60% 白B. 60% 純紅 40% 黑hfwang21色彩三要素n處理結(jié)果：改變像素的色彩值n色彩三要素 ： H色相、S彩度、 B明度2008 年年9月月22改變像素的色彩值：明度 色彩三要素： H色相、S彩度、 B明度原圖B 明度 (Brightness)：很暗 很亮2008 年年9月月23改變像素的色彩值：彩度 色彩三要素： H色相、S彩度、 B明度原圖S 飽和

8、度：灰度艷麗2008 年年9月月24改變像素的色彩值：色相 色彩三要素： H色相、S彩度、 B明度原圖H 色相Hue好奇妙的色相變化喔！hfwang25練習(xí)：色彩三屬性【問】灰度的圖含有色彩資訊嗎？CS3hfwang26色彩三屬性 - 色相色相環(huán)之一例hfwang27色彩模型 之一例 - 色立體n將色彩的三屬性，予以系統(tǒng)的排列，組成一個(gè)三度空間的立體形狀色彩分類結(jié)構(gòu)圖：n以明度為垂直軸，愈上方明度越高n以彩度為水平軸，愈接近明度軸彩度越低n色相環(huán) hfwang28色彩種類n無彩色n黑、灰、白 n有彩色n即色相上所列之色彩，如紅、黃、藍(lán)等 n獨(dú)立色n即印刷上所謂的特別色如金、銀、螢光色等 hfw

9、ang29色彩三屬性n調(diào)來調(diào)去，都是在調(diào)這三屬性尤其是明暗對(duì)比(色階)！就好像一白遮三醜，明暗對(duì)比適當(dāng)了，影像品質(zhì)也就差不多了！2008 年年9月月30日常照片的常見處理：調(diào)整明暗對(duì)比雖然拍得不好但萬一還是要用，也可以處理看看喔！明暗階調(diào)明暗階調(diào)真的很重要真的很重要hfwang31練習(xí)：色彩三屬性nPhotoshop 影像 調(diào)整 色相飽和度 hfwang32通道 (Channel)和色彩模式 (Mode)通道是儲(chǔ)存不同類型資通道是儲(chǔ)存不同類型資訊的灰階圖像：訊的灰階圖像：當(dāng)你打開新的圖像時(shí)，當(dāng)你打開新的圖像時(shí)，會(huì)自動(dòng)建立色彩資訊會(huì)自動(dòng)建立色彩資訊通道通道 。圖像的色彩模。圖像的色彩模式式 (M

10、ode)決定了建決定了建立的彩色通道數(shù)目。立的彩色通道數(shù)目。例如，例如， RGB 圖像有四圖像有四個(gè)預(yù)設(shè)通道：其中三個(gè)預(yù)設(shè)通道：其中三個(gè)分別用于紅色、綠個(gè)分別用于紅色、綠色和藍(lán)色，再加上一色和藍(lán)色，再加上一個(gè)編輯圖像的復(fù)合通個(gè)編輯圖像的復(fù)合通道。道。灰階灰階 = 程度！程度！第一段第一段再看一次再看一次hfwang33視圖 通道 (Channel)RGB 模式時(shí)：模式時(shí)：3 色版色版CMYK 模式時(shí)：模式時(shí)：4 色版色版給我給我 3 MB 空間空間那給我那給我 4 MB34圖像的色彩深度也就是說, 有展現(xiàn)多少色的能耐！嗚我只有 12 色的我有 36 色的雄獅蠟筆！我有水彩隨便我要調(diào)什麼顏色！h

11、fwang35色彩深度 (位元) 1 位元黑白黑白 2 色變化 8 位元灰階256 色灰階變化16 位元高彩65,536 種色彩變化24 位元全彩16,777,216 種色彩變化- 8 位元索引色最多 256 種變化同樣長(zhǎng)寬時(shí), 在不壓縮情況下檔案大小的比較, 就看位元的倍數(shù) hfwang36色彩深度 - 1 位元 (bit)21=2黑白 2 色變化 雖然只有 2 色，竟然沒有想像中單調(diào)也能有典雅的感覺hfwang37色彩深度 - 2 位元 (bits)22=4黑灰白 4 階變化 色階還很明顯的不連續(xù)hfwang38色彩深度 - 8 位元 (bits)28=256如為灰度, 有256階變化當(dāng)您

12、的眼睛已分辨不出一階階時(shí)連續(xù)色調(diào)和觀看距離之遠(yuǎn)近有關(guān)hfwang3928=256請(qǐng)複誦三次！hfwang40Photoshop CS 版16 位元 (Bits/Channel)28=256216=65,536 232=65,536 x 65,536 =? CS3hfwang41【問】灰階與黑白樣嗎？hfwang42 色彩深度 - 24 位元 (bits) 28 x 28 x 28=16,777,216 (1千6百多萬) RGB 大自然色彩遠(yuǎn)超過這個(gè)， 不過在螢?zāi)簧?，諒你的眼睛也沒厲害到都分辨的出來色光三原色各用 256 階表示其強(qiáng)度hfwang43【問】色彩深度 - 16位元(bits)通道2

13、8=256216=65,536 216 x 216 x 216= = (224 x 224 )= 16,777,216 x 16,777,216 (快算不出了) RGB 如果每個(gè)通道不只256階，而是更細(xì)緻的65,536 階呢？hfwang44【問】不壓縮的位圖有多大？n長(zhǎng) x 寬 x 色彩深度n例：1024 x 768 x 3 Bytes = 2.25 MBn那n一張 300 dpi 全開的研討會(huì)或電影海報(bào)呢？還真大還真大 hfwang45【問】這么多色彩，該如何精確表達(dá)？色名色彩的表達(dá)茶花紅海棠紅枸杞紅滿江紅潤(rùn)紅緋紅n雞血石紅n猩猩紅n曙色n芙蓉紅n落霞紅n朱紅看了古時(shí)候這些色看了古時(shí)候這

14、些色名，你能想像那到名，你能想像那到底是什麼色嗎底是什麼色嗎? ? hfwang46【問】這么多色彩，該如何精確表達(dá)？n幾種主要的色彩值表示方式10 進(jìn)位式：0255H: 360度式度式百分比式16 進(jìn)位式：00FFhfwang47中場(chǎng)練習(xí)n 顏色的設(shè)定nPhotoshop hfwang48色彩深度 - 索引色 index color最多 256 色網(wǎng)頁上常用的 GIF 圖就是屬于這種。因?yàn)轭伾?，所以圖像可以壓縮到很小。從 2 色到最多 256 色hfwang49色彩深度 - 索引色4 色 (10 K)8 色 (14 K)顏色雖然少，但也許會(huì)有特別的風(fēng)格喔可以從1千6百多萬色中，任意挑選出所

15、要顏色hfwang50色彩深度 - 索引色你的 4 色我的 4 色(Windows 和 Mac 的色盤也未必相同)但，同樣挑四個(gè)顏色，我挑的和你挑的未必相同hfwang51既然每個(gè)人挑的顏色都不見得相同網(wǎng)頁安全色彩216色）全彩全彩網(wǎng)頁安全色彩網(wǎng)頁安全色彩顏色少多了，而且色階明顯地不連續(xù)大家都一樣從這216種顏色裡挑吧hfwang52網(wǎng)頁安全色彩216色） n網(wǎng)頁的色彩表示用 “RRGGBB” 16進(jìn)制，每色由 “00” （最暗至 “FF” （最亮） n網(wǎng)頁的安全色彩為 R、G、B 值各為以下6 種值之一：n“00”、 “33”、 “66”、 “99”、 “CC”、 “FF” n共 6 6 6

16、 216 hfwang53【聯(lián)絡(luò)】以16進(jìn)制表示以下色彩n網(wǎng)頁的色彩表示 “RRGGBB” 16進(jìn)制表示法 (0F)000000666666ccccccFFFFFF0000FF00FF00FF0000hfwang54色域 (gamut) 你掃描后的圖片，螢?zāi)簧系纳?，和原來的圖片樣嗎？ 你螢?zāi)簧系臋n案，印出來後，色彩和螢?zāi)簧系臉訂幔?同樣這個(gè)圖片，你從這臺(tái)CRT螢?zāi)簧峡矗?和拿到另臺(tái)液晶螢?zāi)簧峡矗蕵訂幔?. ，色彩樣嗎？樣嗎？樣嗎？不同種類的設(shè)備，有不同的 “色域” ！為什麼不樣？為什麼不樣？hfwang55色域 (gamut)RGBCMYLab重要概念重要概念n色光類的設(shè)備，為 RGB

17、色域n色料類 (要印出來的) 的設(shè)備，為 CMY 色域nLab 被視為一種與裝置無關(guān)的色彩模型，包含所有的可見色彩n不同種類的設(shè)備，有不同的 色域 ！hfwang56色域 (gamut)不同種類的設(shè)備，有不同的 “色域” ！螢?zāi)粧呙杵鲾?shù)位相機(jī)印表機(jī)印刷機(jī)各種裝置和文件的色域范圍A. Lab 色域 (整個(gè)可見光譜)B. 文件 (使用中色域)C. 裝置hfwang57色彩管理n色彩管理的緣起n盡量維持從輸入到輸出色彩之一致性n色彩不一致的原因n色域色彩空間不一n設(shè)備呈色性質(zhì)不一n設(shè)備元件良窳不一別奢望你那便宜的印表機(jī)印出來的顏色，會(huì)和螢?zāi)簧峡吹囊粯恿?008 年年9月月58留意：逝者難追n舍棄的資

18、訊、細(xì)節(jié)再也回不來n例：彩色 灰階 or 黑白 彩色？nRGB CMYK RGB？n大張 小張 大張？網(wǎng)頁上的圖像，網(wǎng)頁上的圖像，通常已舍棄通常已舍棄大量資訊！大量資訊！ 嗄嗄 那不就那不就好不了好不了hfwang59圖像格式大比拼存成什麼存成什麼格式好呢格式好呢 我我! 我我!選我選我!我啦我啦!hfwang60三大網(wǎng)頁圖像格式的火拼GIFJPGPNG既然不壓縮的既然不壓縮的檔很大，那就檔很大，那就壓縮吧壓縮吧 hfwang61你的圖像性質(zhì)是n照片n通常是 JPG n全彩 (色調(diào)連續(xù)，膚色自然)n美工(卡通)圖案n通常是 GIF 檔n最多256 色 (色塊明顯)hfwang62三大網(wǎng)頁圖像格

19、式nGIF圖形交替格式圖形交替格式(Graphics Interchange Format) n是全球資訊網(wǎng)和其他線上服務(wù)上，在超文是全球資訊網(wǎng)和其他線上服務(wù)上，在超文字標(biāo)記語言字標(biāo)記語言 (HTML) 文件中顯示索引色圖文件中顯示索引色圖像和影像常用的檔案格式。像和影像常用的檔案格式。nGIF 是一種是一種 LZW 壓縮的格式，可以最小壓縮的格式，可以最小化檔案大小和電子傳輸?shù)臅r(shí)間?；瘷n案大小和電子傳輸?shù)臅r(shí)間。nGIF 格式可以保留索引色影像中的透明，格式可以保留索引色影像中的透明，但卻不能支援但卻不能支援 Alpha 色版。色版。 本段直接摘自本段直接摘自 Photoshop 7 說明說明

20、 少講一個(gè)很重要的：少講一個(gè)很重要的：最多最多 256 256 色！色！hfwang63三大網(wǎng)頁圖檔格式nJPEG 靜態(tài)影像壓縮標(biāo)準(zhǔn)靜態(tài)影像壓縮標(biāo)準(zhǔn)(Joint Photographic Experts Group) n是全球資訊網(wǎng)和其他線上服務(wù)上，在超文字標(biāo)記語言是全球資訊網(wǎng)和其他線上服務(wù)上，在超文字標(biāo)記語言 (HTML) 文件中顯示照片和其他連續(xù)色調(diào)影像常用的格式。文件中顯示照片和其他連續(xù)色調(diào)影像常用的格式。BMP 格式格式支援支援CMYK、RGB和灰階色彩模式，且不支援和灰階色彩模式，且不支援 Alpha 色版。色版。n與與 GIF 格式不同的是，格式不同的是，JPEG 會(huì)保留會(huì)保留 RGB 影像中所有的顏色影像中所有的顏色資訊，但會(huì)選擇性地放棄資料以壓縮檔案大小。資訊，但會(huì)選擇性地放棄資料以壓縮檔案大小。 nJPEG 影像會(huì)在開啟時(shí)自動(dòng)地解除壓縮。較高的壓縮層級(jí)會(huì)導(dǎo)影像會(huì)在開啟時(shí)自動(dòng)地解除壓縮。較高的壓縮層級(jí)會(huì)導(dǎo)致影像的品質(zhì)較低，而較低的壓縮層級(jí)會(huì)導(dǎo)致影像品質(zhì)較佳。致影像的品質(zhì)較低，而較低的壓縮層級(jí)會(huì)導(dǎo)致影像品質(zhì)較佳。n在多數(shù)的情況下，最大的品質(zhì)選項(xiàng)製造的結(jié)果，與原始影在多數(shù)的情況下，最大的品質(zhì)選項(xiàng)製造的結(jié)果，與原始影像幾乎沒有差別。像幾乎沒有差別。本段直接摘自本段直接摘自 Photoshop 7 說明說明