登录首页用户案例合作品牌购买会员帮助中心关于我们我的文档退出登录

APP内阅读

网店美工（第3版全彩微课版）

发布时间：2022-5-21 | 杂志分类：其他

网店美工（第3版全彩微课版）

作者: 人邮教育

免费制作

网店美工（第3版全彩微课版）

{{`发布时间：2022-5-21`}} | 云展网画册制作产品说明书其他网店美工（第3版全彩微课版）

[展开]

人邮教育

粉丝: {{bookData.followerCount}}

文本内容

第51页

043 网店装修六大技能 第3章 茶杯图片（“素材文件第3章12.jpg”），单击“选择”|“色彩范围”命令，在弹出的“色 彩范围”对话框中设置各项参数，然后单击“确定”按钮，即可创建选区。在“图层”面板 下方单击“添加图层蒙版”按钮，对创建的选区添加图层蒙版，使用白色画笔工具在蒙 版上进行涂抹即可将半透明部分图像抠取出来，如图3-23所示。 图3-23 抠取半透明图像 “色彩范围”对话框中有一个预览区，用于预览对图像中的颜色进行取样后得到的选 区。默认情况下，白色区域是选定的像素，黑色区域是未选定的像素，灰色区域是部分选定 的像素。 3.2.7 调整抠取的商品图像边缘 在使用Photoshop选区工具创建选区并抠取商品图像的过程中，这些 工具的选项栏中都有一个“调整边缘”按钮。单击该按钮，或者单击“选 择”|“调整边缘”命令，即可弹出“调整边缘”对话框，如图3-24所示。其 中包含多个选项，可以对选区边缘的羽化、对比度等进行调整，让创建的选 区更加准确。其主要选项的作用如下。 ● 智能半径：用于自动调整边界区域中硬边缘和柔化 边缘的半径。 ● 半径：用于控制选区边界的大小。 ● 平滑：用于减少选区边界中的不规则区域，以创建 较为平滑的边缘轮廓。 ● 羽化：用于模糊选区与周围像素之间的过渡效果。 ● 对比度：当增大对比度时，选区轮廓的柔和边缘的 过渡会变得不连贯，通常情况下，使用“智能半径”选项 和调整工具效果会更好。 ● 移动边缘：为负值时向内移动柔化选区的边缘，有 助于从选区边缘中移去不想要的背景颜色；为正值时向外 移动柔化选区的边缘。图3-24 “调整边缘”对话框 调整抠取的商品 图像边缘 网店美工（第3版） - 改三22-1-10.indd 43 2022\/1\/12 13:10:50

第52页

044 网店美工（第 3 版全彩微课版） 打开一张已经使用图层蒙版进行抠图的商品图片，在“图层”面板中单击图层蒙版缩略 图，然后单击“选择”|“调整边缘”命令，在弹出的“调整边缘”对话框中对各项参数进行 设置，然后单击“确定”按钮，可以发现这时抠取的商品图像效果更加理想，如图3-25所示。 图3-25 调整商品图像边缘 3.3　修图——完美展现商品细节 对商品图片进行裁剪和重新构图后，为了让图片效果更加精美，还要经过修图这一重要 环节来清除图片中的瑕疵、水印等。如果是衣帽、饰品等出现模特形象的图片，还需要对模 特进行美化处理，最后通过锐化突出细节，才能获得满意的图像效果。下面将介绍如何进行 修图，以完美地展现商品的细节。 3.3.1 去除多余的水印 在拍摄商品图片时，因为相机的设置问题，商品图片中出现拍摄日期， 或者某些借用的图片或修饰素材上有表明出处的标志或文字。这些影响商品 表现的多余元素都可以称为水印。如果商品图像中包含水印，就会大大降低 商品的表现力，给买家留下网店不够专业的印象，甚至会让买家产生盗图的 误解，以致影响商品的销售。 下面将介绍3种去除商品图像水印的方法。 1．使用仿制图章工具去除水印 使用仿制图章工具去除水印是比较常用的方法。打开“素材文件第3章13.jpg”，选择仿 去除多余的水印 网店美工（第3版） - 改三22-1-10.indd 44 2022\/1\/12 13:10:50

第53页

