Photoshop网店美工与网店装修（中篇共上中下3篇）

第04章

商品图像调色Photoshop网店美工与网店装修（微课版）4.1调整图像的明暗度4.2调整图像的色彩4.3调整特殊图像4.4综合案例—制作移动端网店冲锋衣Banner4.1.1自动色调/对比度/颜色3自动色调自动对比度自动颜色4.1.2“亮度/对比度”命令

4使用“亮度/对比度”命令可以调整图像的亮度和对比度。选择【图像】/【调整】/【亮度/对比度】命令，在打开的“亮度/对比度”对话框中调整参数，单击“确定”按钮。4.1.3“色阶”命令

5使用“色阶”命令可以调整图像的高光、中间调及暗调的强度级别，校正色调范围和色彩平衡，即该命令可以调整图像的明暗度、色调和色彩。选择【图像】/【调整】/【色阶】命令或按【Ctrl+L】键，可打开“色阶”对话框。4.1.4“曲线”命令

6打开“魔方.jpg”商品图像，使用“曲线”命令调整图像的明暗度，美化商品图像，再制作该商品的详情页焦点图，其具体操作如下。1.打开图像文件2.调整画面对比度4.1.4“曲线”命令

73.调整红色亮度4.调整蓝色亮度5.调整“RGB”通道的曲线4.1.4“曲线”命令

86.平滑选区7.调整图像位置和大小8.完成效果展示4.1.5“曝光度”命令

9使用“曝光度”命令调整“曝光度”“位移”和“灰度系数校正”可以控制图像的明亮程度，使图像变亮或变暗。选择【图像】/【调整】/【曝光度】命令，可打开“曝光度”对话框4.1.6“阴影/高光”命令

10使用“阴影/高光”命令可以修复图像中过亮或过暗的区域，从而使图像显示更多的细节。选择【图像】/【调整】/【阴影/高光】命令，可打开“阴影/高光”对话框。4.1调整图像的明暗度4.2调整图像的色彩4.3调整特殊图像4.4综合案例—制作移动端网店冲锋衣Banner4.2.1“自然饱和度”命令

12使用“自然饱和度”命令可增加图像色彩的饱和度，常用于在增加饱和度的同时，防止色彩过于饱和而出现溢色，适合于处理带有人物的商品图像。选择【图像】/【调整】/【自然饱和度】命令，可打开“自然饱和度”对话框。4.2.2“色相/饱和度”命令

13使用“色相/饱和度”命令可以调整图像的色相、饱和度及明度，从而达到改变图像色彩的目的。选择【图像】/【调整】/【色相/饱和度】命令或按【Ctrl+U】键，可打开“色相/饱和度”对话框。4.2.3“色彩平衡”命令

14使用“色彩平衡”命令可以在图像原色的基础上添加其他色彩，或通过增加某种色彩的补色以减少该色彩的数量，多用于调整明显偏色的图像。选择【图像】/【调整】/【色彩平衡】命令或按【Ctrl+B】键，可打开“色彩平衡”对话框。4.2.4“照片滤镜”命令

15使用“照片滤镜”命令可以模拟传统光学滤镜特效，使图像呈暖色调、冷色调或其他色调显示。下面将使用“照片滤镜”命令调整猕猴桃商品图像的色调，使其在视觉效果上呈现统一的暖色调，再制作该商品的详情页卖点图，其具体操作如下。1.打开图像文件2.加强暖色调4.2.4“照片滤镜”命令

163.打开图像文件4.加强红色占比5.打开图像文件6.加强暖色调4.2.4“照片滤镜”命令

177.完成效果展示4.2.5“通道混合器”命令

18使用“通道混合器”命令可以对图像不同通道中的颜色进行混合，从而达到改变图像色彩的目的。选择【图像】/【调整】/【通道混合器】命令，可打开“通道混合器”对话框。4.1调整图像的明暗度4.2调整图像的色彩4.3调整特殊图像4.4综合案例—制作移动端网店冲锋衣Banner4.3.1“渐变映射”命令

20使用“渐变映射”命令可使图像颜色根据指定的渐变颜色进行改变。选择【图像】/【调整】/【渐变映射】命令，可打开“渐变映射”对话框。4.3.2“可选颜色”命令

