《photoshopcc网店视觉设计教学课件作者张枝军编著第七章》由会员分享，可在线阅读，更多相关《photoshopcc网店视觉设计教学课件作者张枝军编著第七章（33页珍藏版）》请在金锄头文库上搜索。
1、第七章 网店视觉图像的色彩调整,7.1 网店视觉图像的色彩调整技术 7.2 网店视觉图像亮度与对比度调整 7.3 网店视觉图像偏色的调整,下一页,返回,7.1 网店视觉图像的色彩调整技术,7.1.1 色彩的基础知识 对于一个图像爱好者来说，创建完美的色彩是至关重要的。颜色是一个强有力的、高刺激性的设计元素，用好了往往能收到事半功倍的效果。颜色能激发人的感情，完美的色彩可以使一幅图像充满了活力，能向观察者表达出一种信息。当色彩运用得不正确的时候，表达的意思就不完整，甚至可能表达出一种错误的感觉。为了能在计算机图像处理中能成功地选择正确的颜色，首先得懂得色彩模式（Color Models）。在图像
2、中，将图像中各种不同的颜色组织起来的方法，称之为色彩模式。色彩模式决定着图像以何种方式显示和打印。制作各种精美的图像，或者用于各种输出的稿件，选择正确的色彩模式是至关重要的。,下一页,返回,7.1 网店视觉图像的色彩调整技术,各种色彩模式之间存在一定的通性，可以很方便地相互转换；它们之间又存在各自的特性，不同的色彩模式对颜色的组织方式有各自的特点。色彩模式除了决定图像中可以显示的颜色数目外，还会直接决定图像的通道数量和图像的大小。色彩模式是用来提供将一种颜色转换成数字数据的方法，从而使颜色能够在多种媒体中得到连续的描述，能够跨平台使用，比如从显示器到打印机，从MAC 机到PC 机。常见的色彩模
3、式有：RGB、CMYK、HSB 和Lab。RGB 颜色模式，是一种加光模式。它是基于与自然界中光线相同的基本特性的，颜色可由红（Red）、绿（Green）、蓝（Blue）三种波长产生，这就是RGB 色彩模式的基础。红、绿、蓝三色称为光的基色。显示器上的颜色系统便是RGB色彩模式的。,上一页,下一页,返回,7.1 网店视觉图像的色彩调整技术,这三种基色的中每一种都有一个0255 的值的范围，通过对红、绿、蓝的各种值进行组合来改变像素的颜色。所有基色的相加便形成白色。反之，当所有的基色的值都为0 时，便得到了黑色。值得注意的是：RGB 色彩空间是与设备有关的，不同的设备RGB 再现的颜色是不完全相
4、同的。 7.1.2 颜色的基本属性 一般的颜色都是用色相、饱和度、亮度三个特性来描述的，也就是所说的HSB。严格地说，在Photoshop 中HSB 并不是一种色彩模式，它针对Photoshop 而言，只是一种配色方式。可以根据它的特性配出需要的颜色来为其他彩色模式的图像所用。,上一页,下一页,返回,7.1 网店视觉图像的色彩调整技术,但Photoshop 中并不存在HSB 模式，其他的色彩模式也不能转换为HSB 模式。只要在选定了一定的色相、饱和度、亮度，就能配出所需要的颜色。 1. 色相（Hue） 色相是物体透射或反射各种颜色光谱的物理属性，在人的视觉与心理形成的特性。它的范围以0360
5、度之间的角度值表示。色相是以颜色的名称来识别的，如红色、橙色或绿色。 2. 饱和度（Saturation） 饱和度指颜色的强度或纯度，表示色相中灰色成分所占的比例，用0100%（纯色）来表示。,上一页,下一页,返回,7.1 网店视觉图像的色彩调整技术,3. 亮度（Brightness） 亮度是颜色的相对明暗程度，通常用0（黑）100%（白）来度量。 7.1.3 色彩模式的转换 在Photoshop 中，可以自由地转换图像的各种色彩模式，但是由于不同的色彩模式所包含的颜色范围不同，以及它们特性存在差异，因而在转换时或多或少会产生一些数据的丢失。此外，色彩模式与输出设备也息息相关，因而在进行模式转
6、换时，就应该考虑到这些问题，尽量做到按照需求，适当谨慎地处理图像色彩模式，避免产生不必要的损失，以获得高效率、高品质的图像。,上一页,下一页,返回,7.1 网店视觉图像的色彩调整技术,7.1.4 图像的色调调整 1. 色阶与自动色阶 色阶是指挥图像中颜色或者颜色中某一个组成部分的亮度范围。在“图像”“调整”子菜单中提供了两个命令来调整图像的色阶：色阶（L），快捷键是Ctrl +L；自动色阶，快捷键是Shift + Ctrl +L。当使用自然色阶命令时，系统不会显示任何对话框，而只以默认的值来调整图像颜色的亮度。一般来说，这种调整只能是对该图像所有颜色来进行，而不能只针对某一种色彩来调整。例如，
7、打开一个文件，如图7.1 所示，使用自动色阶Shift + Ctrl +L 命令对其进行调整，如图7.2 所示。,上一页,下一页,返回,7.1 网店视觉图像的色彩调整技术,色阶命令能够精确地用手工进行调整色阶，执行色阶命令后，会打开“色阶”对话框，如图7.3 所示。 使用对话框中的选项能够修改图像的最亮处、最暗处及中间色调，使用吸管工具可以精确地读出每个位置在变化前后的色调值。对话框中各选项含义如下： （1） 通道：该列表框中包括了所使用的色彩模式以及各种原色通道。默认时图像应用RGB 颜色模式，可以选择RGB 颜色模式、红色通道、绿色通道和蓝色通道。在这里所做的选择直接影响到对话框的其他选项
8、。,上一页,下一页,返回,7.1 网店视觉图像的色彩调整技术,（2） 输入色阶（L）：该参数主要用来指定通道下图像的“最暗处”“中间色调”“最亮处”的值，输入的数值直接影响着色调分布图中3 个滑块的位置。 （3）色阶分布图：用以显示图像中明、暗色调的分布示意图。根据在通道选项中选择的颜色通道的不同。该示意图会有不同的显示。 （4） 最暗色调控制滑块，该滑块主要用来调整图像中最暗处的值，默认时该滑块位于最左端，向右拖动会使图像的颜色变暗。 （5） 中间色调控制滑块：用以调整图像的中间色调的值。默认时，位于中间位置，向左拖动增加图像的亮度，向右拖动则会使图像变暗。,上一页,下一页,返回,7.1 网
9、店视觉图像的色彩调整技术,2. 曲线调整 曲线调整命令是一个用途非常广泛的色彩调整命令。它不像“色阶”对话框那样只用了3 个控制点来调整颜色，而是将颜色范围分为若干个小方块，每个小方块都能够控制一个亮度层次的变化。 利用曲线调整命令可以综合调整图像的亮度、对比度色彩等。因此，该命令实际上是反相、色调分离、亮度对比度等多个色彩调整命令的综合，用户可以调整0255 范围内的任意点，同时又可以保持15 个其他值不变。,上一页,下一页,返回,7.1 网店视觉图像的色彩调整技术,3. 亮度与对比度命令 “亮度对比度”命令是对图像的色调范围进行简单调整的最简单方法，与“曲线”和“色阶”不同，这命令一次调整
10、图像中所有像素的高光、暗调和中间调。另外，“亮度对比度”对话框命令对单个通道不起作用，建议不要用于高档输出。执行“亮度对比度”命令，打开“亮度对比度”对话框，拖移滑块以调整亮度和对比度。向左拖移降低亮度和对比度，向右拖移则增加亮度和对比度。每个滑块右侧的数字显示有亮度或对比值，数值的范围为100+100。,上一页,下一页,返回,7.1 网店视觉图像的色彩调整技术,对比度命令自动映射图像中最亮的像素为白和黑，使高光更亮和阴影更黑。自动调整对比度时，Photoshop 忽略图像中黑白像素前0.5%的范围，颜色值的这种裁剪可保证白值和黑值是图像中有代表性的。要自动调整对比度，可以选择执行“图像”“调
11、整”“自动对比度”命令。 4. 反相命令 “反相”命令可以对图像进行反相，即使黑色的图像部分转化为白色，使白色的图像部分转化为黑色。使用这个命令可以将一个阳片变成黑白阴片，或从扫描的黑白阴片中得到一个阳片。要反相一个图像选取执行“图像”“调整”“反相”命令。,上一页,下一页,返回,7.1 网店视觉图像的色彩调整技术,5. 色调均化命令 “色调均化”命令能重新分布图像中像素的亮度值，以便它们更均匀地呈现所有亮度级范围。当扫描的图像显得比原稿暗，而要平衡这些值以产生较亮的图像时，可以使用此命令。 6. 阈值命令 使用“阈值”命令将一个灰度或彩色图像转换为高对比度的黑白图像。此命令是将一定的色阶指定
12、为阈值。所有比该阈值亮的像素会被转化为白色，所有比该阈值暗的像素会被转换为黑色。,上一页,下一页,返回,7.1 网店视觉图像的色彩调整技术,7. 色调分离命令 “色调分离”对话框如图7.6 所示。用于在照片中制作特殊效果，此命令非常有用。在要减少灰度图像中的灰色色阶数时，它的效果最明显。它也可以在彩色图像中产生一些特殊效果。 8. 色彩平衡 与“亮度对比度”命令一样，这个工具提供一般化的色彩校正，要想精确控制单个颜色成分，使用“色阶”“曲线”“色相/饱和度”“替换颜色”等专门的色彩校正工具。打开“色彩平衡”对话框。可以将三角形拖向需要在图像中增加的颜色或减少的颜色。颜色条上的值显示红色、绿色和
13、蓝色通道的颜色变化，数值范围从100+100。,上一页,下一页,返回,7.1 网店视觉图像的色彩调整技术,9. 关于直方图 直方图用图形表示图像的每个亮度级别的像素数量，展示像素在图像中的分布情况。直方图显示阴影中的细节（在直方图的左侧部分显示）、中间调（在中部显示）以及高光（在右侧部分显示）。直方图可以帮助确定某个图像是否有足够的细节来进行良好的校正。直方图还提供了图像色调范围或图像基本色调类型的快速浏览图。低色调图像的细节集中在阴影处，高色调图像的细节集中在高光处，而平均色调图像的细节集中在中间调处。全 色调范围的图像在所有区域中都有大量的像素。识别色调范围有助于确定相应的色调校正，如图7
14、.8 显示了不同曝光度的照片及其直方图信息。,上一页,下一页,返回,7.1 网店视觉图像的色彩调整技术,其中（a）为曝光过度照片及其直方图，（b）为正确曝光照片及其直方图，（c）为曝光不足照片及其直方图。在Photoshop 中，我们可以使用直方图面板查看图像信息，也可以在“图像/调整”菜单命令下的色阶和曲线命令查看并调整。 7.1.5 图像的色彩调整,上一页,下一页,返回,7.1 网店视觉图像的色彩调整技术,1. 色相与饱和度命令 “色相/饱和度”命令是用来调整图像中单个颜色成分的色相、饱和度和亮度。调整色相或颜色表现为在色轮中移动；调整饱和度或颜色的纯度表现为在半径上移动。也可以使用“着色
15、”选项将颜色添加到已转换为RGB 的灰度图像，或添加到RGB 图像，通过将颜色值减到一个色相，使其看起来象双色调图像。执行命令打开“色相/饱和度”对话框。,上一页,返回,7.2 网店视觉图像亮度与对比度调整,（1）启动软件，打开需要调整的商品图片，如图7.12 所示，图片明显偏暗，鞋面的亮度不够，对比度也不够，无法很好地展现鞋子的外观特征与细节质感。 （2）首先在“图像”菜单选择“亮度/对比度”方案调整图像色彩，如图7.13 所示亮度设置为89，对比度设置为17，调整到什么程度要根据图像的具体情况来确定，不同的图像用不同的调整方案与调整参数。 （3）第一次调整后的具体效果如图7.14 所示，对
16、比原图视觉效果已经有明显的改善。 （4）再进行一次“曲线”调整，如图7.15 所示，调整的力度不能太大，只能做稍微的调整，否则图像可能会偏白。,下一页,返回,7.2 网店视觉图像亮度与对比度调整,（5）第二次调整后的效果如图7.16 所示，图像画面变得比较整洁。 （6）最后在背景色为白色的条件下，用橡皮擦工具，把图像中的不必要部分全部擦除，使图像变得整洁，以为其他图的制作做备用。如图7.17 所示。,上一页,返回,7.3 网店视觉图像偏色的调整,商品拍摄过程中导致图像偏色，主要的调整方式是用“色相/饱和度调整”命令，以及“色彩平衡”命令来调整。应用“色相/饱和度”调整命令一般执行以下步骤： （1） 单击“调整”面板中的“色相/饱和度”图标或“色相/饱和度”预设。 （2） 选择“图层新建调整图层色相/饱和度”。在“新建图层”对话框中单击“确定”。在对话框中显示有两个颜色条，它们以各自的顺序表示色轮中的颜色。上面的颜色条显示调整前的颜色，下面的颜色条显示调整如何以全饱和状态影响所有色相。,下一页,返回,7.3 网店视觉图