045 网店装修六大技能 第3章 制图章工具，按住【Alt】键的同时在无水印区域单击相似的色彩或图案进行采样，然后在水 印区域拖动鼠标仿制出采样图像以覆盖水印，如图3-26所示。需要注意的是，采样点即为仿制 的起始点，笔刷的直径会影响仿制的范围，笔刷的硬度会影响仿制区域的边缘融合效果。 图3-26 使用仿制图章工具去除水印 使用仿制图章工具可以在同一图像的同一图层中或不同图层之间进行仿制，也可以在当 前打开的且具有相同颜色模式的多个图像文件之间进行仿制，它对于复制对象或去除图像中 的缺陷很有用。 2．使用修补工具去除水印 如果商品图像的背景颜色或图案比较一致，使用修补工具去除水印就比较方便。打开 “素材文件第3章14.jpg”，选择修补工具，在工具选项栏中选中“源”单选按钮，并取消 选中“透明”复选框，然后使用修补工具框选水印文字，拖动到无文字区域中色彩或图案相 似的位置后松开鼠标，即可完成去除水印操作，如图3-27所示。修补工具具有自动匹配颜色 的功能，其复制效果与周围的色彩融合得较好，这是仿制图章工具所不具备的。 图3-27 使用修补工具去除水印 修补工具会将样本像素的纹理、光照和阴影与源像素进行匹配。在实际操作过程中，我 们要有一定的耐心，如果待修补区域较大，就可以将其分解成一个个较小的区域分别进行选 网店美工（第3版） - 改三22-1-10.indd 45 2022\/1\/12 13:10:50

第54页

046 网店美工（第 3 版全彩微课版） 择和修补，以获得最佳的修补效果。 3．使用修复画笔工具去除水印 使用修复画笔工具去除水印的方法与使用仿制图章工具相似，打开“素材文件第3章 15.jpg”，选择修复画笔工具，按住【Alt】键的同时在无水印区域单击相似的色彩或图案进 行采样，然后在水印区域拖动鼠标复制出采样图像以覆盖水印，如图3-28所示。修复画笔工 具与修补工具一样，也具有自动匹配颜色的功能。 图3-28 使用修复画笔工具去除水印 3.3.2 局部去除多余内容 在网店装修的过程中，有时不需要商品广告中的某些内容或者想使商品 图片的背景更加纯粹，这时可以通过局部去除的方法清除多余的内容（主要 使用的是画笔工具）。 打开一张运动鞋广告图片（“素材文件第3章16.jpg”），可将其中的 Logo、价格、促销等信息去除，方法如下：选择画笔工具，将鼠标指针移至图片背景位 置，按住【Alt】键的同时单击鼠标，将取样颜色作为前景色，再使用画笔工具在要去除的 对象上进行涂抹，用提取的前景色将其覆盖。重复上述操作，直到把图片中多余的内容全部 覆盖，只保留商品图像，如图3-29所示。 图3-29 使用画笔去除多余内容 局部去除 多余内容 网店美工（第3版） - 改三22-1-10.indd 46 2022\/1\/12 13:10:51

第55页

047 网店装修六大技能 第3章 这种局部去除多余内容的方式适用于图片中背景颜色不太复杂的情况。有时为了让色彩 覆盖的效果更加自然、完美，还需在画笔工具选项栏中对“不透明度”和“流量”选项进行 相应的设置。 3.3.3 对模特进行美化处理 在拍摄饰品、帽子和服装等商品图片时，往往会采用模特穿戴商品的方 式进行展示，大部分情况下模特的面部会出现在画面中。如果模特的妆面存 在瑕疵，就会影响商品的表现，此时有必要对模特进行“妆面美容”，其中 包括祛斑、磨皮、加深妆容色彩等。 1．祛斑 通过污点修复画笔工具可以快速移除图片中的污点和其他不理想的部分，它使用图像或 图案中的样本像素进行绘画，并将样本像素的纹理、光照、透明度和阴影与要修复的像素相 匹配。该工具不要求指定样本点，会自动从要修饰区域的周围取样。使用污点修复画笔工具 对小面积的瑕疵进行修复，效果非常理想，而且效率很高。 打开一张女装商品图片（“素材文件第3章17.jpg”），将图像放大显示后可以看到模 特的面部有细小的斑点。为了让模特的妆面更加完美，可以直接使用污点修复画笔工具在斑 点位置进行涂抹，松开鼠标后，Photoshop会自动对斑点进行清除。完成修复操作后，模特 的皮肤变得很干净，如图3-30所示。 图3-30 祛斑 2．磨皮 一些近距离拍摄特写的商品图片，如佩戴首饰、眼镜等的模特图片，模特的面部展露无 遗，任何瑕疵都会表现出来，仅使用污点修复画笔工具进行处理的话难以获得理想的效果。 此时需要进行磨皮处理，让模特的皮肤显得细腻、清晰。 打开一张商品模特图片（“素材文件第3章18.jpg”），该图片主要表现的是眼镜， 对模特进行 美化处理 网店美工（第3版） - 改三22-1-10.indd 47 2022\/1\/12 13:10:51

