电子商务网页图像制作(AdobePhotoshop)(第二版)第7章图像处理技法-调色课件.ppt

1、1 第第 7 章章第 7 章 图像处理技法调色第 1 节 调整图像亮度第 2 节 处理图像偏色第 3 节 让图像更鲜艳第 4 节 使图像更清晰第 5 节 图像调色综合实训2 第第 7 章章 在 Photoshop CS6 软件中，调整图像亮度的方法有亮度/对比度命令、色阶命令、曲线命令。亮度/对比度命令针对图像曝光不足，图像整体亮度不够时使用；色阶命令针对原图像中某亮度区域需要重新调整，调整图像的阴影、中间调和高光的强度级别，从而校正图像的色调范围和颜色平衡，亮度在不同区域发生变化时使用；曲线命令可使图像在色调范围（从阴影到高光）内最多调整 14 个不同的点，“色阶”对话框仅包含三种调整（白场

2、、黑场和灰度系数），可以使用“曲线”对话框对图像中的个别颜色通道进行精确调整。第 1 节 调整图像亮度3 第第 7 章章一、Photoshop CS6 的图像调整菜单 PhotoshopCS6 的图像调整菜单下共有 23 个子命令，主要用于对图像进行颜色校正和调整。颜色校正和调整包括改变图像的色泽、饱和度、中间调和高光，最终输出具有艺术美感的作品。“图像”“调整”菜单4 第第 7 章章1.亮度/对比度 “亮度/对比度”命令能够一次性对整个图像做亮度和对比度的调整，可通过移动滑标或输入具体数值对亮度和对比度进行调整。“亮度/对比度”对话框。“亮度/对比度”对话框5 第第 7 章章2.色阶 “色阶

3、”表现一幅图的明暗关系，可以调整图像的暗调、中间调和高光，用图表可显示图像中每个亮度值（0255）处像素点的多少。（1）“输入色阶”可以增加图像的对比度 （2）“输出色阶”控制图像中最暗和最亮数值“色阶”对话框6 第第 7 章章3.曲线 “曲线”可反映图像的亮度值。每个像素都有其确定的亮度值，可以改变它使图像变亮或变暗。点击确立一个调节点，这个点可被拖移到网格内的任意范围，是亮是暗全看是向上还是向下。“曲线”对话框7 第第 7 章章4.色相/饱和度 “色相/饱和度”命令能够根据色相、饱和度和亮度来调整图像的色彩，可以选择红色、黄色、绿色、青色、蓝色以及洋红共六种颜色中的任何一种单独进行编辑或选

4、择“全图”来调整所有颜色。“色相/饱和度”对话框8 第第 7 章章5.色彩平衡 “色彩平衡”命令可以改变图像中颜色的组成，并混合色彩达到平衡。该命令只能对图像进行粗略调整，一般作用于复合颜色通道，常用于调整图层。“色彩平衡”对话框9 第第 7 章章二、常用亮度调整命令比较1.亮度/对比度 优点：界面直观，操作简便。缺点：在调整时亮部和暗部都是按等比调整的，即提高暗部亮度，亮部也跟着增加，高光细节易丢失。如果要调整局部亮度，这种方法不太适用。10 第第 7 章章2.色阶 优点：将图像分为高光、中灰、低光等区域，可独立调节。与亮度/对比度工具相比可以通过单独调整各通道的亮度来改变颜色，与曲线相比，

5、具有可区域式调整的优势。缺点：灵活性有一定限制。3.曲线 优点：点对点的调整让使用者何以任意改变每个像素的亮度值，比较灵活。11 第第 7 章章 人的视觉系统具有颜色恒常性，能够在一定程度上消除光照条件对颜色的影响因素，正确地感知物体的颜色。但成像设备不具有这种“调节”功能，因此成像设备采集的图像颜色与物体表面的真实颜色之间存在一定程度的误差，即偏色。电子商务网站中的图像能否正确反映商品的真实颜色至关重要，因此对图像进行偏色处理是必不可少的一个环节。第 2 节 处理图像偏色12 第第 7 章章 在 Photoshop CS6 软件中，处理图像偏色的方法有“变化”命令、“色彩平衡”命令和“可选颜

6、色”命令。“变化”命令通过显示替代物的缩览图，可以很直观地看到色彩变化后的几种效果，通过鼠标单击加深某种颜色，此命令对于不需要精确颜色调整的平均色调图像最为有用。“色彩平衡”命令针对普通的色彩校正，通过调整“阴影”“中间调”或“高光”，以便选择要着重更改的色调范围，将滑块拖向要在图像中增加的颜色，或将滑块拖向要在图像中减少的颜色，更改图像的总体颜色混合。“可选颜色”命令用于在图像中的每个主要原色成分中更改偏色的情况，可以有选择地修改任何主要颜色中的数量，而不会影响其他主要颜色。13 第第 7 章章 在颜色系统中，色光的三原色红（R）、绿（G）和蓝（B）色按照颜色的亮度值从 0（黑）到 255（

7、白）进行混合，能够产生自然界中的约 1670 万种颜色。红色和绿色混合得到其中间色黄色，红色和蓝色混合得到其中间色品红色，绿色和蓝色混合得到其中间色青色。色料的三原色青（C）、品红（M）、黄（Y）以及黑（K）色按照油墨不同浓度的百分比进行混合，从而形成打印或印刷颜色。青色和品红色混合得到其中间色蓝色，青色加黄色得到其中间色绿色，品红加黄色得到其中间色红色。颜色系统14 第第 7 章章 红（R）、绿（G）、蓝（B）、青（C）、品红（M）和黄（Y）六种颜色反映在一个色轮上，它们之间的关系是：（1）色轮上对角线方向的颜色互为补色。（2）色轮上相隔的两种颜色混合得到的是这两种颜色的中间色。（3）在 R

