资源简介

(共27张PPT)
中等职业教育国家规划教材
项目三 商品图片的收集与处理
任务4 调整商品图片的色彩
任务情景
任务分析
任务实施
项目三 商品图片的收集与处理
任务情景
掌握了对网站素材图片基本的修整处理之后，张家豪就要开始新的学习，学会调整处理图像的色彩，使图片素材呈现最佳的色彩效果。图像色彩的调整尤其适用于一些购物网站上的同款不同色的商品，那么具体的色彩调整步骤，让我们同张家豪一起学习吧。
项目三 商品图片的收集与处理
任务分析
本次任务的主要目的是对修整后的照片进行色彩处理，得到色彩适宜的图像效果。张家豪需要掌握的知识点有：
◆更换图片商品的颜色
◆调整商品图片的色彩与亮度
项目三 商品图片的收集与处理
任务实施
步骤一 更换图片商品的颜色
步骤二 调整商品图片的色彩与亮度
项目三 商品图片的收集与处理
知识准备：
了解各种色彩模式及相关调整方法：
（一）图像的色彩模式
1.图像的色彩模式：即表达图像色彩信息的方式。在Photoshop软件中常用的色彩模式有以下几种：
（1）黑白模式：图像由纯黑与纯白两种颜色构成，没有浓淡的变化，也称作位图模式。如图3-27所示。
图3-27 黑白模式
项目三 商品图片的收集与处理
知识准备：
了解各种色彩模式及相关调整方法：
（一）图像的色彩模式
1.图像的色彩模式：
（2）灰度模式：图像由256种灰色色阶构成，由于有256种灰色调，所以能够表现出浓淡的变化。如图3-28所示。
图3-28 灰度模式
项目三 商品图片的收集与处理
知识准备：
了解各种色彩模式及相关调整方法：
（一）图像的色彩模式
1.图像的色彩模式：
（3）RGB色彩模式：图像中所有的色彩是由红色（Red）、绿色（Green）、蓝色（Blue）三种基本颜色（通常被称为“三原色”）依据不同强度比例混合而成。如图3-29所示。
图3-29 RGB模式
项目三 商品图片的收集与处理
知识准备：
了解各种色彩模式及相关调整方法：
（一）图像的色彩模式
1.图像的色彩模式：
（4）CMYK模式：图像中所有的色彩由青色（Cyan）、洋红色（Magneta）、黄色（Yellow）、黑色（Black）四种颜色依据不同强度比例印刷于纸张上混合而成的色彩，因此，CMYK模式主要用于印刷上，也称作印刷色，如图3-30所示。
图3-30 CMYK模式
项目三 商品图片的收集与处理
知识准备：
了解各种色彩模式及相关调整方法：
（一）图像的色彩模式
2.图像色彩模式的转换：为了在不同场合正确输出图像，有时需要把图像从一种模式转换为另一种模式。通过执行【图像→模式】子菜单中的命令来实现颜色模式的转换。
3.色彩平衡：调整图像的整体色彩偏向。
项目三 商品图片的收集与处理
知识准备：
了解各种色彩模式及相关调整方法：
（二）色彩相关调整
1.色阶：图像的色彩丰满度和精细度是由色阶决定的。色阶指亮度，和颜色无关。最亮的是白色，最暗的是黑色。执行【图像→调整→色阶】命令，会弹出色阶的对话框，如图3-31所示， “输入色阶”用于显示当前的数值，可用其来增加图像的对比度；“输出色阶”用于显示将要输出的数值，可用其来降低图像的对比度。
图3-31 色阶图
项目三 商品图片的收集与处理
知识准备：
了解各种色彩模式及相关调整方法：
（二）色彩相关调整
2.曲线：用来调整图像的色调范围。但与色阶不同的是，色阶命令只能调整亮部、暗部和中间灰部，而曲线命令可以调整灰度曲线中的任何一点。执行【图像→调整→曲线】命令，会弹出如图3-32所示的曲线对话框，横轴表示图像原有的亮度值，纵轴表示新的亮度值。
图3-32 曲线
项目三 商品图片的收集与处理
知识准备：
了解各种色彩模式及相关调整方法：
（二）色彩相关调整
3.亮度/对比度：亮度是指整个画面的明亮程度；对比度是指图像中色彩的反差程度；这个命令可以粗略调整图像的明亮程度和颜色的对比度。
项目三 商品图片的收集与处理
知识准备：
了解各种色彩模式及相关调整方法：
（二）色彩相关调整
4.色相/饱和度：执行【图像→调整→色相/饱和度】命令，弹出对话框如图3-33所示，相应按钮和数值框可分别控制图像的色相--即色彩的相貌，如红、黄等；饱和度—即色彩的纯度、鲜灰程度；明度—即色彩的明暗程度。
图3-33 色相/饱和度设置
项目三 商品图片的收集与处理
知识准备：
了解各种色彩模式及相关调整方法：
（三）颜色相关处理
1.去色：使图像中所有颜色的饱和度成为0，即将所有颜色转化为灰度值，结果会使彩色图看起来是灰度图，但不会改变图像原有的色彩模式。
2.替换颜色：可以替换图像中某区域的颜色。
3.可选颜色：可以对RGB、CMYK和灰度等色彩模式的图像进行分通道校色。
4.渐变映射：将相等的图像灰度范围映射到指定的渐变填充色上。
项目三 商品图片的收集与处理
知识准备：
了解各种色彩模式及相关调整方法：
（三）颜色相关处理
5.色调均化：可重新分配图像中各像素的像素值，进而将图像太暗的部分修正，并自动将图像中的色彩亮度与对比重新均匀分配，使图像画面更趋明亮。
6.色彩范围：色彩范围一般都是用来抠选均匀且有色彩反差的图像，具体操作：执行【选择→色彩范围】命令，打开“色彩范围”对话框，在“选择”中选取“取样颜色”工具；将取样工具放在图像或预览区上，然后单击，对要包含的颜色进行取样，使用“颜色容差”滑块或输入一个数值来调整颜色范围，容差值越小，选中的颜色范围就越小；反之容差值越大，选中的颜色范围就越大。
项目三 商品图片的收集与处理
知识准备：
了解各种色彩模式及相关调整方法：
（四）特殊色彩效果
1.索引色：索引色模式是网页上和动画中常用的图像模式，当彩色图像转换为索引色模式图像后变成近256种颜色。
2.反相：该命令用于产生原图的负片效果，当执行［图像→调整→反相］命令后，白色就会变成黑色。其他的像素点也取其对应值（新像素值=255-原像素值）。
项目三 商品图片的收集与处理
步骤一更换图片商品的颜色
（一）处理背景色彩
1.新建文件，设置大小为24cm×34cm，分辨率为72像素/英寸，色彩模式为RGB。
项目三 商品图片的收集与处理
步骤一 更换图片商品的颜色
（一）处理背景色彩
2.打开裙子素材图片，用移动工具将其拖入到新文件中。选择磁性套索工具，沿着绿裙子的边缘建立锚点，将绿裙子大致选出，建立选区，接着执行【选择→反选】命令，再执行【图像→调整→去色】命令，将反选部分图像变成灰色，如图3-34所示。
图3-34 背景去色
项目三 商品图片的收集与处理
（二）调整部分图像色彩
1.执行【选择→色彩范围】命令，单击裙子的高光部分，将容差值调为107，建立裙子的高光部分选区。
2.执行【图像→调整→色相/饱和度】命令：色相为155，饱和度为29，明度为2（以调整为准），使其变成如图3-35所示。
图3-35调整高光部位色彩
项目三 商品图片的收集与处理
3.用同样的方式，执行【选择→色彩范围】命令，单击裙子的中间色调部分，执行【图像→调整→色相/饱和度】命令：色相为86，饱和度为42，明度为2（以调整为准），使其变成如图3-36所示。
图3-36调整中间调色彩
项目三 商品图片的收集与处理
4.再执行【选择→色彩范围】命令，单击裙子的阴影部分，形成选区后，执行【图像→调整→渐变映射】命令，在弹出的对话框中单击色条，再在渐变编辑器中选择蓝红黄色渐变，得到如图3-37所示的渐变效果。
更换商品颜色主要适用于不同颜色的同一商品，特别是服装类商品。学会这项操作，可以节省大量拍照和后期修整图片的时间。
图3-37渐变映射后的效果
项目三 商品图片的收集与处理
步骤二 调整商品图片的色彩与亮度
（一）调整图片的亮度
打开红酒素材图片，执行【图像→调整→曲线】，设置参数如图3-38所示，执行【图像→调整→色阶】，对亮部进行提亮，设置参数如图3-39所示。
图3-38 设置曲线参数 图3-39 设置色阶参数
项目三 商品图片的收集与处理
（二）调整图片的亮度色彩对比
1.执行【图像→调整→照片滤镜】，选择“冷却滤镜（80）”,在弹出的对话框中设置浓度为20%，得到效果如图3-40所示
图3-40 图像亮度调整 图3-41色相饱和度调整
2.选择 磁性套索工具，沿着葡萄的边缘建立选区，执行【图像→调整→色相饱和度】，设置色相值为+104，饱和度为+46，得到效果如图3-41所示。
项目三 商品图片的收集与处理
3.选择 磁性套索工具，选取瓶口金色部分，执行【图像→调整→照片滤镜】，选择“加温滤镜（85）”，浓度值为60%，选择“黄色”，浓度值为67%，取消选区，得到效果如图3-42所示。
对于商品图片的调整远不止颜色、色彩和亮度，需根据网站设计的不同对商品图片进行调整，使图片更加接近真实，或者与网站整体和谐统一的效果。
图3-42 最终效果图
项目三 商品图片的收集与处理
图3-43 高跟鞋
想一想
根据高跟鞋素材图片，通过色彩调整相关知识，将粉色高跟鞋替换成其他颜色，所得到的效果如图3-43所示。
项目三 商品图片的收集与处理
THANKS！

展开更多......

收起↑