第56页

048 网店美工（第 3 版全彩微课版） 但是模特的面部皮肤状况不佳，需要通过磨皮处理进行修复。按【Ctrl+J】组合键复制“背 景”图层，得到“图层1”。单击“滤镜”|“模糊”|“表面模糊”命令，在弹出的“表面模 糊”对话框中设置各项参数，然后单击“确定”按钮，如图3-31所示。 图3-31 磨皮 按住【Alt】键的同时，在“图层”面板下方单击“添加图层蒙版”按钮，为“图层 1”添加黑色的图层蒙版，再使用白色的画笔工具编辑蒙版，即在模特的面部皮肤位置进行 涂抹，使磨皮效果只作用于面部皮肤。涂抹完成后，模特的面部皮肤变得光滑、细腻，肤色 也更加均匀。 “表面模糊”滤镜在保留边缘的同时模糊图像，用于创建特殊效果并消除杂色或粒度。 其对话框中的“半径”选项用于指定模糊取样区域的大小，“阈值”选项用于控制相邻像素 色调值与中心像素相差多大时才能成为模糊的一部分。 在使用“表面模糊”滤镜进行磨皮处理时，可以先在“表面模糊”对话框中设置较小的 参数进行尝试，再根据预览效果逐渐调大参数。在编辑图层蒙版时，要随时调整画笔工具的 笔触大小，以便更准确地涂抹不同面积大小的皮肤。除了“表面模糊”滤镜外，使用“高斯 模糊”滤镜也可以实现同样的磨皮效果。 3．加深妆容色彩 如果想让模特的妆容更艳丽，可以使用“色相\/饱和度”调整图层。打开一张模特图片 （“素材文件第3章19.jpg”），单击“调整”面板中的“色相\/饱和度”按钮创建调整图 层，在“属性”面板中调整各项参数，如图3-32所示。 图3-32 加深妆容色彩 网店美工（第3版） - 改三22-1-10.indd 48 2022\/1\/12 13:10:51

第57页

049 网店装修六大技能 第3章 3.3.4 调整模特身形 对于服装类商品图片来说，通过模特进行展示能够让买家产生代入感，可 以对商品销售起到很好的促进作用。但是，有时模特自身条件、拍摄角度等不 佳，会导致展示效果不够理想，这时就需要对模特的身形进行调整，最常见的 就是瘦身处理。下面将介绍如何在Photoshop中使用“液化”滤镜进行瘦身。 “液化”滤镜用于推拉、旋转、反射、折叠和膨胀图像的任意区域，所产生的变形可以 是细微的，也可以是剧烈的，这使其成为修饰图像和创建艺术效果的强大工具，也成为调整 模特身形的利器。 打开一张需要做瘦身处理的服装模特图片（“素材文件第3章20.jpg”），单击“滤 镜”|“液化”命令，弹出“液化”对话框，在左侧工具箱中选择冻结蒙版工具，在不需要 变形的位置进行涂抹（涂抹的位置显示为红色）。再选择向前变形工具，通过单击并拖动鼠 标的方式调整腰部的线条，如图3-33所示。 图3-33 用“液化”滤镜进行瘦身 调整模特身形 网店美工（第3版） - 改三22-1-10.indd 49 2022\/1\/12 13:10:51

第58页

050 网店美工（第 3 版全彩微课版） 3.3.5 对商品图像进行锐化处理 在网店装修中，商品图像的清晰度是最基本、最重要的一个问题。如果 商品图像不清晰，那么买家就无法深入了解商品的细节。特别是需要对商品 进行局部展示时，图像的清晰度直接关系到展示的效果。 为了让商品的细节更加清晰，需要在Photoshop中对商品图像进行锐化处 理。锐化处理方法有两种：一是使用“USM锐化”滤镜进行快速锐化，二是 使用“高反差保留”滤镜进行无杂色锐化。 1．用“USM锐化”滤镜快速锐化商品图像 利用“USM锐化”滤镜可以调整图像边缘细节的对比度，并在边缘的每侧生成一条亮 线和一条暗线，使图像整体看上去更加清晰。 打开一张图片（“素材文件第3章21.jpg”），单击“滤镜”|“锐化”|“USM锐化” 命令，在弹出的“USM锐化”对话框中适当调整各项参数，然后单击“确定”按钮。可以 看出，锐化后的图像更加清晰，而且凸显了相机表面的材质，提升了商品图像的品质，可以 让买家更加准确地了解商品的外观和材质，如图3-34所示。 图3-34 用“USM锐化”滤镜锐化商品图像 2．用“高反差保留”滤镜无杂色锐化商品图像 “高反差保留”滤镜可以在有强烈颜色转变发生的地方按指定的半径保留边缘细节，并 且不显示图像的其余部分，也就是将图像中颜色、明暗反差较大的两部分的交界处保留下 来，如商品图像的轮廓线以及模特面部、服装等有明显线条的地方会被保留，而其他大面积 无明显明暗变化的地方则生成中灰色，这样图像看上去会更清晰。 对商品图像应用“高反差保留”滤镜，结合“图层”面板中的“线性光”图层混合模式 就能对商品图像的细节进行无杂色锐化，避免由于锐化过度而产生影响画质的多余杂色。 打开一张玫瑰花束图片（“素材文件第3章22.jpg”），首先按【Ctrl+J】组合键复制 需要锐化的图层，然后选择复制的图层，单击“滤镜”|“其他”|“高反差保留”命令，在 弹出的“高反差保留”对话框中适当调整各项参数，单击“确定”按钮。在“图层”面板中 对商品图像进行 锐化处理 网店美工（第3版） - 改三22-1-10.indd 50 2022\/1\/12 13:10:52

