29.1色彩的基础知识9.2色彩的管理Adobe拾色器颜色面板色板面板9.3吸管工具和油漆桶工具9.4渐变工具第9章图像的色彩39.1色彩的基础知识色彩的三要素色相、明度和纯度(饱和度)构成色彩的三要素。任何一种色彩都具有色相、明度和纯度三大属性。色相:色彩所呈现出来的质的面貌,是色彩种类的区别。如:红、橙、黄、绿、青、蓝、紫六色相。49.1色彩的基础知识色彩的三要素明度:指颜色的明暗或深浅程度。59.1色彩的基础知识色彩的三要素纯度:色彩鲜艳与纯净的程度,又称色彩的饱和度(由添加灰色像素的多少区分)69.1色彩的基础知识色彩的分类红绿蓝投影机、电视、电影都是根据色光三原色制成的。0-255,0最暗,255最亮加色法,越加越亮(白)色光三原色RGB7青洋红黄黑印刷是根据色光三原色制成的。0%-100%,100%最浓減色法,越加越暗(黑)9.1色彩的基础知识色料三原色色料三原色CMYK89.1色彩的基础知识色彩的分类有色系:红、橙、黄、绿、青、蓝、紫及它们之间的混和色无色系:黑、白、灰色系列99.1色彩的基础知识十二色相环紅紅橙黃橙黃黃綠藍綠藍藍紫紅紫109.1色彩的基础知识色彩关系相近色:色环中相邻的三种颜色。互补色:色环中相对的两种色彩,色相环180度对比,是最强对比。同种色:色相环相距15度以内的对比,是最弱对比。类似色:色相环相距30度左右的对比,是较弱对比。对比色:色相环相距120度左右的对比,是强对比11色环中相邻的颜色是相近色,配合在一起会给人调和与温柔的感觉相近色9.1色彩的基础知识12色环中相距120度左右的颜色是对比色,配合在一起会给人强烈与张力的感觉对比色9.1色彩的基础知识13对比色:红——绿橙——蓝黄——紫对比色9.1色彩的基础知识14綠色紫色9.1色彩的基础知识中性色15RGBCMYK注意到没?互为补色!互补色色环中180度对比的颜色,是最强对比。9.1色彩的基础知识169.1色彩的基础知识色彩关系暖色:阳光呈现红、橙、黄、等颜色,所以人们一看到红、橙、黄等色就联想到火热和烈日给人们的感受,故称“暖色”冷色:当人们看到绿、青蓝色时会与寒冷相联系.如冰川、海洋、夜空、树荫等179.1色彩的基础知识色彩关系暖色:阳光呈现红、橙、黄、等颜色,所以人们一看到红、橙、黄等色就联想到火热和烈日给人们的感受,故称“暖色”冷色:当人们看到绿、青蓝色时会与寒冷相联系.如冰川、海洋、夜空、树荫等18明度高的色彩給人輕巧感明度低的色彩給人沉重感色彩关系轻与重19明度高的色彩有膨胀感,明度高的暖色更为明显明度低的色彩有收縮感,明度低的冷色更更为明显色彩关系膨胀与收缩209.1色彩的基础知识色彩对比纯度对比补色对比冷暖对比色相对比明度对比219.1色彩的基础知识从十二色相环学调色+=黃多紅多+=藍多黃多+=紅多藍多229.1色彩的基础知识色彩的心理现象色彩心理的重要性色彩心理与年龄有关年龄高:冷色明度饱和度低年龄低:明度饱和度高色彩心理与性别有关男性:冷色或饱和度高的色彩(如黑.灰)→色调集中女性:暖色.饱和度较低的粉色及白色→色调分散色彩心理与种族有关中国:红黄蓝天蓝浅蓝美国:淡黄红明灰明蓝法国:黑灰红蓝绿白德国:黑白天蓝咖啡菲律宾:淡黄蓝绿印度:红黄蓝绿埃及:绿红黑蓝绿色彩与感情世界色彩的冷暖色彩的轻重感色彩的软硬感色彩的软硬感色彩的强弱感色彩的明快感与忧郁感色彩的兴奋感与沉静感色彩的华丽感与朴素感239.1色彩的基础知识色彩的感觉色彩的象征红——血、夕阳、火、热情、危险黄——黄金、黄菊、注意、光明绿——草木、安全、和平、理想、希望蓝——海洋、蓝天、沈静、忧郁、理性紫——高贵、神秘、优雅白——纯洁、朴素、神圣黑——夜、死亡、邪恶、严肃249.1色彩的基础知识色彩搭配终极配色手册25PS使用前景色来绘画、填充和描边选区,使用背景色来生成渐变填充和在图像已抹除的区域中填充。一些特殊效果滤镜也使用前景色和背景色。可以使用吸管工具、“颜色”面板、“色板”面板或Adobe拾色器指定新的前景色或背景色。提示:默认前景色是黑色,默认背景色是白色。9.2色彩的管理关于前景色和背景色26当前的前景色显示在工具箱上部的颜色选区框中,当前的背景色会显示在下部的框中。a.更改前景色(背景色),点按工具箱中靠上(靠下)的颜色选择框,然后在Adobe拾色器中选取一种颜色。b.反转前景色和背景色,点按工具箱中的“切换颜色”图标(X键)。c.恢复默认前景色和背景色,点按工具箱中的“默认颜色”图标。cba9.2色彩的管理在工具箱中选择颜色27可以通过从色谱中选取或者通过以数字形式定义颜色,在Adobe拾色器中选择颜色。通过Adobe拾色器,可以设置前景色、背景色和文本颜色。在Adobe拾色器中选择颜色时,会同时显示HSB、RGB、Lab、CMYK和十六进制数的数值。这对于查看各种颜色模式描述颜色的方式非常有用。9.2色彩的管理关于Adobe拾色器289.2色彩的管理关于Adobe拾色器29在HSB、RGB和Lab颜色模式下,使用“拾色器”对话框中的色域或颜色滑块来选择颜色。(1)点按HSB、RGB或Lab值旁的分量。(2)通过执行下列操作之一来选择颜色:沿滑块拖移白色三角形或在颜色滑块内点按。在色域内点按。当选择颜色时,会有一个圆形标记指出该颜色在色域中的位置。在使用色域和颜色滑块调整颜色时,会对数值进行相应的调整。9.2色彩的管理使用色域和颜色滑块指定颜色30可以在拾色器外部选择颜色。当将指针移到文档窗口上时,指针会变成“吸管”工具。然后,可以通过在图像中点按来选择颜色。选中的颜色将显示在Adobe拾色器中。在图像中点按,然后按住鼠标按钮移动,可将吸管工具移到桌面上的任何位置。可通过松开鼠标按钮来选择颜色。9.2色彩的管理使用色域和颜色滑块指定颜色31色域:指颜色系统可以显示或打印的颜色范围。对于CMYK设置而言,在RGB模式中显示的颜色可能会超出色域而无法打印。当将RGB图像转换为CMYK时,Photoshop会自动将所有颜色置于色域中。【识别图像中的溢色或手动进行校正】在RGB模式下,以下方式辨别颜色是否超出色域:在“信息”面板中,每当将指针移到溢色上,CMYK值的旁边都会出现一个惊叹号。当选择了一种溢色时,拾色器和“颜色”面板中都会出现一个警告三角形,并显示最接近的CMYK等价色。要选择CMYK等价色,点按该三角形或色块。可以使用“色域警告”命令来搜索溢色。9.2色彩的管理关于溢色32在拾色器中,可在不同颜色模型中使用数值指定颜色CMYK颜色模式:以青色、洋红、黄色和黑色的百分比指定每个分量的值RGB颜色模式:指定0到255之间的分量值(0是黑色,255是纯色)HSB颜色模式:以百分比指定饱和度和亮度,以0度到360度的角度(对应于色轮上的位置)指定色相“#”文本框:输入一个十六进制值。例如,000000是黑色,ffffff是白色,ff0000是红色Lab模式:输入0到100之间的亮度值(L)以及-128到+127之间的A值(绿色到洋红色)和B值(蓝色到黄色)。9.2色彩的管理使用数值指定颜色33使用Adobe拾色器可基于HSB(色相、饱和度、亮度)颜色模型选择颜色(默认模式)。H(色相)选项在颜色滑块中显示所有色相。在滑块中选择某个色相时,色域会显示该色相的饱和度和亮度范围,饱和度从左向右增加,亮度从下到上增加。9.2色彩的管理在HSB模式下使用拾色器34S(饱和度)选项在色域中显示所有色相,最大亮度位于色域的顶部,最小亮度位于底部。颜色滑块显示在色域中选中的颜色,最大饱和度位于滑块的顶部,最小饱和度位于底部。9.2色彩的管理在HSB模式下使用拾色器35B(亮度)选项在色域中显示所有色相,它们的最大饱和度位于色域的顶部,最小饱和度位于底部。颜色滑块显示在色域中选中的颜色,它的最大亮度位于滑块的顶部,最小亮度位于底部。9.2色彩的管理在HSB模式下使用拾色器36在RGB模式下,颜色滑块显示可用于选中的颜色分量(R、G或B)的色阶范围。色域显示其余两个分量的范围:一个在水平轴上,一个在垂直轴上。例如,如果点按红色分量(R),则颜色滑块显示红色的颜色范围(0位于滑块的底部,255位于顶部)。色域在其水平轴上显示蓝色的值,在其垂直轴显示绿色的值。(1)打开Adobe拾色器。(2)在该对话框的RGB部分中,执行操作。(3)可通过使用颜色滑块和色域的组合或者在R、G和B文本框中输入数值来选择RGB颜色。9.2色彩的管理在RGB模式下使用Adobe拾色器37使用Adobe拾色器,可基于Lab颜色模型选择颜色。L值用来指定颜色的亮度。A值指定颜色红或绿的程度。B值指定颜色蓝或黄的程度。(1)打开Adobe拾色器。(2)在该对话框的Lab部分中,执行操作。(3)通过使用颜色滑块和色域的组合或者在L、A和B文本框中输入数值来选择颜色。9.2色彩的管理在Lab模式下使用Adobe拾色器38Web安全颜色是在网络上浏览器中能看到的颜色,共有216种颜色,与平台无关。网络安全色的特点它们的十六进制数值中包含成对的00,33,66,99,CC,FF。例如:#3366cc网页的色彩标记采用是“RRGGBB”16进制,每色由“00”(最暗)至“FF”(最亮)9.2色彩的管理Web安全颜色39网页的色彩标记采用“RRGGBB”16进制表示法(0—F)000000666666ccccccFFFFFF0000FF00FF00FF0000Web安全颜色40选择拾色器左下角的“只有Web颜色”选项。选中此项后,所拾取的任何颜色都是Web安全颜色。9.2色彩的管理在Adobe拾色器中选择Web安全色大家都一样从这216种颜色里挑吧…41如果选择非Web颜色,则Adobe拾色器中的颜色矩形旁边会显示一个警告立方体。点按警告立方体选择最接近的Web颜色。警告立方体最接近的web颜色9.2色彩的管理将非Web颜色更改为Web安全颜色42当选择不可打印的颜色时,“拾色器”对话框和“颜色”面板中将出现一个警告三角形。点按警告三角形选择CMYK中最接近的颜色。警告三角形最接近的可打印颜色9.2色彩的管理为不可打印颜色选择最接近的CMYK颜色43打开Adobe拾色器并点按“颜色库”。“自定颜色”对话框显示与Adobe拾色器中当前选中的颜色最接近的颜色。对于“色库”,选取颜色系统。输入油墨量或沿滚动条拖移三角形,确定所需的颜色。在列表中点按所需的补色。9.2色彩的管理选取自定颜色44显示当前前景色和背景色的颜色值。使用滑块,可以利用几种不同的颜色模型来编辑前景色和背景色。也可以从显示在面板底部的四色曲线图中的色谱中选取前景色或背景色。显示“颜色”面板:选取“窗口”“颜色”,或点按“颜色”面板选项卡。更改颜色滑块的颜色模型:从“颜色”面板菜单中选择一个滑块选项(灰度滑块、RGB滑块、Lab滑块、CMYK滑块、HSB滑块、Web颜色滑块)。9.2色彩的管理颜色面板45A.前景色B.背景色C.滑块D.四色曲线图选择颜色时,“颜色”面板可能显示下列警告:选取不能使用CMYK油墨打印的颜色时,四色曲线图左侧上方将显示一个内含惊叹号的三角形。选取的颜色为非Web安全色时,四色曲线图左侧上方将显示一个立方体。9.2色彩的管理颜色面板46(1)从“颜色”面板菜单中选取选项:“RGB色谱”、“CMYK色谱”或“灰度四色曲线图”显示指定颜色模型的色谱“当前颜色”显示当前前景色和背景色之间的色谱(2)仅显示Web安全颜色,选取“建立Web安全曲线”提示:快速更改四色曲线图的色谱,按住Shift键并在四色曲线图中点按,直至看到所需色谱。9.2色彩的管理更改颜色面板中显示的色谱47(1)要编辑前景色或背景色,确保其颜色选区框处于现用状态(有黑色轮廓)(2)执行下列操作之一:拖移颜色滑块;在颜色滑块旁输入值;点按颜色选区框,使用拾色器选取一种颜色。将指针放在四色曲线图上(指针会变成吸管状),然后点按,这样就可以