8、、G、B 系统中，其中某两种颜色混合得到的是另外一种颜色的补色。（4）在 C、M、Y 系统中，其中某两种颜色混合得到的是另外一种颜色的补色。颜色关系15 第第 7 章章 图像越鲜艳，表明图像的色彩饱和度越高，反之则饱和度较低。当饱和度为 0 时，图像去色成为灰度图，即黑白照。使图像变得更鲜艳，或者由黑白照调色为彩色照，是电子商务网站商品图像调整的重要技能。第 3 节 让图像更鲜艳16 第第 7 章章 在 Photoshop CS6 软件中，使图像更鲜艳的方法主要是调整“色相/饱和度”。“色相/饱和度”既可针对全图，也可针对某个基调进行调整。配合选区还可以实现为黑白照片上色。由于相机的品牌、性能

9、及拍摄者水平不同，拍摄出来的照片对色彩的还原效果也不尽相同，有的照片颜色鲜艳、层次丰富，有的照片在色彩上有些欠缺，颜色惨淡。在Photoshop CS6 中，一般通过调整图像的“色相/饱和度”就可以把不够显眼的照片调整得鲜亮夺目。17 第第 7 章章 在对商品进行拍摄时，出现模糊的情况主要有两种，其一，图像会产生线性或径向的模糊，原因是拍摄对象处于运动状态，或相机快门速度选择不准确，当然还有可能就是手抖动；其二，整个画面都呈微微的放大模糊状，原因就是对焦不准。第 4 节 使图像更清晰动态模糊和跑焦模糊18 第第 7 章章 图像模糊在位图中表现为原本的硬边缘和图像细节被柔化为相近的颜色，颜色的对

10、比度降低。在 PhotoshopCS6 软件中，通过“锐化”滤镜增加相邻像素的对比度来聚焦模糊的图像，并在边缘的每侧生成一条亮线和一条暗线。此过程将使边缘突出，再通过增加图层，增强边缘的亮度/对比度，调整图层叠加模式，使图像看起来清晰。应用锐化工具可以快速聚焦模糊边缘，提高图像中某一部位的清晰度或焦距程度，使图像特定区域的色彩更加鲜明。PhotoshopCS6 中的“锐化”命令19 第第 7 章章1.USM 锐化滤镜 USM 锐化是一个常用的技术，简称 USM，用来锐化图像中的边缘。可以快速调整图像边缘细节的对比度，并在边缘的两侧生成一条亮线和一条暗线，使画面整体更加清晰。对于高分辨率的输出，

11、通常锐化效果在屏幕上显示比印刷出来的更明显。其调节参数包括：数量、半径、阈值。2.进一步锐化滤镜 进一步锐化滤镜可以产生强烈的锐化效果，用于提高对比度和清晰度。进一步锐化滤镜比锐化滤镜有更强的锐化效果。应用进一步锐化滤镜可以获得执行多次锐化滤镜的效果。进一步锐化无调节参数。20 第第 7 章章3.锐化滤镜 锐化滤镜可以通过增加相邻像素点之间的对比，使图像清晰化，提高对比度，使画面更加鲜明。此滤镜锐化程度较为轻微，无调节参数。4.锐化边缘滤镜 锐化边缘滤镜只锐化图像的边缘，同时保留总体的平滑度。与锐化滤镜的效果相同，无调节参数。21 第第 7 章章5.智能锐化滤镜 由于 USM 锐化滤镜是通过增

12、强图像边缘的对比度来锐化图像，锐化值越大越容易产生黑边和白边，而进一步锐化、锐化和边缘锐化滤镜是软件自行设置默认值来锐化图像的，结果无法控制，越锐化产生的颗粒就越明显。智能锐化滤镜具有 USM 锐化滤镜所没有的锐化控制功能，可以设置锐化算法，或控制在阴影和高光区域中的锐化量，而且能避免色晕等问题。智能锐化滤镜相对于其他锐化滤镜，可调节的选项更多、更方便，并且锐化效果更柔和。22 第第 7 章章 在电子商务网站中，旅游景点图像不仅因景色美丽让人心驰神往，更有一番文化气氛在其中，这种文化氛围来自于不同国度、不同民族、不同历史。在图像处理时运用不同的调色技法能够彰显出不同的文化氛围，使得浏览者感受不

13、同的文化气息。第 5 节 图像调色综合实训怀旧风格调色23 第第 7 章章一、照片风格 在数码相机内选择多种色调的功能被称作“照片风格”。以前的数码相机只能通过对色彩饱和度和对比度等进行单独调节来决定成像风格，现在只需从相机提供的风格选项中选取一个就能得到自己想要的画面风格。以佳能相机为例，其“自动风格”下，相机会自动分析拍摄场景，调整为适合的色调，特别是能将蓝天、绿色和夕阳等风光拍得鲜艳；“人像风格”，这是能够表现女性和儿童肌肤色彩以及质感的照片风格，它能让肌肤看起来更柔滑，还能让肌肤呈现明亮的粉红色；“风光风格”，这是名副其实的适合拍摄风景的照片风格，其锐度和对比度都比较高，能鲜明地将树木的绿色和天空的蓝色表现出来，即使是远景也能清晰呈现。24 第第 7 章章二、盖印图层 盖印图层就是在处理图片时将处理后的效果盖印到新的图层上，功能与合并图层差不多，但比合并图层更好用！盖印是重新生成一个新的图层，而不会影响之前所处理的图层，这样做的好处就是，如果觉得之前处理的图层效果不太满意，可以删除盖印图层，之前做的图层依然还在，极大地方便了图片处理，也可以节省时间。25 第第 7 章章谢谢观赏！电子商务网页图像制作（Adobe Photoshop CS6）（第二版）