第59页

051 网店装修六大技能 第3章 设置图层混合模式为“线性光”，在图像窗口中可以看到处理后的花束图像细节显得更加清 晰，如图3-35所示。 图3-35 用“高反差保留”滤镜锐化商品图像 3.4　调色——校正有色差的商品图片 在拍摄商品时，受环境光线不理想、数码相机的曝光或白平衡等参数设置不当等因素的 影响，拍出的商品图片可能会出现影调不理想或存在偏色等情况，这时就需要对其进行后期 的调色处理。 3.4.1 调整图片的亮度 在商品图片的后期处理中，要先观察图片的整体明暗效果，对于曝光不 准确的图片，首先应对全图的明暗进行调整，通过提高亮度和增强暗调让图 片的曝光趋于正常。在Photoshop中可以通过“曝光度”“色阶”“曲线”等 命令调整商品图片的亮度，让其快速恢复正常。 1．用“曝光度”命令进行二次曝光处理 Photoshop中的“曝光度”命令是用于控制图片明暗的有力工具，它的工作原理是模拟 数码相机内部的曝光程序对图片进行二次曝光处理，一般用于调整图片的曝光不足或曝光 过度。 打开一张商品图片（“素材文件第3章23.jpg”），单击“图像”|“调整”|“曝光度” 命令，在弹出的“曝光度”对话框中设置“曝光度”“位移”“灰度系数校正”等参数，然 后单击“确定”按钮，即可看到原本有些暗淡的商品图像变得鲜亮起来，如图3-36所示。 通过“曝光度”对话框中的“预设”选项可以快速调整图片的曝光度，其下拉列表中包 含了常用的预设调整效果，如图3-37所示。但是，“预设”的调整只针对“曝光度”一个参 数，不会对“位移”和“灰度系数校正”参数产生影响。 调整图片的亮度 网店美工（第3版） - 改三22-1-10.indd 51 2022\/1\/12 13:10:52

第60页

052 网店美工（第 3 版全彩微课版） 图3-36 调整曝光度 图3-37 曝光度“预设”选项 2．用“色阶”命令调整商品图片的曝光与层次 在Photoshop中打开商品图片后，单击“图像”|“调整”|“色阶”命令，在弹出的“色 阶”对话框中可以看到直方图，改变直方图的形状即可改变图片中像素的分布，从而改变商 品图片的曝光和层次。 打开一张曝光及层次不理想的商品图片（“素材文件第3章24.jpg”），单击“图 像”|“调整”|“色阶”命令，弹出“色阶”对话框，在“输入色阶”选项区中对色阶值进 行调整：可以用鼠标拖动直方图下方的黑、白、灰3个滑块，直到商品图片恢复正常的曝光 效果、层次更加清晰，也可以直接在滑块下方的文本框中输入数值，如图3-38所示。 图3-38 用“色阶”命令调整图片的曝光与层次 网店美工（第3版） - 改三22-1-10.indd 52 2022\/1\/12 13:10:52

第61页

