色彩构成与图像色彩调整实用教案

1、本章(bn zhn)学习内容 理解色彩构成的要素及其相关的术语； 理解RGB、CMYK、HSB色彩模式； 了解色彩的情感倾向和心理作用； 理解Photoshop对图像进行色彩调整的原理； 熟练使用“图像调整 ”中命令进行图像处理。 色阶和曲线的应用； 替换颜色的应用； 色相/饱和度的调整； 色彩平衡的应用； 渐变映射的应用； 色调(s dio)分离的应用； 第1页/共55页第一页，共55页。一、什么(shn me)是色彩构成 形态和色彩在平面设计中是最主要(zhyo)的视觉表达方式； 色彩构成是以解构的方法研究色彩的构成规律。第2页/共55页第二页，共55页。 光与色的关系(gun x) 色彩

2、是在光照的情况下表现出来的物体表面特征之一； 可见光：波长在380nm780nm之间的光； 单色光：红橙黄绿青蓝紫； 复合光：太阳光、白炽灯、日光灯第3页/共55页第三页，共55页。 色温 不同的光源发光物质的性质(xngzh)不同，发出的光的能量强弱也不同； 光色是由于光的能量不同造成的； 色温是区分光源特征的重要指标； 色温的高低可以表示出光源色给人的冷暖感觉。第4页/共55页第四页，共55页。 光源的显色性 物体的颜色在不同的环境里会有所不同； 针对同一种颜色，在日光(rgung)下显示最准确。第5页/共55页第五页，共55页。 色光和颜料(ynlio)原色 颜料(ynlio)基本色：红

3、、黄、蓝 色光基本色：红、绿、蓝第6页/共55页第六页，共55页。 补色： 凡两种色光(sgung)相加呈白光，颜色相混呈现灰黑色，这两种色光(sgung)或这两种颜色即互为补色。第7页/共55页第七页，共55页。 色彩表示法 牛顿色相(s xin)环 色立体第8页/共55页第八页，共55页。相关(xinggun)概念 色相：即不同的色彩，红、黄、蓝、绿等，色相变化，色彩相应(xingyng)改变。 饱和度：色彩的浓度，饱和度为零，看不到色彩，饱和度为100%，该色彩最浓。 亮度：即光照强度，你拿一张彩色的纸，在不同光强度的环境中，你可以看到纸的明暗变化，从色彩最纯，至完全黑暗，这种变化就是亮

4、度对颜色的影响。第9页/共55页第九页，共55页。二、色彩(sci)模式 色彩模式(msh)，即色彩的表达形式。因为计算机处理颜色与我们人类所看颜色是不同的，所有的颜色在计算机看来，只不过是不同的数值而已，一定的颜色对应着计算机里的一定数值，这种对应关系就是色彩模式(msh)。第10页/共55页第十页，共55页。2.1 计算机色彩模式(msh)的发展彩色模式彩色模式灰度模式灰度模式黑白模式黑白模式第11页/共55页第十一页，共55页。2.2 色彩模式(msh)的分类 RGB 模式(msh) CMYK模式(msh) LAB模式(msh) HSB模式(msh) Index模式(msh) CrayS

5、cale模式(msh) Bitmap模式(msh)第12页/共55页第十二页，共55页。2.2.1 RGB模式(msh) 这是一种基于显示器原理形成的色彩模式。也即色光的彩色模式，它是一种加色模式。由R红色，G绿色，B蓝色三种颜色叠加形成其它色彩，由于每一种色彩都有256个亮度水平级，即从0255，所以(suy)它们可以表达的色彩就是256*256*256=16，777，216种第13页/共55页第十三页，共55页。白色白色(bis)(bis)R255+G255+B255R255+G255+B255黑色黑色R0+G0+B0R0+G0+B0第14页/共55页第十四页，共55页。2.2.2 CMY

6、K模式(msh) 这是一种(y zhn)基于印刷的色彩模式，也即减色模式。在物理学上是这样描述的：我们的眼睛为什么能够看到物体的颜色呢？是因为日光照射到物体上，由于物体吸收了一部分色光，把其它剩下的光反射到了我们的眼中，而在我们的眼中形成了色彩。比如红旗，它吸收了白光中的青光，我们眼睛就感觉到它是红色了。第15页/共55页第十五页，共55页。大红色(hngs)：C0、M100、Y100、K0绿色：C100、M0、Y100、K0深蓝色：C100、M100、Y0、K0第16页/共55页第十六页，共55页。2.2.3 LAB模式(msh) 这是一种不基于任何显示或者输出设备的原理而制定的一种色彩模式

7、。它所依赖的只是一种色彩理论，是由国际照明委员会于1976年公布的一种模式。其中L代表照度，A和B是颜色通道(tngdo)。A代表从深绿（低亮度值）到灰（中亮度值），再到亮粉红色（高亮度值）；B代表从深蓝色（低亮度值）到灰（中亮度值），再到焦黄色（高亮度值）。第17页/共55页第十七页，共55页。第18页/共55页第十八页，共55页。第19页/共55页第十九页，共55页。 图像中上半部分为标准的RGB三色 下半部分为转换成CMYK以后(yhu)的变化。 第20页/共55页第二十页，共55页。2.2.4 HSB模式(msh) HSB模式虽然也不基于任何显示方式和输出设备的原理，但却是一种非常有用