21使用“可选颜色”命令可以对RGB颜色、CMYK颜色及灰度等色彩模式的商品图像中的某种颜色进行调整，并且不影响其他颜色。选择【图像】/【调整】/【可选颜色】命令，可打开“可选颜色”对话框。4.3.3“匹配颜色”命令

22使用“匹配颜色”命令可以匹配不同图像之间、多个图层之间或多个选区之间的颜色，还可以通过更改图像的亮度、色彩范围及中和色调来调整图像的颜色。选择【图像】/【调整】/【匹配颜色】命令，可打开“匹配颜色”对话框。4.3.4“替换颜色”命令

23打开“手包.jpg”商品图像，使用“替换颜色”命令调整手包的色彩，使其变为同款不同色的商品图像，便于制作该商品的详情页设计理念图，其具体操作如下。2.替换颜色1.复制手包图像4.3.4“替换颜色”命令

243.调整装饰品颜色4.调整第二排左侧手包颜色4.3.4“替换颜色”命令

255.调整第二排右侧手包颜色6.完成效果展示4.3.5“色调分离”命令

26使用“色调分离”命令可以指定图像的色调级数，并按此级数将图像的像素映射为最接近的颜色。选择【图像】/【调整】/【色调分离】命令，可打开“色调分离”对话框。4.1调整图像的明暗度4.2调整图像的色彩4.3调整特殊图像4.4综合案例—制作移动端网店冲锋衣Banner4.4

综合案例—制作移动端网店冲锋衣Banner

281.调整图像明暗度4.4

综合案例—制作移动端网店冲锋衣Banner

292.校正图像明暗度3.调整图像饱和度4.调整图像色彩4.4

综合案例—制作移动端网店冲锋衣Banner

305.替换模特脸部颜色4.4

综合案例—制作移动端网店冲锋衣Banner

316.调整图像色调7.查看最终效果感谢聆听！学习进步！Photoshop网店美工与网店装修（微课版）海量图书方便查询免费申请样书下载配套资源优惠购书成为作者更多样书申请和资源下载需求，请登录人邮教育社区（)囊括各大品类，您想要的应有尽有教师免费申请样书，我们将安排快递迅速送达教学视频、PPT课件、教学案例、习题答案、模拟试卷等丰富资源免费下载教师可以申请最低折扣学生直接优惠购买图书欢迎写文章／投稿，我们强大的编辑团队将为您提供专业和高效的编辑出版服务第05章

使用图形和文字

完善网店内容Photoshop网店美工与网店装修（微课版）5.1使用钢笔工具组绘制图形5.2使用形状工具组绘制图形5.3使用画笔工具绘制图形5.4使用文字工具组添加文字5.5

综合案例—制作曲奇咔咔脆店标5.1.1认识路径361.认识路径元素2.认识“路径”面板“路径”面板主要用于存储和编辑路径。5.1.2使用钢笔工具组绘图

37使用钢笔工具绘制茶叶网店店标，并使用钢笔工具组内其他工具进行辅助绘制，其具体操作如下。1.创建第1个锚点3.调整曲线走向2.创建第2个锚点5.1.2使用钢笔工具组绘图

384.创建第3个锚点6.填充路径5.闭合路径7.调整复制后的图形9.效果展示8.输入文字5.1使用钢笔工具组绘制图形5.2使用形状工具组绘制图形5.3使用画笔工具绘制图形5.4使用文字工具组添加文字5.5

综合案例—制作曲奇咔咔脆店标5.2.1矩形工具

40使用矩形工具可以绘制矩形和正方形。矩形工具属性栏设置矩形比例使用矩形工具的效果5.2.2圆角矩形工具

41圆角矩形工具可以绘制出具有圆角效果的矩形，常用于按钮、复选框的绘制，其绘制方法与矩形工具相同。5.2.3椭圆工具

42椭圆工具用于创建椭圆和圆形，选择椭圆工具后，在图像窗口中单击并拖动鼠标即可绘制。5.2.4多边形工具

43多边形工具属性栏多边形工具用于绘制正多边形和星形。5.2.5直线工具

44宽度分别为500%和1000%直线工具属性栏长度分别为200%和500%箭头尾部向内和向外凹陷5.2.6自定形状工具

45使用“有机蔬菜.jpg”商品图像制作该商品的智钻图，并使用外部载入的形状美化智钻图，其具体操作如下。1.分析画面2.设置填充色3.取消描边色5.2.6自定形状工具