053 网店装修六大技能 第3章 3．用“曲线”命令调整不同明暗区域的亮度 “曲线”命令和“色阶”命令一样，都是用来调整图像整体明暗的；不同的是“色阶” 命令只能调整亮部、暗部和中间灰度的明暗，而“曲线”命令是应用不同的曲线形态来控制 图像的明暗对比效果的，它可以通过控制曲线中任意一点的位置，在较小的范围内调整图像 的明暗，如高光、1\/4色调、中间调、3\/4色调或暗部。 打开一张曝光不足的女装图片（“素材文件第3章25.jpg”），单击“图像”|“调 整”|“曲线”命令，在弹出的“曲线”对话框中可以通过拖动鼠标来调整曲线的形状。由 于原图片画面偏暗，因此单击曲线中间调上的控制点并向上拖动，使画面整体变亮，恢复正 常的曝光效果，如图3-39所示。 图3-39 用“曲线”命令调整图片影调 此外，利用“曲线”对话框中的“预设”选项可以快速调整图片的影调。选择“预设” 选项后，曲线的形状也会发生相应的变化。 3.4.2 校正商品图片的白平衡 环境光线的影响或相机参数设置不当都会导致拍摄出的图片色彩与人眼 看到的色彩不同，它会给买家带来视觉上的误差，甚至引起不必要的误会。 因此，在后期处理中必须对商品图片进行色彩校正，让商品图像恢复真实色 彩。使用Photoshop中的“色彩平衡”命令可以校正图片的白平衡，让商品图 像的色彩更加真实、自然。 使用“色彩平衡”命令能够单独对商品图片的高光、中间调或阴影部分进行调整，通过 添加过渡色调的相反色来平衡画面的色彩。 打开一张偏色图片（“素材文件第3章26.jpg”），单击“图像”|“调整”|“色彩平 衡”命令，在弹出的“色彩平衡”对话框中进行参数设置，然后单击“确定”按钮，如 图3-40所示。由于原商品图片偏黄，所以需要增强冷色调。在“色彩平衡”选项区中拖动3 个色条上的滑块（或者直接在“色阶”文本框中输入数值），直到商品图像的色彩接近人眼 看到的商品实物效果为止。 校正商品图片的 白平衡 网店美工（第3版） - 改三22-1-10.indd 53 2022\/1\/12 13:10:52

第62页

054 网店美工（第 3 版全彩微课版） 图3-40 用“色彩平衡”命令调色 根据“色彩平衡”命令的工作原理，可以为商品图片应用暖色调或冷色调，即利用颜色 的互补原理平衡图片的色调。在“色彩平衡”对话框的“色彩平衡”选项区中，每个滑块的 两端各自对应着一个暖色和一个冷色，向某个颜色的方向拖动滑块，就可以提高画面中对应 颜色的比例。例如，要增强画面中的蓝色，就可以将滑块向蓝色方向拖动。 3.4.3 调整商品图片的色调 在商品图片的后期处理中，为了凸显网店的风格，可以适当调整图片的 色调，让其色彩表现更独特、更符合商品特质。例如，可以为复古风格的商 品图片添加淡淡的怀旧色调，为小清新风格的商品图片添加偏黄的色调。 在Photoshop中可以使用“照片滤镜”命令模拟相机镜头上安装彩色滤镜 的拍摄效果，消除色偏或对图片应用指定的色调。 打开一张正常色调的复古耳环图片（“素材文件第3章27.jpg”），可以看到图片中的 色调过于平淡，不能营造出特定的氛围。单击“图像”|“调整”|“照片滤镜”命令，在弹 出的“照片滤镜”对话框的“滤镜”下拉列表框中选择“深褐”选项，并设置“浓度”为 80%，然后单击“确定”按钮，可以看到画面呈现出复古色调，与商品的造型更加匹配，如 图3-41所示。 图3-41 用“照片滤镜”命令调整图片色调 调整商品图片的 色调 网店美工（第3版） - 改三22-1-10.indd 54 2022\/1\/12 13:10:53

第63页

055 网店装修六大技能 第3章 3.5　编辑——美化与修饰商品图像 在对图片进行了基本的处理之后，还需要利用图层样式增强图片的特效感、利用图层混 合模式制作特殊效果、利用蒙版控制图像显示效果、制作GIF动态闪图等。下面将对这些操 作进行详细介绍。 3.5.1 利用图层样式增强特效感 Photoshop提供了各种图层样式，如阴影、发光和斜面等，用来更改图层内容的外观。 图层样式与图层内容相链接，当移动或编辑图层内容时，修改的内容中会应用相同的样式。 例如，对文本图层应用投影并添加新的文本，就会自动为新文本添加阴影。 通过“图层样式”对话框可以创建或设置图层样式，添加的图层样式会出现在图层的下 方。双击样式名称，可以打开“图层样式”对话框，如图3-42所示，以便查看或编辑样式的 设置。应用图层样式的效果如图3-43所示。 图3-42 打开“图层样式”对话框图3-43 应用图层样式的效果 在“图层样式”对话框中可以编辑应用于图层的样式，或者创建新样式，为同一个图层 应用一个或多个图层样式。 ● 斜面和浮雕：对图层添加高光与阴影的各种组合。 ● 描边：用颜色、渐变或图案在图层上描画对象的轮廓，对于硬边形状或文字特别有用。 ● 内阴影：紧靠图层内容的边缘添加阴影，使其产生凹陷效果。 ● 内发光、外发光：从图层内容的内边缘或外边缘添加发光效果。 ● 光泽：应用创建光滑光泽的内部阴影。 ● 颜色叠加、渐变叠加和图案叠加：使用颜色、渐变或图案填充图层内容。 ● 投影：在图层内容的后面添加阴影。 如果图层中包含有图层样式，那么“图层”面板中的图层名称右侧将显示图标。若要 隐藏或显示图像中的所有图层样式，则可通过单击“效果”前面的眼睛图标进行控制， 如图3-44所示。 网店美工（第3版） - 改三22-1-10.indd 55 2022\/1\/12 13:10:53

