Photoshop网店美工实例教程 (2)
合集下载
网店美工设计-Photoshop 2022案例教程 第2版 第3章 选区
图 3-37
3.2.1 调整选区和“色彩范围”对话框 1．移动选区 2．全选和反选选区 3．修改选区 4．变换选区 5．存储选区 6．载入选区 7. 填充选区 8. 色彩范围
3.2.2 利用反选和羽化选区操作制作主图背景 在制作主图之前首先需要新建文件，然后再使用羽化选区操作来制作主图背景，操作步骤如下。
图3-2
在 Photoshop 2022 中可以创建两种类型的 选区：一种是普通选区，普通选区具有明显的边 界，使用普通选区选中的图像边界会清晰、准确 ，如图 3-3 所示；另一种是羽化选区，使用羽化 选区选出的图像，其边界会呈现逐渐透明的效果 ，使图像的边缘看起来不那么生硬。在图像合成 时可以使用羽化操作来更好地过渡图像，如图 34 所示。
ห้องสมุดไป่ตู้
图3-52
图3-53
图3-54
图 3-55
图 3-56
图 3-57
3.2.3 使用“色彩范围”对话框抠图 下面使用“色彩范围”对话框来抠取图像，操作步骤如下。
图 3-58
图 3-59
图 3-60
图 3-61
3.2.4 填充选区 在制作一些效果时，为了使其更加逼真立体，通常会为某些图像添加倒影和阴影。下面使用 填充命令为图像绘制阴影效果，使图像看起来更加立体，操作步骤 如下。
图 3-5
2. 套索工具组 套索工具组包括套索工具、多边形套索工具和磁性套索工具。利用套索工具可以在图像中绘制 不规则形状的选区，从而选取不规则形状的图像。 其工具属性栏如图 3-9所示。
图 3-9
3. 魔棒工具组 魔棒工具组包括快速选择工具和魔棒工具（快捷键为【W】）。 利用魔棒工具可以在图像中选取某一点，然后将与这一点相同或相近颜色的点自动融于选 区中；利用快速选择工具可以通过调整笔尖的大小来快速涂抹绘制选区，选区会自动向外扩展 并查找跟随图像中定义的边缘。 其对应的工具属性栏如图 3-13 所示。
网店美工设计-Photoshop 2022案例教程 第2版 第4章 路径、文字及形状
图 4-2
4.1.2 认识钢笔工具及其基本使用方法 1. 认识钢笔工具组 钢笔工具组包括钢笔工具、自由钢笔工具、弯度钢笔工具、添加锚点工具、删除锚点工具 和 转换点工具，其中钢笔工具、自由钢笔工具和弯度钢笔工具的属性栏相同，其他 3 个工具没有对 应的属性栏。在工具箱中选择钢笔工具（快捷键为【P】），其对应的工具属性栏如图 4-4 所示。
图 4-16
图4-17
图 4-18
图4-19
图4-20
4.1.4 将路径转换为选区 路径绘制完成后需要将其转换为选区，然后再抠出图像。下面将绘制后的路径转换为选区， 操作步骤如下。
图4-21
图4-22
图4-23
图4-24
4.2 文字的输入与编辑 文字在网店美工设计中是不可缺少的一部分，成功地运用文字可以点明主题，增强画面感染 力，是非常有效的宣传手段之一。本节将对文字的输入和编辑进行讲解。 【课堂案例】制作详情页商品信息屏 淘宝详情页是商品的描述页面，优秀的淘宝详情页可以激发顾客的消费欲望，树立顾客对网 店的信任感，也是最终促使顾客下单的一个重要因素，因此，详情页的设计也是网店美工设计的 重要部分。 淘宝详情页的尺寸一般为宽 790 像素，高不限，但并不是越高越好。若商品详情页太长，会 导致页面加载速度缓慢。要注意的是，商品的类别不同，其详情页包括的内容也不同，如衣服、 帽子、眼镜等商品需在商品详情页上放上商品的各个尺寸，以便顾客更了解商品。本案例将制作 毛绒玩具的淘宝详情页，涉及文字的输入和编辑操作，主要包括输入文字、创建变形文字和路径 文字等。
图 4-26
图 4-27
4.2.2 文字工具组 文字工具组主要包括横排文字工具、直排文字工具、直排文字蒙版工具和横排文字蒙版工具 4种，使用横排文字工具和直排文字工具可以输入点文字、段落文字和路径文字；使用直排文字 蒙版工具和横排文字蒙版工具可以创建文字选区。横排文字工具的属性栏如图 4-28 所示。
4.1.2 认识钢笔工具及其基本使用方法 1. 认识钢笔工具组 钢笔工具组包括钢笔工具、自由钢笔工具、弯度钢笔工具、添加锚点工具、删除锚点工具 和 转换点工具，其中钢笔工具、自由钢笔工具和弯度钢笔工具的属性栏相同，其他 3 个工具没有对 应的属性栏。在工具箱中选择钢笔工具（快捷键为【P】），其对应的工具属性栏如图 4-4 所示。
图 4-16
图4-17
图 4-18
图4-19
图4-20
4.1.4 将路径转换为选区 路径绘制完成后需要将其转换为选区，然后再抠出图像。下面将绘制后的路径转换为选区， 操作步骤如下。
图4-21
图4-22
图4-23
图4-24
4.2 文字的输入与编辑 文字在网店美工设计中是不可缺少的一部分，成功地运用文字可以点明主题，增强画面感染 力，是非常有效的宣传手段之一。本节将对文字的输入和编辑进行讲解。 【课堂案例】制作详情页商品信息屏 淘宝详情页是商品的描述页面，优秀的淘宝详情页可以激发顾客的消费欲望，树立顾客对网 店的信任感，也是最终促使顾客下单的一个重要因素，因此，详情页的设计也是网店美工设计的 重要部分。 淘宝详情页的尺寸一般为宽 790 像素，高不限，但并不是越高越好。若商品详情页太长，会 导致页面加载速度缓慢。要注意的是，商品的类别不同，其详情页包括的内容也不同，如衣服、 帽子、眼镜等商品需在商品详情页上放上商品的各个尺寸，以便顾客更了解商品。本案例将制作 毛绒玩具的淘宝详情页，涉及文字的输入和编辑操作，主要包括输入文字、创建变形文字和路径 文字等。
图 4-26
图 4-27
4.2.2 文字工具组 文字工具组主要包括横排文字工具、直排文字工具、直排文字蒙版工具和横排文字蒙版工具 4种，使用横排文字工具和直排文字工具可以输入点文字、段落文字和路径文字；使用直排文字 蒙版工具和横排文字蒙版工具可以创建文字选区。横排文字工具的属性栏如图 4-28 所示。
网店美工设计-Photoshop 2022案例教程 第2版 第5章 绘制图像
完成了以上知识点的学习，下面通过两个实例的操作来复习和巩固所学知识，提升技能。水 彩和光斑效果能在美工设计图片背景时使用。
1. 背景水彩效果
图 5-48
图 5-49
图 5-50
图 5-51
图 5-52
2. 制作光斑效果
图 5-53Βιβλιοθήκη 图 5-54图 5-55 图 5-56
图 5-57
图 5-58
图 5-59
图 5-60
5.5 课后练习 1. 制作二级页主题海报 打开本章制作的“海报背景 .psd”图像文件， 然后使用多边形工具和钢笔工具绘制相应形状，并 使用渐变工具填充相应的颜色，最后使用文字工具 输入主题文字，效果如图 5-61 所示（资源包 /05/ 效果 / 二级页主题海报 .psd）。
网店美工设计
Photoshop
案例教程 丨第2版
Chapter 5 第5章 绘制图像
目录/Contents
5.1 颜色填充 5.2 画笔载入及预设 5.3 橡皮擦工具的使用 5.4 技能提升——制作背景水彩效果和光斑效果 5.5 课后练习
第5章 绘制图像
本章将介绍颜色填充、画笔工具和橡皮 擦工具的相关知识，包括使用工具填充颜色、 使用画笔工具绘制图像，以及使用橡皮擦工 具抠取简单图像等。通过本章的学习，读者 可以掌握多种颜色填充的方法、绘制图像的 方法，以及使用橡皮擦工具抠取简单图像的 方法。
图 5-10
5.1.2 应用渐变工具
图5-11
图5-12
图5-13
5.1.3 应用油漆桶工具
图 5-14
图 5-15
图 5-16
图 5-17
图 5-18
5.2 画笔载入及预设 使用 Photoshop 2022 中的画笔工具可以绘制不同的 绘画效果，通过对画笔的不同设置可以绘制不同的线条， 在美工设计中可以结合辅助工具（如数位板）绘制插图、 美化商品等。而铅笔工具可以绘制出各种硬边效果的图像。 【课堂案例】制作毛笔文字 淘宝网店每隔一段时间都会推出不同的促销活动，而 每个促销活动都有不同的主题文字，这些主题文字可以通 过添加特效来美化，也可选择字体后结合画笔工具来制作 。当下的设计中，许多文字字体都是仿毛笔字的，但在 Photoshop2022 中直接写出毛笔手写字体有很大的困难 ，这时就可以结合字体和笔刷来制作逼真的毛笔手写效果 。本案例将制作毛笔文字，涉及画笔工具的使用以及设置 笔刷等操作。 本案例的最终效果如图 5-19 所示（资源包 /05/ 效果 / 毛笔文字 .psd）。
《网店美工设计——Photoshop 2022案例教程》教案
8．删除图层删除图层的方法有多种，可以通过“图层”面板、“图层”菜单命令来删除图层，也可在选择图层后按【Delete】键来删除图层。
二、设置前景色与背景色1．使用工具箱中的颜色工具设置前景色和背景色在工具箱中有一个设置前景色和背景色的工具，可以通过单击相应的颜色色块来设置前景色和背景色。
按【D】键可快速恢复默认的前景色和背景色，按【X】键可快速切换前景色和背景色。
2．使用“拾色器”对话框设置前景色和背景色单击工具箱中的前景色色块，打开“拾色器（前景色）”对话框，在对话框中的颜色区域中单击可设置当前颜色，拖动颜色带的三角滑块可以设置颜色的色相。
也可直接在色值文本框中输入颜色值来确定颜色。
3．使用“颜色”面板设置前景色和背景色选择“窗口＞颜色”命令，打开“颜色”面板，在其中单击前景色和背景色色块，通过单击颜色带上的颜色即可调整颜色。
单击面板中右上角的按钮，打开的菜单中提供了多种颜色显示模式，选择相应的命令后可以在不同的颜色模式中调整颜色。
4．使用吸管工具设置前景色和背景色在工具箱中选择吸管工具，将鼠标指针移到图像窗口中，此时鼠标指针变为形状，在需要取色的位置单击即可吸取该位置的颜色，吸取的颜色即为前景色。
5．使用“色板”面板设置颜色在“色板”面板中可以直接单击相应的色块来设置前景色。
单击面板中右上角的按钮，在打开的菜单中选择“新建色板预设”目录可打开“色板名称”对话框，单击“确定”按钮可以将当前前景色添加到“色板”面板中。
第三节常用快捷键归纳与提高要想更好地使用Photoshop对图像进行处理，首先需要掌握Photoshop的基本操作。
本章主要介绍了使用Photoshop 2022处理图像时要用到的基本操作，包括图像文件的基本操作、编辑图像、图层的基本操作和设置前景色与背景色。
通过本章的学习，读者可快速掌握美工图像处理的基本操作。
第3章选区教学内容一、创建选区——【课堂案例】制作品销宝二、编辑选区——【课堂案例】制作直通车主图三、技能提升——为书籍绘制阴影教学要求【学习目标】1．了解选区的相关工具2．画笔工具的使用3．橡皮擦工具的使用教学方法讲授法、案例法课时数3课时教学内容第一节颜色填充——【课堂案例】绘制二级页主视觉海报一、图像填充工具在Photoshop 2022 中还可使用渐变工具、油漆桶工具、吸管工具和菜单命令来对图像进行颜色填充。
《Photoshop网店美工实例教程(第2版)》教案
通过拖动R、G、B颜色条上所对应的滑块即可调整颜色。
四、使用吸管工具设置前景色和背景色在处理图像时，经常需要从图像中获取颜色，以确保图像中的颜色相一致。
例如，要修补图像中某个区域的颜色，通常要从该区域附近找出相近的颜色，然后用该颜色处理需要修补之处，此时便会用到吸管工具。
第七节常用图标汇总第八节常用快捷键汇总归纳与提高通过本章的学习，我们对Photoshop网店美工设计有了初步的认识，了解了Photoshop的基本概念和网店美工设计的四大要点，熟悉了Photoshop的工作界面和各种视图，掌握了Photoshop辅助工具的应用，学会了通过不同的方法设置图像颜色。
一、移动选区创建选区后，选择工具箱中的任意一种选区创建工具，然后将鼠标指针移至选区内，当指针呈形状时按住鼠标左键并拖动，即可移动选区。
二、全选和反选选区单击“选择”|“全部”命令或者直接按【Ctrl+A】组合键，可以选择画布范围内所有的图像。
三、羽化选区“羽化”命令主要用于柔化选区的边缘，使其产生一种渐变过渡的效果，以免选区边缘过于生硬。
第五节课堂案例——制作真皮男鞋海报一、【案例学习目标】学习调整选区的方法与技巧，并应用羽化选区命令制作出柔和的图像效果。
二、【案例知识要点】使用羽化选区命令制作柔和的图像效果，使用全选命令全选图像，使用魔棒工具选取图像，完成真皮男鞋海报制作。
三、【效果文件位置】效果文件/第3章/制作真皮男鞋海报.psd。
第六节课堂练习——制作手机端女装海报一、【练习知识要点】使用矩形选框工具绘制并填充矩形选区，使用调整边缘工具抠出模特，使用羽化选区命令为图像制作阴影效果。
二、【素材所在位置】素材文件/第3章/制作手机端女装海报/01.psd、02.jpg。
三、【效果文件位置】效果文件/第3章/制作手机端女装海报.psd。
第七节课后练习——制作中秋月饼简约海报一、【习题知识要点】使用魔棒工具和多边形套索工具抠出素材图像，使用移动工具将其置入海报中，然后变换图像的大小和位置。
《网店美工》项目2--精通美工常用Photoshop技能
2.1.1 Photoshop CS6基础知识 2.1.2 Photoshop基本操作 2.1.3 Photoshop文字特效
任务2 Photoshop修图美图与调色
2.2.1 修图 2.2.2 美图 2.2.3 调色
任务3 Photoshop抠图
2.3.1 美工常用的抠图工具 2.3.2 简单图像抠图 2.3.3 复杂图像抠图
2.2.1 修图
2.修补工具
1）作用：将选中区域的像素由其他区域的像素替换或替换其他位置的像素。 2）特色：适合较大范围面积像素修改和替换，而且保留了原像素亮度信息。 3）原理：如图1所示。
4）属性栏：如图2所示。
图1 修补原理
图2 修补工具属性栏 — 17 —
2.2.1 修图
2.修补工具
— 9—
2.1.2 Photoshop基本操作
6. Photoshop CS 工具箱界面
— 10 —
2.1.2 Photoshop基本操作
— 11 —
2.1.3 Photoshop文字特效
1.文字工具与文字属性栏。
Photoshop中的文字工具主要包括4种，如图所示。 使用横排文字工具 、直排文字工具 、横排文字蒙版工具 和直排文字蒙版工具 可以创建文字选区。横排文字工具的用法：
“新商科”电子商务系列规划教材
目 录 页
Contents Page
任务1 Photoshop基础与文字特效 任务2 Photoshop修图美图与调色 任务3 Photoshop抠图 任务4 Photoshop蒙版与滤镜
— 2—
目 录 页
Contents Page
任务1 Photoshop基nts Page
任务1 Photoshop基础与文字特效 任务2 Photoshop修图美图与调色 任务3 Photoshop抠图 任务4 Photoshop蒙版与滤镜
任务2 Photoshop修图美图与调色
2.2.1 修图 2.2.2 美图 2.2.3 调色
任务3 Photoshop抠图
2.3.1 美工常用的抠图工具 2.3.2 简单图像抠图 2.3.3 复杂图像抠图
2.2.1 修图
2.修补工具
1）作用：将选中区域的像素由其他区域的像素替换或替换其他位置的像素。 2）特色：适合较大范围面积像素修改和替换，而且保留了原像素亮度信息。 3）原理：如图1所示。
4）属性栏：如图2所示。
图1 修补原理
图2 修补工具属性栏 — 17 —
2.2.1 修图
2.修补工具
— 9—
2.1.2 Photoshop基本操作
6. Photoshop CS 工具箱界面
— 10 —
2.1.2 Photoshop基本操作
— 11 —
2.1.3 Photoshop文字特效
1.文字工具与文字属性栏。
Photoshop中的文字工具主要包括4种，如图所示。 使用横排文字工具 、直排文字工具 、横排文字蒙版工具 和直排文字蒙版工具 可以创建文字选区。横排文字工具的用法：
“新商科”电子商务系列规划教材
目 录 页
Contents Page
任务1 Photoshop基础与文字特效 任务2 Photoshop修图美图与调色 任务3 Photoshop抠图 任务4 Photoshop蒙版与滤镜
— 2—
目 录 页
Contents Page
任务1 Photoshop基nts Page
任务1 Photoshop基础与文字特效 任务2 Photoshop修图美图与调色 任务3 Photoshop抠图 任务4 Photoshop蒙版与滤镜
网店美工设计-Photoshop 2022案例教程 第2版 第9章 调整图像的色彩与色调
9.1 调整图像明暗 在处理网店图像的过程中，常常需要根据实际情况对网店的商品图像或模特图像进行色彩和色调 调整。Photoshop 2022提供了多种色彩和色调的调整命令，应用这些调整命令可以对图像的明暗进 行调整。 【课堂案例】调整模特图 在制作一些护肤品页面时，会使用模特对商品进行展示，而通常摄影师拍摄出的照片效果并不能 达到要求，此时就需要使用 Photoshop 对照片的色彩和色调进行调整。根据网店的定位和面向人群 的不同，模特照片的色彩和色调也不同，如果受众是年轻的小女生，则模特图会更显活泼，颜色也会 更丰富，照片的色彩和色调趋于明亮、饱和。 本案例将调整清透的模特护肤照片，使读者通过学习不同的调整命令，掌握各个调整命令的使用 方法。
图 9-4
• 对于色调偏亮的 RGB 模式图像，可以将曲线调整为下凹的形状，压暗图像。 • 对于色调对比不明显的图像，可调整曲线为 S形，使图像亮部更亮、暗部更暗，如图 9-5所 示。
图 9-5
4. 曝光度 曝光度用于调整 HDR 图像的色调，有时也会用于调 整曝光不足或曝光过度的图像。选择“图像＞调整＞曝光 度”命令打开“曝光度”对话框，如图 9-6 所示。
图 9-9
9.1.2 调整曲线
图 9-10
图 9-11
图 9-12ห้องสมุดไป่ตู้
图 9-13
图 9-14
9.1.3 调整色相 / 饱和度
图 9-15
图 9-16
9.1.4 调整曝光度
图 9-17
图 9-18
9.2 图像色彩调整 【课堂案例】婚纱模特展示图调色 在淘宝网店中，好的婚纱模特展示图可以 吸引顾客，让顾客有购买欲望，因此，除了在 拍照时需要有必要的摄影技巧，后期的调色工 作也非常重要。漂亮的后期图能够为美工在制 作各种设计时锦上添花。除了对婚纱模特展示 图进行调色外，还可对其他商品进行调色，为 了保证商品的色差不大，在调色过程中一定要 把握调色的度，不要为了调色而去改变商品本 身的色彩。 本案例的最终效果如图 9-19 所示（资源 包 /09/ 效果 / 婚纱模特展示图调色 .psd）。
Photoshop网店美工案例教程(第4版)PPT第2章
缩放图像
2.2.2 变换商品图像
● 图像的旋转
单击“编辑”|“变换”|“旋转”命令，调出变换控制框。将鼠标指针放在变换控制框的控制柄上， 当鼠标指针呈 形状时按住鼠标左键并拖动，即可对图像进行旋转操作。
旋转图像
2.2.2 变换商品图像
● 图像的斜切
单击“编辑”|“变换”|“斜切”命令，调出变换控制框。将鼠标指针放在变换控制框的控制柄上， 当鼠标指针呈 形状时按住鼠标左键并拖动，即可对图像进行斜切操作。
第2章
网店美工图像处理 基本操作
要想利用Photoshop进行网店美工设计，首先要掌 握Photoshop的基本操作。本章将学习使用Photoshop CC 2020进行商品图像处理时所涉及的各种基本操作， 其中包括调整商品图像尺寸、裁剪与变换商品图像、还 原与恢复图像编辑操作，以及图层的基本操作等。
“还原”和“重做”命令
2.3.2 使用“历史记录”面板恢复图像操作
使用“历史记录”面板可以帮助用户恢复到之前所操作的任意一个步骤。单击“窗口”|“历史 记录”命令，即可打开“历史记录”面板。
“历史记录”面板
2.3.2 使用“历史记录”面板恢复图像操作
还可以单击“编辑”|“首选项”命令或直接按【Ctrl+K】组合键，在弹出的“首选项”对话框 的“性能”选项中更改存储历史记录状态的步数。
如果在合并图层时图像中有隐藏的图层，将弹出提示信息框，询问是否要扔掉隐藏的图层。
“图层”菜单命令
提示信息框
2.4.7 合并图层
● 盖印图层
盖印图层就是将多个图层的内容合并到一个新的图层，同时保持其他图层不变。选择需要盖印 的图层，然后按【Ctrl+Alt+E】组合键，即可得到包含当前所有选择图层内容的新图层。
2.2.2 变换商品图像
● 图像的旋转
单击“编辑”|“变换”|“旋转”命令，调出变换控制框。将鼠标指针放在变换控制框的控制柄上， 当鼠标指针呈 形状时按住鼠标左键并拖动，即可对图像进行旋转操作。
旋转图像
2.2.2 变换商品图像
● 图像的斜切
单击“编辑”|“变换”|“斜切”命令，调出变换控制框。将鼠标指针放在变换控制框的控制柄上， 当鼠标指针呈 形状时按住鼠标左键并拖动，即可对图像进行斜切操作。
第2章
网店美工图像处理 基本操作
要想利用Photoshop进行网店美工设计，首先要掌 握Photoshop的基本操作。本章将学习使用Photoshop CC 2020进行商品图像处理时所涉及的各种基本操作， 其中包括调整商品图像尺寸、裁剪与变换商品图像、还 原与恢复图像编辑操作，以及图层的基本操作等。
“还原”和“重做”命令
2.3.2 使用“历史记录”面板恢复图像操作
使用“历史记录”面板可以帮助用户恢复到之前所操作的任意一个步骤。单击“窗口”|“历史 记录”命令，即可打开“历史记录”面板。
“历史记录”面板
2.3.2 使用“历史记录”面板恢复图像操作
还可以单击“编辑”|“首选项”命令或直接按【Ctrl+K】组合键，在弹出的“首选项”对话框 的“性能”选项中更改存储历史记录状态的步数。
如果在合并图层时图像中有隐藏的图层，将弹出提示信息框，询问是否要扔掉隐藏的图层。
“图层”菜单命令
提示信息框
2.4.7 合并图层
● 盖印图层
盖印图层就是将多个图层的内容合并到一个新的图层，同时保持其他图层不变。选择需要盖印 的图层，然后按【Ctrl+Alt+E】组合键，即可得到包含当前所有选择图层内容的新图层。
Photoshop网店美工实例教程(含视频) 第2章 网店美工图像处理基本操作
重命名图层
2.4 图层的基本操作 3 转换“背景”图层与普通图层
“背景”图层 相当于作画时用的纸，它在“图层”面板中只能位于图层的最下方。“背景” 图层后面有个 图标，表示该图层已被锁定，即图层混合模式、不透明度、填 充及可见性均不可更改。
普通图层 是最常用的图层，为透明状态，在普通图层中可以进行各种图像编辑操作，并 且可以修改图层混合模式、不透明度、填充及是否可见等。
裁剪工具属性栏
创建裁剪区域后，单击 按钮， 可以设置其他裁剪选项。
裁剪选项
2.2 裁剪与变换商品图像 1 裁剪商品图像
裁剪图像
2.2 裁剪与变换商品图像 1 裁剪商品图像
调整裁剪框范围
2.2 裁剪与变换商品图像 1 裁剪商品图像
移动裁剪框位置
2.2 裁剪与变换商品图像 1 裁剪商品图像
旋转裁剪图像
2.1 调整商品图像尺寸 1 调整图像大小
单击“图像”|“图像大小”命令， 或者直接按【Alt+Ctrl+I】组合键，在 弹出的“图像大小”对话框中设置各 项参数，然后单击“确定”按钮。
“自动分辨率”对话框
“图像大小”对话框
单.1 调整商品图像尺寸 2 调整画布大小
2.4 图层的基本操作 3 转换“背景”图层与普通图层
1 将“背景”图层转换为普通图层
2 将普通图层转换为“背景”图层
“新建图层”对话框
单击“图层背景”命令
转换图层效果
转换图层效果
2.4 图层的基本操作 4 复制图层
拖至“创建新图层”按钮
复制图层效果
2.4 图层的基本操作 5 栅格化图层内容
栅格化就是将矢量图层转换为 位图图层的过程。选中要栅格化的 图层，单击“图层”|“栅格化”命 令，在弹出的子菜单中即可选择栅 格化不同的对象。
应用圆角矩形工具_Photoshop网店美工实例教程（全彩微课版）_[共2页]
![应用圆角矩形工具_Photoshop网店美工实例教程（全彩微课版）_[共2页]](https://img.taocdn.com/s3/m/c166b61bda38376baf1faedb.png)
Photoshop网店美工实例教程（全彩微课版）
边：该选项只有在选择和
：单击该下拉按钮，将弹出下拉面板，利用该面板可以控制矩形
图7-54 描边设置面板图7-55 几何选项面板选中“不受约束”单选按钮，拖动鼠标可以创建任意大小的矩形；选中“方形”单选按钮，拖动鼠标可以创建正方形；选中“固定大小”单选按钮，然后在后面的文本框中输入宽度值（），单击即可创建设定大小的矩形；选中“比例”单选按钮，并在后面的数值框中输入宽高比，拖动鼠标即可创建固定比例的矩形；选中“从中心”复选框，可以鼠标按下点为中心
图7-56 绘制圆角矩形图7-57 绘制圆角正方形。
网店美工设计-Photoshop 2022案例教程 第2版 第2章 美工图像处理基本操作
按钮
（快捷键为【Ctrl+O】组合键）打开“打开”对
话框，如图 2-4 所示。
图 2-4
2.1.3 保存图像文件
选择“文件＞存储”命令，或按【Ctrl+S】组
合键，可以存储文件。当对图像文件进行第一次存
储时，选择“文件＞存储”命令，将打开“另存为”
对话框，在其中可以设置文件的存储位置、存储名
称和文件格式，单击
图 2-7
2. 调整画布尺寸 画布是指绘制和编辑图像的工作区域。选择“图像＞画布大小”命令，或按【Alt+Ctrl+C】 组合键，打开“画布大小”对话框，如图2-8所示。
图2-8
2.2.2 裁切图像 为了突出商品，有时需要对商品图像周围多出的区域进行裁切。选中工具箱中的裁剪工 具 ，其属性栏如图 2-9 所示。
➢课堂学习目标
● 掌握图像文件的基本操作 ● 掌握编辑图像的相关操作 ● 掌握图层的基本操作 ● 掌握前景色和背景色的操作
2.1 图像文件的基本操作
2.1.1 新建空白图像文件
启动 Photoshop 2022 后，会打开一个如图 2-1
所示的“开始”工作区，在其中会显示最近打开的文件，
单击
按钮（快捷键为【Ctrl+N】组合键）可打
图 2-20
图 2-21
7. 水平翻转和垂直翻转 选择“编辑＞变换＞水平翻转”命令，可以对图像进行水平翻转； 选择“编辑＞变换＞垂直翻转”命令，可以对图像进行垂直翻转。 8. 自由变换 在实际操作中，一个一个去选择相应的菜单命令太麻烦，这时可以 使用“自由变换”命令来操作。 选择“编辑＞自由变换”命令，或按【Ctrl+T】组合键来对图像进 行变换操作。 在自由变换状态下配合【Ctrl】【Shift】【Alt】键，可以对图像进 行缩放、旋转、透视等操作。其中【Ctrl】键控制自由变化；【Shift】 键控制方向、角度和等比例放大缩小；【Alt】键控制中心对称。
Photoshop网店美工实例教程(第2版)(PPT)3-ok
工具属性栏和视“图调预整览边缘”对话框
（g）显示图层
目录
3.1 选区工具的应用 3.2 课堂案例——制作养生壶主图 3.3 课堂案例——制作学院派可爱童装海报 3.4 编辑与修改选区 3.5 课堂案例——制作真皮男鞋海报 3.6 课堂练习——制作手机端女装海报 3.7 课后练习——制作中秋月饼简约海报
Photoshop网店美工实例教程（第2版 全彩微课版）
第3章
Photoshop网店美工 设选计区快的速创入建门与编辑
本章导读
选区是Photoshop中非常重要的概念，将图像中想要修改的部分创建为选区，这样 在对图像进行编辑操作时仅选区内的对象会发生变化，而选区外的对象不会受到影响。 因此，熟练运用选区是网店美工必须熟练掌握的基本技能之一。
矩形选框工具属性栏创建新选区Fra bibliotek添加到选区
从选区减去
与选区交叉
3.1 选区工具的应用 2 应用磁性套索工具
磁性套索工具 是一种智能化、可以识别图像边界的选择工具，适用于选择背景复杂但边 缘清晰的图像。
使用磁性套索工具创建选区 磁性套索工具属性栏
3.1 选区工具的应用 3 应用魔棒工具
魔棒工具 是根据图像的饱和度、色度和亮度等信息来选择选区的范围，通过调整容差值来控制 选区的精确度。
3.7 课后练习——制作中秋月饼简约海报
【案例知识要点】 使用快速选择工具选取图像，利用调整边缘工具精确抠取图像，使用移动工具移动
抠出的图像，最终效果如下图所示。
学院派可爱童装海报
3.3 课堂案例——制作学院派可爱童装海报
目录
3.1 选区工具的应用 3.2 课堂案例——制作养生壶主图 3.3 课堂案例——制作学院派可爱童装海报 3.4 编辑与修改选区 3.5 课堂案例——制作真皮男鞋海报 3.6 课堂练习——制作手机端女装海报 3.7 课后练习——制作中秋月饼简约海报
课堂案例——制作宝贝描述_Photoshop网店美工实例教程（全彩微课版）_[共2页]
![课堂案例——制作宝贝描述_Photoshop网店美工实例教程（全彩微课版）_[共2页]](https://img.taocdn.com/s3/m/95f61d39aeaad1f346933ff9.png)
（2）在图像中单击输入文字，如图9-28所示。按【Ctrl+Enter】组合键，将文字转换为选区。 选择矩形选框工具 ，移动选区到合适的位置。按【Ctrl+C】组合键，复制选区内的图像，如图 9-29所示。
图9-28 输入文字
图9-29 复制选区内的图像
158
微课9.1.4 宝贝描述 的制作过程
图9-25 宝贝描述 【效果所在位置】效果/第9章/制作宝贝描述.psd。 （1）单击“文件”|“打开”命令，打开“效果/第9章/制作宝贝描述/01.jpg”文件，如图9-26 所示。选择横排文字蒙版工具 ，打开“字符”面板，设置各项参数，如图9-27所示。
图9-26 打开素材文件
Photoshop网店美工实例教程（全彩微课版）
9.1.4 课堂案例——制作宝贝描述
【案例学习目标】学习使用文字工具创建文字选区、输入段落文字，以及使用“字符”面板。 【案例知识要点】使用横排文字蒙版工具创建文字选区，通过添加图层样式为文字添加描边 和阴影效果，使用文字工具拖动文本框，输入段落文字，最终效果如图9-25所示。
图9-28 输入文字
图9-29 复制选区内的图像
158
微课9.1.4 宝贝描述 的制作过程
图9-25 宝贝描述 【效果所在位置】效果/第9章/制作宝贝描述.psd。 （1）单击“文件”|“打开”命令，打开“效果/第9章/制作宝贝描述/01.jpg”文件，如图9-26 所示。选择横排文字蒙版工具 ，打开“字符”面板，设置各项参数，如图9-27所示。
图9-26 打开素材文件
Photoshop网店美工实例教程（全彩微课版）
9.1.4 课堂案例——制作宝贝描述
【案例学习目标】学习使用文字工具创建文字选区、输入段落文字，以及使用“字符”面板。 【案例知识要点】使用横排文字蒙版工具创建文字选区，通过添加图层样式为文字添加描边 和阴影效果，使用文字工具拖动文本框，输入段落文字，最终效果如图9-25所示。
课堂案例——制作宝贝热卖专区_Photoshop网店美工实例教程（全彩微课版）_[共2页]
![课堂案例——制作宝贝热卖专区_Photoshop网店美工实例教程（全彩微课版）_[共2页]](https://img.taocdn.com/s3/m/7f38c3c64431b90d6c85c7ff.png)
图8-16 删除图层蒙版 在图层蒙版中，白色所代表的区域是用于显示图像的，黑色所代表的区域是用于隐藏图像 的。而在矢量蒙版中，用于界定显示和隐藏区域的不是颜色，而是边界。
8.2 应用剪贴蒙版
所谓剪贴蒙版，就是将上面图层中的对象内容以下面图层对象的形状显示出来。可以用一个 图层来控制多个可见图层，但这些图层必须是相邻且连续的。下面将学习如何应用 Nhomakorabea贴蒙版。
137
第8章 蒙版与通道的应用
所谓应用蒙版，就是将蒙版隐藏的图像删除，将蒙版显示的图像保留，然后删除图层蒙版。 在“图层”面板中选中添加了蒙版的图层，单击“图层”|“图层蒙版”|“应用”命令，即可应 用图层蒙版，如图8-15所示。
图8-15 应用图层蒙版
若想删除图层蒙版，可先选中图层蒙版，然后将其拖到“图层”面板下方的“删除图层”按 钮 上，此时将弹出提示信息框，如图8-16所示。单击“应用”按钮，即可把图层蒙版应用于图 层；单击“删除”按钮，则不应用而直接删除图层蒙版。
8.2.1 课堂案例——制作宝贝热卖专区
【案例学习目标】学习使用剪贴蒙版制作图片效果。 【案例知识要点】使用“创建剪贴蒙版”命令为图层创建剪贴蒙版，最终效果如图8-17所示。 【效果所在位置】效果/第8章/制作宝贝热卖专区.psd。 （1）单击“文件”|“打开”命令，打开“素材/第8章/制作宝贝热卖专区/01.psd”文件，如 图8-18所示。在“图层”面板中选择“图层8”，如图8-19所示。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
裁剪工具属性栏
创建裁剪区域后，单击 按钮， 可以设置其他裁剪选项。
裁剪选项
2.2 裁剪与变换商品图像 1 裁剪商品图像
裁剪图像
2.2 裁剪与变换商品图像Hale Waihona Puke 1 裁剪商品图像调整裁剪框范围
2.2 裁剪与变换商品图像 1 裁剪商品图像
移动裁剪框位置
2.2 裁剪与变换商品图像 1 裁剪商品图像
旋转裁剪图像
重命名图层
2.4 图层的基本操作 3 转换“背景”图层与普通图层
“背景”图层 相当于作画时用的纸，它在“图层”面板中只能位于图层的最下方。“背景” 图层后面有个 图标，表示该图层已被锁定，即图层混合模式、不透明度、填 充及可见性均不可更改。
普通图层 是最常用的图层，为透明状态，在普通图层中可以进行各种图像编辑操作，并 且可以修改图层混合模式、不透明度、填充及是否可见等。
使用“历史记录”面板 可以帮助使用者恢复到之前 所操作的任意一个步骤。
单 击“ 窗 口” |“ 历 史 记录”命令，即可打开“历 史记录”面板。
可以单击“编辑”|“首选项”命令或直接按【Ctrl+K】组合键，在 弹出的“首选项”对话框的“性能”选项中更改存储历史记录的步数。
“历史记录”面板
“首选项”对话框
“栅格化”子菜单
2.4 图层的基本操作 6 对齐和分布图层顺序
通过单击“图层”|“对齐”和“图层”|“分布”菜单中的子命令，即可进行图层的对 齐和分布操作。
“对齐”和“分布”命令
也可以通过在移动工具选项栏中进行设置来完成图层的对齐和分布操作。
移动工具选项栏
2.4 图层的基本操作 7 合并图层
1 合并图层
2.1 调整商品图像尺寸 1 调整图像大小
单击“图像”|“图像大小”命令， 或者直接按【Alt+Ctrl+I】组合键，在 弹出的“图像大小”对话框中设置各 项参数，然后单击“确定”按钮。
“自动分辨率”对话框
“图像大小”对话框
单击 率”对话框。
按钮，将弹出“自动分辨
2.1 调整商品图像尺寸 2 调整画布大小
拖动图层组到“图层”面板底 部的“创建新图层”按钮 上，即 可复制图层。选中图层组后单击 按钮，将弹出提示信息框。
选择“合并组”命令 提示信息框
3 图像的斜切
4 图像的扭曲
斜切图像
扭曲图像
2.2 裁剪与变换商品图像 2 变换商品图像
5 图像的透视
6 图像的变形
图像透视
图像变形
2.2 裁剪与变换商品图像 2 变换商品图像
7 水平翻转和垂直翻转
（a）翻转前
（b）水平翻转 翻转图像
（c）垂直翻转
目录
2.1 调整商品图像尺寸 2.2 裁剪与变换商品图像 2.3 恢复与还原图像编辑操作 2.4 图层的基本操作
2.2 裁剪与变换商品图像 2 变换商品图像
单击“编辑”|“变换”菜单下 的命令，可以对图像进行各种变换 操作，例如，对图像进行缩放、旋 转、斜切和透视等。
“变换”命令
2.2 裁剪与变换商品图像 2 变换商品图像
1 图像的缩放
2 图像的旋转
缩放图像
旋转图像
2.2 裁剪与变换商品图像 2 变换商品图像
2 盖印图层
合并图层菜单命令
提示信息框
盖印图层
2.4 图层的基本操作 8 使用图层组管理图层
1 创建图层组
新建图层组
重命名图层组
移动图层到图层组
从图层新建图层组
2.4 图层的基本操作 8 使用图层组管理图层
2 使用图层组
鼠标右键单击图层组，在弹出 的快捷菜单中选择“合并组”命令， 可以将该图层组中的所有图层合并 为一个图层。
2.3 恢复与还原图像编辑操作 1 使用菜单命令还原图像操作
单 击 “ 编 辑 ” |“ 还 原 ” 命 令 ， 可以撤销最近一次对图像所做的操作。 撤销之后，单击“编辑”|“重做” 命令，可以重做刚刚还原的操作。
“还原”和“重做”命令
2.3 恢复与还原图像编辑操作 2 使用“历史记录”面板恢复图像操作
画布 指绘制和编辑图像的工作区域。
单击“图像”|“画布大小”命令， 在弹出的“画布大小”对话框中设置 各项参数，然后单击“确定”按钮。
“画布大小”对话框
目录
2.1 调整商品图像尺寸 2.2 裁剪与变换商品图像 2.3 恢复与还原图像编辑操作 2.4 图层的基本操作
2.2 裁剪与变换商品图像 1 裁剪商品图像
2.4 图层的基本操作 3 转换“背景”图层与普通图层
1 将“背景”图层转换为普通图层
2 将普通图层转换为“背景”图层
“新建图层”对话框
单击“图层背景”命令
转换图层效果
转换图层效果
2.4 图层的基本操作 4 复制图层
拖至“创建新图层”按钮
复制图层效果
2.4 图层的基本操作 5 栅格化图层内容
栅格化就是将矢量图层转换为 位图图层的过程。选中要栅格化的 图层，单击“图层”|“栅格化”命 令，在弹出的子菜单中即可选择栅 格化不同的对象。
目录
2.1 调整商品图像尺寸 2.2 裁剪与变换商品图像 2.3 恢复与还原图像编辑操作 2.4 图层的基本操作
2.4 图层的基本操作 1 选择图层
1 选择多个图层
2 取消选择图层
选择多个连续的图层
选择多个不连续的图层
单击灰色空白处
取消选择图层
2.4 图层的基本操作 2 重命名图层
双击图层名称
Photoshop网店美工实例教程
第2章
Ph网o店to美s工ho图p像网处店理美工 设基计本快操速作入门
本章导读
要想利用Photoshop进行网店美工设计，首先要掌握Photoshop的基本操作。本章 将学习使用Photoshop CS6进行商品图像处理时所涉及的各种基本操作，其中包括图像 文件的基本操作、调整商品图像尺寸、裁剪与变换商品图像、恢复与还原图像编辑操作， 以及图层的基本操作等。
学习目标
• 掌握调整商品图像尺寸的方法。 • 掌握裁剪与变换商品图像的方法。 • 掌握恢复与还原图像编辑操作的方法。 • 掌握图层的基本操作。
技能目标
✓ 学会调整图像大小和画布大小。 ✓ 学会为商品重新构图。 ✓ 学会恢复与还原图像编辑操作。 ✓ 学会选择图层、合并图层等图层的基本操作。
目录
2.1 调整商品图像尺寸 2.2 裁剪与变换商品图像 2.3 恢复与还原图像编辑操作 2.4 图层的基本操作
创建裁剪区域后，单击 按钮， 可以设置其他裁剪选项。
裁剪选项
2.2 裁剪与变换商品图像 1 裁剪商品图像
裁剪图像
2.2 裁剪与变换商品图像Hale Waihona Puke 1 裁剪商品图像调整裁剪框范围
2.2 裁剪与变换商品图像 1 裁剪商品图像
移动裁剪框位置
2.2 裁剪与变换商品图像 1 裁剪商品图像
旋转裁剪图像
重命名图层
2.4 图层的基本操作 3 转换“背景”图层与普通图层
“背景”图层 相当于作画时用的纸，它在“图层”面板中只能位于图层的最下方。“背景” 图层后面有个 图标，表示该图层已被锁定，即图层混合模式、不透明度、填 充及可见性均不可更改。
普通图层 是最常用的图层，为透明状态，在普通图层中可以进行各种图像编辑操作，并 且可以修改图层混合模式、不透明度、填充及是否可见等。
使用“历史记录”面板 可以帮助使用者恢复到之前 所操作的任意一个步骤。
单 击“ 窗 口” |“ 历 史 记录”命令，即可打开“历 史记录”面板。
可以单击“编辑”|“首选项”命令或直接按【Ctrl+K】组合键，在 弹出的“首选项”对话框的“性能”选项中更改存储历史记录的步数。
“历史记录”面板
“首选项”对话框
“栅格化”子菜单
2.4 图层的基本操作 6 对齐和分布图层顺序
通过单击“图层”|“对齐”和“图层”|“分布”菜单中的子命令，即可进行图层的对 齐和分布操作。
“对齐”和“分布”命令
也可以通过在移动工具选项栏中进行设置来完成图层的对齐和分布操作。
移动工具选项栏
2.4 图层的基本操作 7 合并图层
1 合并图层
2.1 调整商品图像尺寸 1 调整图像大小
单击“图像”|“图像大小”命令， 或者直接按【Alt+Ctrl+I】组合键，在 弹出的“图像大小”对话框中设置各 项参数，然后单击“确定”按钮。
“自动分辨率”对话框
“图像大小”对话框
单击 率”对话框。
按钮，将弹出“自动分辨
2.1 调整商品图像尺寸 2 调整画布大小
拖动图层组到“图层”面板底 部的“创建新图层”按钮 上，即 可复制图层。选中图层组后单击 按钮，将弹出提示信息框。
选择“合并组”命令 提示信息框
3 图像的斜切
4 图像的扭曲
斜切图像
扭曲图像
2.2 裁剪与变换商品图像 2 变换商品图像
5 图像的透视
6 图像的变形
图像透视
图像变形
2.2 裁剪与变换商品图像 2 变换商品图像
7 水平翻转和垂直翻转
（a）翻转前
（b）水平翻转 翻转图像
（c）垂直翻转
目录
2.1 调整商品图像尺寸 2.2 裁剪与变换商品图像 2.3 恢复与还原图像编辑操作 2.4 图层的基本操作
2.2 裁剪与变换商品图像 2 变换商品图像
单击“编辑”|“变换”菜单下 的命令，可以对图像进行各种变换 操作，例如，对图像进行缩放、旋 转、斜切和透视等。
“变换”命令
2.2 裁剪与变换商品图像 2 变换商品图像
1 图像的缩放
2 图像的旋转
缩放图像
旋转图像
2.2 裁剪与变换商品图像 2 变换商品图像
2 盖印图层
合并图层菜单命令
提示信息框
盖印图层
2.4 图层的基本操作 8 使用图层组管理图层
1 创建图层组
新建图层组
重命名图层组
移动图层到图层组
从图层新建图层组
2.4 图层的基本操作 8 使用图层组管理图层
2 使用图层组
鼠标右键单击图层组，在弹出 的快捷菜单中选择“合并组”命令， 可以将该图层组中的所有图层合并 为一个图层。
2.3 恢复与还原图像编辑操作 1 使用菜单命令还原图像操作
单 击 “ 编 辑 ” |“ 还 原 ” 命 令 ， 可以撤销最近一次对图像所做的操作。 撤销之后，单击“编辑”|“重做” 命令，可以重做刚刚还原的操作。
“还原”和“重做”命令
2.3 恢复与还原图像编辑操作 2 使用“历史记录”面板恢复图像操作
画布 指绘制和编辑图像的工作区域。
单击“图像”|“画布大小”命令， 在弹出的“画布大小”对话框中设置 各项参数，然后单击“确定”按钮。
“画布大小”对话框
目录
2.1 调整商品图像尺寸 2.2 裁剪与变换商品图像 2.3 恢复与还原图像编辑操作 2.4 图层的基本操作
2.2 裁剪与变换商品图像 1 裁剪商品图像
2.4 图层的基本操作 3 转换“背景”图层与普通图层
1 将“背景”图层转换为普通图层
2 将普通图层转换为“背景”图层
“新建图层”对话框
单击“图层背景”命令
转换图层效果
转换图层效果
2.4 图层的基本操作 4 复制图层
拖至“创建新图层”按钮
复制图层效果
2.4 图层的基本操作 5 栅格化图层内容
栅格化就是将矢量图层转换为 位图图层的过程。选中要栅格化的 图层，单击“图层”|“栅格化”命 令，在弹出的子菜单中即可选择栅 格化不同的对象。
目录
2.1 调整商品图像尺寸 2.2 裁剪与变换商品图像 2.3 恢复与还原图像编辑操作 2.4 图层的基本操作
2.4 图层的基本操作 1 选择图层
1 选择多个图层
2 取消选择图层
选择多个连续的图层
选择多个不连续的图层
单击灰色空白处
取消选择图层
2.4 图层的基本操作 2 重命名图层
双击图层名称
Photoshop网店美工实例教程
第2章
Ph网o店to美s工ho图p像网处店理美工 设基计本快操速作入门
本章导读
要想利用Photoshop进行网店美工设计，首先要掌握Photoshop的基本操作。本章 将学习使用Photoshop CS6进行商品图像处理时所涉及的各种基本操作，其中包括图像 文件的基本操作、调整商品图像尺寸、裁剪与变换商品图像、恢复与还原图像编辑操作， 以及图层的基本操作等。
学习目标
• 掌握调整商品图像尺寸的方法。 • 掌握裁剪与变换商品图像的方法。 • 掌握恢复与还原图像编辑操作的方法。 • 掌握图层的基本操作。
技能目标
✓ 学会调整图像大小和画布大小。 ✓ 学会为商品重新构图。 ✓ 学会恢复与还原图像编辑操作。 ✓ 学会选择图层、合并图层等图层的基本操作。
目录
2.1 调整商品图像尺寸 2.2 裁剪与变换商品图像 2.3 恢复与还原图像编辑操作 2.4 图层的基本操作