464.载入形状5.打开“载入”对话框6.绘制并调整形状5.2.6自定形状工具

477.设置填充和描边8.选择“花1”选项9.效果展示5.1使用钢笔工具组绘制图形5.2使用形状工具组绘制图形5.3使用画笔工具绘制图形5.4使用文字工具组添加文字5.5

综合案例—制作曲奇咔咔脆店标5.3.1认识画笔工具

491.认识画笔工具属性栏2.认识画笔预设5.3.2设置与应用画笔样式50选择画笔工具，单击属性栏中的“切换画笔面板”按钮，可打开如图所示的“画笔”面板，在其中调整参数可更改画笔样式。5.3.3载入特殊画笔样式

51选择【窗口】/【画笔预设】命令，打开“画笔预设”面板，在其右上角单击

按钮，在弹出的快捷菜单中选择“预设管理器”命令，打开“预设管理器”窗口，单击“载入”按钮，打开“载入”对话框，选择要载入的画笔文件，单击“载入”按钮，返回“预设管理器”窗口，单击“完成”按钮。5.3.4使用画笔工具

52下面将使用画笔工具制作牛奶商品的淘宝海报，整体海报采用插画风格，因此在置入插画风格的素材后，使用画笔工具绘制各类装饰元素，装扮该淘宝海报，使画面风格统一，视觉效果美观，其具体操作步骤如下。1.设置“纹理”参数2.设置“双重画笔”参数3.设置画笔5.3.4使用画笔工具

534.绘制山脉5.绘制云朵6.设置画笔7.绘制阴影5.3.4使用画笔工具

548.载入并选择笔刷9.绘制小草5.1使用钢笔工具组绘制图形5.2使用形状工具组绘制图形5.3使用画笔工具绘制图形5.4使用文字工具组添加文字5.5

综合案例—制作曲奇咔咔脆店标5.4.1认识工具属性栏

56文字工具组内的不同文字工具，其工具属性栏基本相同，以下为常用的横排文本工具属性栏。5.4.2创建文字

57创建点文字创建选区文字创建段落文字创建路径文字5.4.3创建变形文字

58将文字转换为路径文字变形自由变换文字选择要变形的文字，单击“创建文字变形”按钮，打开“变形文字”对话框，在“样式”下拉列表框中选择需要的选项，完成后单击”确定“按钮。先栅格化文字图层，然后选择【编辑】/【变换】命令，在弹出的子菜单中选择相应的命令，拖曳定界框四周的控制点可对文字进行透视、缩放、旋转、扭曲或变形等操作。在文字图层上单击鼠标右键，在弹出的快捷菜单中选择“转换为形状”或“创建工作路径”命令，将文字转换为路径，然后使用路径选择工具或钢笔工具编辑路径，可将文字变形。5.4.4使用“字符”面板

59通过文字工具属性栏只能对文字的字体、字形和字号等部分文字属性进行设置。若要进行更详细的设置，可选择【窗口】/【字符】命令，或者单击工具属性栏上的“切换字符和段落面板”按钮，在打开的“字符”面板中进行设置。5.4.5使用“段落”面板

60下面制作网店详情页中的网店介绍图，通过文字叙述网店实力，并使用“段落”面板去设置其中的段落文字，其具体操作如下。1.输入段落文字3.段后添加空格2.居中对齐5.4.5使用“段落”面板

615.效果展示4.输入其他文字5.1使用钢笔工具组绘制图形5.2使用形状工具组绘制图形5.3使用画笔工具绘制图形5.4使用文字工具组添加文字5.5综合案例—制作曲奇咔咔脆店标5.5

综合案例—制作曲奇咔咔脆店标631.绘制两个椭圆路径2.编辑路径3.绘制内侧厚度4.绘制外侧厚度5.绘制巧克力碎5.5

综合案例—制作曲奇咔咔脆店标646.输入并设置文字7.设置画笔样式8.绘制装饰5.绘制巧克力碎感谢聆听！学习进步！Photoshop网店美工与网店装修（微课版）海量图书方便查询免费申请样书下载配套资源优惠购书成为作者更多样书申请和资源下载需求，请登录人邮教育社区（)囊括各大品类，您想要的应有尽有教师免费申请样书，我们将安排快递迅速送达教学视频、PPT课件、教学案例、习题答案、模拟试卷等丰富资源免费下载教师可以申请最低折扣学生直接优惠购买图书欢迎写文章／投稿，我们强大的编辑团队将为您提供专业和高效的编辑出版服务第06章