第64页

056 网店美工（第 3 版全彩微课版） 图3-44 控制图层样式的显示 复制和粘贴图层样式是对多个图层应用相同效果的便捷方法：用鼠标右键单击某个图 层，选择“拷贝图层样式”命令，再从“图层”面板中选择目标图层并用鼠标右键单击， 选择“粘贴图层样式”命令，即可用粘贴的图层样式替换目标图层上的原有图层样式，如 图3-45、图3-46所示。 图3-45 替换图层样式的命令图3-46 替换图层样式 3.5.2 利用图层混合模式制作特殊效果 通过调整图层混合模式可以对图像的颜色进行相加或相减，从而制作出特殊效果。 Photoshop中包含了多种类型的图层混合模式，包括组合型混合模式、加深型混合模式、减 淡型混合模式、对比型混合模式、比较型混合模式和色彩型混合模式。根据不同的视觉需 要，可以应用不同的混合模式。单击“图层”面板中图层混合模式下拉列表框右侧的按 钮，就会弹出图层混合模式菜单，如图3-47所示。 ● 组合型混合模式：包含“正常”和“溶解”，默认情况下图层的混合模式都为 “正常”。 ● 加深型混合模式：包含“变暗”“正片叠底”“颜色加深”“线性加深”和“深 色”，可以将当前图像与底层图像进行加深混合，将底层图像变暗。 ● 减淡型混合模式：包含“变亮”“滤色”“颜色减淡”“线性减淡（添加）”和 “浅色”，可以使当前图像中的黑色消失。 ● 对比型混合模式：包含“叠加”“柔光”“强光”“亮光”“线性光”“点光”和 “实色混合”，可以让图层混合后的图像产生更强烈的对比性效果，使图像暗部变得更暗、 亮部变得更亮。 ● 比较型混合模式：包括“差值”“排除”“减去”和“划分”，可以通过比较当前 网店美工（第3版） - 改三22-1-10.indd 56 2022\/1\/12 13:10:53

第65页

057 网店装修六大技能 第3章 图像与底层图像将相同的区域显示为黑色、不同的区域显示为灰 度或彩色。 ● 色彩型混合模式：包括“色相”“饱和度”“颜色”和 “明度”，通过将色彩三要素中的一种或两种应用到图像中混合 图层色彩。 图3-48所示为添加光效素材后的画面效果。当对光效素材所 在图层应用“线性减淡（添加）”混合模式进行设置后，可以 看到素材背景中的黑色部分消失，形成了完美的融合效果，如 图3-49所示。 图3-48 添加光效素材后的画面效果 图3-49 设置图层混合模式 需要注意的是，图层混合模式与形状工具选项栏中的混合模式不同，图层混合模式中没 有“清除”混合模式。对于Lab颜色模式的图片，不能使用“颜色减淡”“颜色加深”“变 图3-47 图层混合模式菜单 网店美工（第3版） - 改三22-1-10.indd 57 2022\/1\/12 13:10:53

第66页