8、的模式，是我们的平面设计中最常用到的选择色彩的方式。 H代表色度，即你可以(ky)选择的色彩，S代表饱和度，即你选中色彩的浓和淡，B代表亮度，即你选定色彩的明显程度。第21页/共55页第二十一页，共55页。 那个色条，这就是那个色条，这就是HSBHSB的的H H通道，它的单位很奇怪，是按照角度通道，它的单位很奇怪，是按照角度(jiod)(jiod)来设定的，这里有一个色轮的概念，所有的七彩色按照来设定的，这里有一个色轮的概念，所有的七彩色按照在光谱中的排列方式，首尾相连在光谱中的排列方式，首尾相连 。第22页/共55页第二十二页，共55页。2.2.5 Indexed模式(msh) Indexe

9、d模式也称之为索引色彩模式，最多只有256种颜色。 因为设备的限制，色彩越多，显示技术(jsh)越复杂，同样图像的数据越庞大，图像文件也自然要大些。为了用较简单的数据来显示图像，就减少颜色。 Indexed多用于网络，在网络中，我们最常用的的GIF文件，就是基于Indexed模式的。 第23页/共55页第二十三页，共55页。2.2.6灰度模式(msh) 也即灰度模式，这相当于将HSB的h值置为0并且允许B有100级，也相当于CMYK的K这一个通道。也就是说灰度模式与色相、饱和度都无关，仅仅与亮度有关。 灰图模式试图于不同浓淡的黑色，来演绎自然界中丰富的色彩，虽然不如RGB等模式看起来漂亮，但它

10、也有自身的应用价值，比如在黑白(hibi)印刷上，灰度模式就能显示自己的优势了。第24页/共55页第二十四页，共55页。第25页/共55页第二十五页，共55页。2.2.7 Bitmap模式(msh) 将图像表达为两种纯色，通常是黑色和白色，没有将图像表达为两种纯色，通常是黑色和白色，没有饱和度和亮度等参数，也就是没有浓淡的层次变化，饱和度和亮度等参数，也就是没有浓淡的层次变化，要表达层次只有通过要表达层次只有通过(tnggu)(tnggu)网点或者色块来模拟网点或者色块来模拟 第26页/共55页第二十六页，共55页。三、色彩的情感(qnggn)倾向和心理作用 设计师运用不同的色彩表达设计思想，

11、色彩成为一种表达的元素。 人通过感知(gnzh)颜色，可以对具有某种颜色的事物产生其他属性的联想。 因为每个人的生活阅历、文化背景、联想能力不同，对色彩的情感倾向也不同。第27页/共55页第二十七页，共55页。3.1 色调(s dio)和谐第28页/共55页第二十八页，共55页。第29页/共55页第二十九页，共55页。网页设计(shj)配色应用色彩的调和第30页/共55页第三十页，共55页。3.2色彩(sci)的轻重第31页/共55页第三十一页，共55页。3.3 色彩(sci)的冷暖第32页/共55页第三十二页，共55页。 灰色和纯色：灰色中和色彩的倾向性，灰色具有稳定、含蓄、包容的美； 黑白

12、色和纯色：在一定程度上黑白色增加了纯色的力度； 高纯度组合：视觉冲击力强，唤起张扬的个性； 低纯度组合：含蓄、忧郁，引导(yndo)人们去思考，去品味。 补色组合：强烈的对比。3.4 复合(fh)色彩第33页/共55页第三十三页，共55页。3.5 色彩象征与色相(s xin)分析第34页/共55页第三十四页，共55页。色彩(sci)还有哪些心理作用？ 色彩的软硬感 色彩的快乐和忧郁 色彩的膨胀感和收缩感 色彩的前进(qinjn)感和后退感 色彩的兴奋感和沉静感 色彩的华丽与朴素你在现实生活中的切身体会(qi shn t hu)吗？第35页/共55页第三十五页，共55页。4.1 认识(rn sh

13、i)色阶阴雨之后，天气阴雨之后，天气(tinq)阴沉，影阴沉，影调很灰，很沉闷的调很灰，很沉闷的感觉。感觉。第36页/共55页第三十六页，共55页。这个照片中这个照片中最暗的像素最暗的像素这个照片中这个照片中最亮的像素最亮的像素图像中实际像素分布的范围与数量图像中实际像素分布的范围与数量图像中最亮的地方图像中最亮的地方图像中中等亮度的地方图像中中等亮度的地方图像中最暗的地方图像中最暗的地方第37页/共55页第三十七页，共55页。调整(tiozhng)黑场第38页/共55页第三十八页，共55页。调整(tiozhng)白场第39页/共55页第三十九页，共55页。调整(tiozhng)灰场第40页/

14、共55页第四十页，共55页。调整(tiozhng)灰场第41页/共55页第四十一页，共55页。正确设定(sh dn)照片的黑白场确定这里为片确定这里为片子中最暗的点子中最暗的点确定这里为片确定这里为片子中最亮的点子中最亮的点第42页/共55页第四十二页，共55页。营造更浓烈的环境(hunjng)氛围第43页/共55页第四十三页，共55页。图像(t xin)正常曝光正常曝光特征(tzhng)：X轴亮度为128两侧的黑色直方图面积大致相等X轴两端分别靠近0和255的点都比较多，图像锐度较好。第44页/共55页第四十四页，共55页。图像曝光(bo gung)不足调整输入色阶调整输入色阶第45页/共55页第四十五页，共55页。图像(t xin)曝光过度调整输入色阶调整输入色阶第46页/共55页第四十六页，共55页。图像(t xin)低反差 图像锐度不够(bgu)，图像显得灰蒙蒙得，实际上是因为图像的对比度不够(bgu)。调整调整(tiozhng)输入色阶输入色阶第47页/共55页第四十七页，共55页。图像(t xin)高反差 图像(t xin)锐度过高，损失很多的细节（高反差）调整调整(tiozhng)输出色阶输出色阶第48页/共55页第四十八页，共55页。4.2 认识(rn shi)曲线第49页/共55页第四十九页，共55页。图像根据亮度(lingd)可以