使用

通道、蒙版和滤镜Photoshop网店美工与网店装修（微课版）6.1使用通道6.2使用蒙版6.3使用滤镜6.4

综合案例6.1.1认识通道和“通道”面板69通道可以分为颜色通道、Alpha通道和专色通道3种类型。图像文件的色彩模式不同，包含的颜色通道也会有所不同。  RGB颜色模式图像的通道  CMYK颜色模式图像的通道Lab颜色模式图像的通道灰度模式图像的通道位图模式图像的通道索引模式图像的通道1.认识通道6.1.1认识通道和“通道”面板70对通道的操作需要在“通道”面板中进行。默认情况下，“通道”面板、“图层”面板和“路径”面板在同一组面板中，可以直接单击“通道”选项卡，打开“通道”面板。2.

认识“通道”面板6.1.2创建通道71Alpha通道主要用于保存图像的选区，在默认情况下新创建的一般通道名称默认为AlphaX（X为按创建顺序依次排列的数字）通道。单击“通道”面板下方的“创建新通道”按钮，可新建一个Alpha通道。1.

创建Alpha通道6.1.2创建通道722.

创建专色通道专色是指使用一种预先混合好的颜色替代或补充除了CMYK以外的油墨颜色，如明亮的橙色、绿色、荧光色及金属金银色。单击“通道”面板右上角的

按钮，在打开的菜单中选择“新建专色通道”命令，接着在打开的对话框中设置名称、颜色和密度，单击“确定”按钮，可得到新建的专色通道。6.1.3编辑通道731.

复制和删除通道通过拖曳鼠标指针进行删除通过命令进行删除通过按钮删除删除通道通过拖曳鼠标指针进行复制通过命令进行复制复制通道6.1.3编辑通道742.

分离和合并通道分离通道合并通道打开需要分离通道的图像文件，在“通道”面板右上角单击

按钮，在弹出的快捷菜单中选择“分离通道”命令，此Photoshop将对通道进行分离操作。单击“通道”面板右上角的

按钮，在弹出的快捷菜单中选择“合并通道”命令，打开“合并通道”对话框，在“模式”下拉列表框中选择合并模式，单击“确定”按钮，然后在打开的“合并多通道”对话框中保持指定通道的默认设置，单击“下一步”按钮，单击出现的“确定”按钮，完成通道的合并。6.1.4混合通道751.使用“应用图像”命令将需要混合通道的两个图像放置到一个图像文件的不同图层中，选择目标图层，选择【图像】/【应用图像】命令，打开“应用图像”对话框，设置源图层与通道，设置混合模式与不透明度，单击“确定”按钮。6.1.4混合通道762.使用“计算”命令使用“计算”命令可以将一个图像文件或多个图像文件中的单个通道混合起来，选择图层，选择【图像】/【计算】命令，打开“计算”对话框，设置源1通道、源2通道和混合模式，单击“确定”按钮，生成新的Alpha通道。6.1使用通道6.2使用蒙版6.3使用滤镜6.4

综合案例6.2.1认识蒙版和“蒙版”面板781. 认识蒙版2.认识“蒙版”面板矢量蒙版剪贴蒙版图层蒙版快速蒙版6.2.2矢量蒙版791.创建矢量蒙版选择需要添加矢量蒙版的图层，使用矢量工具绘制路径，选择【图层】/【矢量蒙版】/【当前路径】命令，基于当前路径创建矢量蒙版。6.2.2矢量蒙版802.编辑矢量蒙版将矢量蒙版转换为图层蒙版删除矢量蒙版链接/取消链接矢量蒙版 停用矢量蒙版6.2.3剪贴蒙版811.创建剪贴蒙版剪贴蒙版主要由基底图层和内容图层组成，是指使用基底图层的形状（下层图层）来限制内容图层（上层图层）的显示状态。将需要创建剪贴蒙版的图像图层移动到形状图层上方，再选择图像所在的图层，选择【图层】/【创建剪贴蒙版】命令或按【Alt+Ctrl+G】键，将该图层与下面的图层创建为一个剪贴蒙版。6.2.3剪贴蒙版822.编辑剪贴蒙版（1）释放剪贴蒙版选择【图层】/【释放剪贴蒙版】命令或按【Ctrl+Alt+G】键通过菜单命令单击鼠标右键，在弹出的快捷菜单中选择“释放剪贴蒙版”命令