058 网店美工（第 3 版全彩微课版） 暗”“变亮”“差值”“排除”“减去”和“划分”混合模式。 3.5.3 利用蒙版控制图像显示效果 蒙版用于控制图层的显示区域，但是并不参与图层的操作，蒙版与图层 两者之间是息息相关的。在Photoshop中进行网店装修设计时，使用蒙版可 以保持画面局部的图像不变，对处理区域的图像进行单独的色调和影调的编 辑，被蒙版遮盖起来的部分则不会发生改变，蒙版通常用于对商品图片进行 抠取、编辑局部色调和影调等操作。 打开“素材文件第3章28.jpg”，使用选区工具创建选区之后，接着单击“添加图层蒙 版”按钮，即可在图层蒙版中看到创建选区后的商品图像，而所创建的图层蒙版与选区 的范围有关，如图3-50所示。 图3-50 创建选区后添加图层蒙版 为图层创建图层蒙版后，可以通过双击“图层”面板中的蒙版缩览图打开“蒙版”属性 面板。“蒙版”属性面板中显示了当前蒙版的“浓度”“羽化”等选项，可以对这些选项进 行设置并同时应用到蒙版中，如图3-51所示。 图3-51 设置蒙版选项 利用蒙版控制图 像显示效果 网店美工（第3版） - 改三22-1-10.indd 58 2022\/1\/12 13:10:53

第67页

059 网店装修六大技能 第3章 除了创建选区后添加图层蒙版外，还可以使用绘图工具（如画笔工具和渐变工具）对蒙 版的效果进行调整。使用画笔工具可以直接在选中的图层蒙版上进行涂抹，根据前景色的不 同，其涂抹后的效果也会不同；使用渐变工具可以在图层蒙版中快速创建一个带有渐隐效果 的灰度图像，其中黑色的蒙版区域会被隐藏、白色的蒙版区域会被显示、灰色的蒙版区域会 以半透明的方式显示。 3.5.4 制作GIF动态闪图 为了能够全方位地展示网店商品，达到吸引买家眼球的目的，一些网店 往往会添加一些动态闪图，也就是GIF格式的动态图像。下面将介绍制作GIF 动态闪图的具体操作方法。 步骤 01 在Photoshop中单击“文件”|“脚本”|“将文件载入堆栈”命令，弹出“载入 图层”对话框，在“使用”下拉列表框中选择“文件”选项，单击“浏览”按钮，在弹出的 对话框中选择要导入的图片，单击“确定”按钮，如图3-52所示。 图3-52 导入图片 步骤 02 单击“窗口”|“时间轴”命令，打开“时间轴”面板，单击“创建帧动画”按 钮，在“时间轴”上创建1个帧动画，如图3-53所示。 图3-53 打开时间轴并创建帧动画 制作GIF动态 闪图 网店美工（第3版） - 改三22-1-10.indd 59 2022\/1\/12 13:10:54

第68页

060 网店美工（第 3 版全彩微课版） 步骤 03 单击“时间轴”面板右上角的按钮，选择“从图层建立帧”选项，将导入的 图片创建为帧动画，在“时间轴”中即可看到各图层帧，如图3-54所示。 图3-54 从图层建立帧 步骤 04 在“时间轴”面板中根据需要移动各图层帧的先后次序，选择全部帧，并设置 图片的延迟时间，在此设置为0.5秒，设置循环类型为“永远”，如图3-55所示。 图3-55 设置延时时间及循环类型 步骤 05 单击“文件”|“存储为Web所用格式”命令，在弹出的对话框中选择GIF文件 格式，然后单击“存储”按钮，即可完成GIF动态闪图的制作，如图3-56所示。 图3-56 存储GIF动态闪图 网店美工（第3版） - 改三22-1-10.indd 60 2022\/1\/12 13:10:54

第69页

061 网店装修六大技能 第3章 3.6　文字——商品信息辅助说明 文字是视觉传达的重要组成部分，是图像和色彩之外的又一视觉构成要素，所以在完成 商品图片的美化和修饰之后，为了让买家了解更多的商品信息，通常需要在页面中适当地添 加文字。Photoshop除了具有强大的图像处理功能外，还具备一定的文字编排功能，利用它 能够轻松地制作出满足网店装修设计需要的文字效果。 3.6.1 添加文字并设置格式 在网店装修的文字编辑工作中，为处理好的商品图片添加文字是第一个步骤。添加文字 后，还需要对文字的字体、字号、字间距和颜色等进行调整，使文字的外形和色彩符合当前 页面的风格，能够准确地传达出商品的信息。 在Photoshop中打开一张已经处理好的商品图片，选择横排文字工具，在需要添加文字 的地方单击鼠标左键，当显示出闪烁的插入点时即可输入文字。选中输入的文字，单击“窗 口”|“字符”命令，打开“字符”面板，在其中对文字的相关属性进行设置，并使用移动 工具适当调整文字的位置，即可完成文字的添加操作，如图3-57所示。 图3-57 添加文字 除了使用横排文字工具为页面添加横排文字以外，还可以使用直排文字工具添加竖排文 字，这两个工具的使用方法相似。若要创建段落文字，则可使用文字工具在图像窗口中单击 并拖动，创建文本框后再输入文字，如图3-58所示。 图3-58 添加段落文字 网店美工（第3版） - 改三22-1-10.indd 61 2022\/1\/12 13:10:55