通过快捷菜单按住【Alt】键不放，将鼠标指针放置到内容图层和基底图层中间的分割线上，当鼠标光标变为

形状时单击鼠标左键，可释放剪贴蒙版。通过拖曳鼠标指针6.2.3剪贴蒙版832.编辑剪贴蒙版（2）设置剪贴蒙版的不透明度和混合模式在“图层”面板中选择剪贴蒙版，在“不透明度”数值框中输入需要的透明度，在“模式”下拉列表框中选择需要的混合模式。6.2.4图层蒙版841.创建图层蒙版选择要创建图层蒙版的图层，在“图层”面板中单击“添加图层蒙版”按钮或选择【图层】/【图层蒙版】/【显示选区】命令，为图像添加图层蒙版，然后将前景色设置为黑色，使用画笔工具在图像上进行涂抹即可。6.2.4图层蒙版852.编辑图层蒙版（1）停用图层蒙版通过“停用”菜单命令通过“停用图层蒙版”快捷菜单命令通过“属性”面板（2）启用图层蒙版“通过“启用”菜单命令通过“属性”面板（3）删除图层蒙版“通过“删除”菜单命令通过“删除图层蒙版”快捷菜单命令6.2.4图层蒙版862.编辑图层蒙版（4）复制与转移图层蒙版复制图层蒙版转移图层蒙版将某个图层中创建的图层蒙版复制到另一个图层中，则这两个图层将同时拥有属性一致的图层蒙版。其方法是将鼠标指针移动到图层蒙版缩略图上，按住【Alt】键不放，再按住鼠标左键不放将图层蒙版拖曳到另一个图层上，然后释放鼠标。将某个图层中创建的图层蒙版移动到另一个图层中，而该图层中的图层蒙版将不再存在。其方法是将鼠标指针移动到图层蒙版略缩图上，按住鼠标左键不放直接将其拖曳到另一个图层上，然后释放鼠标。6.2.4图层蒙版872.编辑图层蒙版（5）图层蒙版与选区的运算在使用图层蒙版时，可以通过对选区进行运算来得到复杂的蒙版。在图层蒙版缩略图上单击鼠标右键，在弹出的快捷菜单中有以下3个关于蒙版与选区的命令。从选区中减去蒙版蒙版与选区交叉添加蒙版到选区6.2.5快速蒙版88快速蒙版常用于选取复杂图像或创建特殊图像的选区，是美化商品图像中常用的蒙版工具。使用“客厅.jpg”图像文件，以及快速蒙版功能来制作全屋定制商品焦点图，其具体操作如下。1.创建快速蒙版2.创建选区3.置入并调整图像6.2.5快速蒙版893.添加“投影”图层样式4.完成的效果6.1使用通道6.2使用蒙版6.3使用滤镜6.4

综合案例6.3.1认识滤镜库91滤镜库整合了“扭曲”“画笔描边”“素描”“纹理”“艺术效果”“风格化”6类滤镜效果。选择【滤镜】/【滤镜库】命令，在打开的“滤镜库”对话框中选择任意滤镜效果选项，然后单击“确定”按钮即可添加滤镜。6.3.1认识滤镜库921.风格化“风格化”滤镜组可以生成印象派风格的图像效果。滤镜库中只有“照亮边缘”一种风格化滤镜效果，可以照亮图像边缘轮廓。2.画笔描边12345678成角的线条喷溅喷色描边墨水轮廓强化的边缘烟灰墨阴影线深色线条6.3.1认识滤镜库933.扭曲4.素描玻璃海洋波纹扩散亮光1234567半调图案石膏效果便条纸铬黄渐变绘图笔基底凸现粉笔和炭笔891011121314水彩画纸影印撕边炭精笔图章网状炭笔6.3.1认识滤镜库945.纹理6.艺术效果龟裂缝纹理化颗粒染色玻璃马赛克拼贴拼缀图壁画彩色铅笔粗糙蜡笔底纹效果干画笔海报边缘海绵绘画涂抹胶片颗粒木刻霓虹灯光水彩塑料包装调色刀涂抹棒6.3.2