第70页

062 网店美工（第 3 版全彩微课版） 创建文字后，“图层”面板中会自动添加相应的文字图层，可以随时对文字图层中的文 字进行编辑修改，也可以对文字图层应用图层相关的命令。注意：在对文字图层进行栅格化 处理之后，矢量的文字轮廓会被转换为像素，也就不能作为文字进行编辑了。 3.6.2 制作创意标题文字 为了让文字的表现主次分明，我们可以通过改变字体、字号和颜色等来突出重要的标题 文字。有时为了营造特定的氛围，需要让标题文字看起来更有新意，仅通过变换字体等格式 是无法实现的，此时可以通过两种方法对标题文字进行艺术化设计：一是通过为文字添加图 层样式来丰富视觉表现；二是对文字外观进行重新设计，制作出艺术化的文字效果。 1．使用图层样式对文字进行修饰 使用图层样式对文字进行修饰，可以随时调整参数，并且不会影响文字本身的属性。图 3-59所示的标题文字使用“渐变叠加”图层样式进行了修饰，文字的表现更为丰富，成为画 面的视觉中心，达到了很好的宣传效果。 图3-59 使用图层样式对标题文字进行修饰 2．文字外观的艺术化设计 文字外观的艺术化设计是指通过使用矢量图形工具重新绘制文字、在文字上添加修饰形 状等方式来制作文字。图3-60所示的“3·8女王节”标题文字就是在原文字的基础上使用矢 量图形工具绘制出来的，并为文字添加了修饰形状，让其更具层次感。 图3-60 文字外观的艺术化设计 网店美工（第3版） - 核红22-1-27.indd 62 2022\/1\/27 9:49:15

第71页

063 网店装修六大技能 第3章 3.6.3 对段落文字进行艺术化编排 现代人的生活节奏越来越快，很多人是利用碎片化时间进行网购的，对于大段的文字往 往缺乏阅读的耐心。为了更好地调动买家的阅读兴趣，除了让文字的内容更加凝练外，还可 以对大段文字进行艺术化的编排设计，以增强文字信息的视觉传达效果。 图3-61所示的图片除了根据版面布局对段落文字的对齐方式、行间距等进行调整以外， 还对段落文字的字体、字号进行了精心搭配，使段落文字的主次更加分明，提升了文字的阅 读体验，避免了大段文字给买家造成的阅读障碍，有效地增强了买家的阅读兴趣。 图3-61 对段落文字进行艺术化编排 课后练习 1．根据本章所介绍的去除水印的方法为图3-62所示的海报去除水印。 图3-62 去除水印 第3章课后练习1 网店美工（第3版） - 核红22-1-27.indd 63 2022\/1\/27 9:50:04

第72页

064 网店美工（第 3 版全彩微课版） 2．试采用不同的抠图方法对图3-63所示的商品图像进行抠图。 图3-63 抠图 3．试对图3-64所示的两张商品模特图片进行校正调色，使其恢复正常色调。 图3-64 校正调色 第3章课后练习2 第3章课后练习3 网店美工（第3版） - 改三22-1-10.indd 64 2022\/1\/12 13:10:56

第73页

◆ 电子商务基础（慕课版） ◆ 网店运营实务（慕课版） ◆ 网店金牌客服（第 2 版视频指导版） ◆ 网店美工（第 3 版全彩微课版） ◆ 电子商务文案写作（慕课版） ◆ 新媒体营销实务（慕课版） ◆ 短视频制作（慕课版） ◆ 短视频运营（慕课版） ◆ 直播电商实战教程（慕课版） 教材服务热线：010-81055256 反馈／投稿／推荐信箱：315@ptpress.com.cn 人民邮电出版社教育服务与资源下载社区：www.ryjiaoyu.com 封面设计：董志桢 向教师免费提供 PPT等教学相关资料 FINANCE AND TRADE “ 十三五” 职业教育 国家 规划教材

百万用户使用云展网进行多媒体电子书制作，只要您有文档，即可一键上传，自动生成链接和二维码(独立电子书)，支持分享到微信和网站！

下载

免费制作

其他案例

更多案例

免费制作

下载

网店美工（第3版全彩微课版）

网店美工（第3版全彩微课版）

产品服务

关于我们

网络条款

其他

网店美工（第3版 全彩微课版）

网店美工（第3版 全彩微课版）

产品服务

关于我们

网络条款

其他

网店美工（第3版全彩微课版）

网店美工（第3版全彩微课版）