目录

Contents

活动2  使用“风格化”滤镜组 ………… 148

活动3  使用“锐化”滤镜组 …………… 149

活动4  使用“其他”滤镜组 …………… 149

同步实训……………………………………… 150

实训1  制作画框展示图 ………………… 150

实训2  制作水果促销海报 ……………… 151

项目小结……………………………………… 153

项目10  批处理图像与切片 … 154

任务1  批处理图像 ………………………… 155

活动1  记录动作 ………………………… 158

活动2  存储动作 ………………………… 159

活动3  使用“批处理”命令 …………… 160

任务2  图像切片 …………………………… 160

活动1  创建切片 ………………………… 164

活动2  编辑切片 ………………………… 164

活动3  输出切片 ………………………… 166

同步实训……………………………………… 166

实训1  批量调整商品图像大小 ………… 166

实训2  批量为商品图像添加边框和

    水印 ……………………………… 168

实训3  为零食店铺首页切片 …………… 169

实训4  为零食商品详情页切片 ………… 171

项目小结……………………………………… 172

了解 Photoshop 图形图像处理

项目 1

临近毕业，小艾找到了一份网店美工的实习工作。入职第一天，小艾被公司分配到设计

部，给设计师老李做助理，协助老李完成各项工作。老李准备先与小艾沟通，再让小艾使

用 Photoshop 制作一张商品陈列图，以了解小艾的基本工作能力，便于更好地安排今后的

工作。

知识目标

● 熟悉图像的基础知识。

● 掌握 Photoshop 的基本操作。

技能目标

● 能够熟练通过 Photoshop 的基本操作排版商品陈列图。

● 能够通过编辑图像制作套餐搭配模板。

素养目标

● 提高对 Photoshop 和图形图像的认识。

● 培养处理图形图像的兴趣。

11

　项目1　了解Photoshop图形图像处理　

任务 3 编辑图像

老李觉得小艾的软件基础操作能力还不错，于是给了小艾两张服装图像和一个套餐搭配

模板，要求她对图像进行简单的排版处理。小艾发现两张图像的尺寸不同，因此需要先将图

像按一定的比例进行裁剪，改变图像大小，再根据模板变换和移动图像，进行排版操作。

任务描述

任务实施

活动1 裁剪图像

为了在不损失图像清晰度的前提下方便后期进行套餐搭配模板的排版，

小艾准备先将两张图像都裁剪为 1 ∶ 1 的比例，具体操作如下。

步 骤 01 启动Photoshop CC 2018，单击 按钮，打开“打开”对话框，选择

“上衣.jpg”素材（配套资源：素材\\项目1\\上衣.jpg），然后单击 按钮。

步 骤 02 在工具箱中选择“裁剪工具” ，然后在图像编辑区中单击，图像

上将出现一个裁剪框，如图1-27所示。

步 骤 03 通过拖曳裁剪框上的控制点可调整裁剪框的大小，鼠标指针右上方将显示裁剪框的

宽度和高度，如图1-28所示。

步 骤 04 由于直接拖曳裁剪框不便于裁剪出固定比例的图像，所以，在工具属性栏中的“比

例”下拉列表框中选择“1∶1（方形）”选项，裁剪框将变为正方形，如图1-29所示。此时

拖曳控制点，裁剪框将进行等比例缩放。

步 骤 05 确定好裁剪框的大小后，将鼠标指针移至图像编辑区中，按住鼠标左键不放并向四

周拖曳移动图像位置，从而调整裁剪区域。

步 骤 06 确定好裁剪区域后，按【Enter】键完成裁剪。使用相同的方法裁剪“长裙.jpg”素

材（配套资源：素材\\项目1\\长裙.jpg），裁剪后的两张图像的效果如图1-30所示。

图 1-27 图 1-28 图 1-29 图 1-30

经验之谈

移动图像时，按住【Shift】键的同时拖曳图像，可以使图像在水平或垂直方向上进行移动。

微课

裁剪图像

12

　网店美工入门：Photoshop图形图像处理基础（全彩慕课版）

活动2 调整图像大小

小艾发现裁剪后的两张图像虽然比例相同，但尺寸大小并不相同，不利

于后面排版，于是打算调整两张图像的图像大小为“180 像素 ×180 像素”，

具体操作如下。

步 骤 01 打开“上衣.jpg”文件，选择【图像】/【图像大小】命令，打开

“图像大小”对话框，设置宽度和高度均为“180像

素”，单击选中“重新采样”复选框，并设置重新采

样为“自动”，如图1-31所示。

步 骤 02 设置完成后单击 按钮，图像将按照设

置的大小自动进行重新采样，避免出现模糊的情况。

步 骤 03 使用相同的方法将“长裙.jpg”文件调整为相

同的图像大小。

活动3 变换图像

为了增添套餐搭配模板的画面美观度，小艾决定通过变换操作调整套餐

搭配模板中的部分图像，具体操作如下。

步 骤 01 选择【文件】/【打开】命令或按【Ctrl+O】组合键，打开“打

开”对话框，选择“套餐搭配模板.psd”文件，然后单击 按钮。

步 骤 02 选择“移动工具” ，在图像编辑区中选择紫色矩形框，选择【编

辑】/【自由变换】命令或按【Ctrl+T】组合键进入自由变换状态，图像周围将出现变换

框，如图1-32所示。

步 骤 03 将鼠标指针移至变换框外的边界，鼠标指针变为 形状，此时按住鼠标左键不放并

拖曳鼠标，可旋转图像，右侧将显示旋转角度，如图1-33所示。

步 骤 04 为确保紫色矩形框和绿色矩形框的旋转角度相同，在工具属性栏中的“旋转”数值

框中输入“45”，如图1-34所示，然后按【Enter】键完成变换。

图 1-32 图 1-33 图 1-34

经验之谈

在旋转图像时，按住【Shift】键可以15度倍数的度数进行旋转。

步 骤 05 使用相同的方法将绿色矩形框也旋转45度，效果如图1-35所示。

步 骤 06 在图像编辑区中选择右侧的“超大折扣”“超值套餐”文字，按【Ctrl+T】组合键进

微课

调整图像大小

图 1-31

微课

变换图像

13

　项目1　了解Photoshop图形图像处理　

入自由变换状态，将鼠标指针移至变换框右上角，当鼠标指针变为 形状时，按住【Shift】键

的同时按住鼠标左键不放，然后向左下方拖曳，等比例缩小图像，如图1-36所示。

图 1-35 图 1-36

经验之谈

在缩放图像时，按住【Shift】键可以等比例缩放图像，按住【Alt】键可以以图像中心为基

准缩放图像。

步 骤 07 将文字信息向右上方移动一定距离，然后单击鼠标右键，在弹出的快捷菜单中选择

“斜切”命令。

步 骤 08 将鼠标指针移至变换框上方，当鼠标指针变为 形状时，按住鼠标左键不放并向右

拖曳，使图像斜切，如图1-37所示。

步 骤 09 按【Enter】键完成变换，效果如图1-38所示。

图 1-37 图 1-38

活动4 移动图像

小艾整理好模板后，准备将之前调整的图像移动至模板文件中进行排

版，具体操作如下。

步 骤 01 单击“上衣.jpg”文件的标题栏，在该文件中双击“背景”图层，

在打开的“新建图层”对话框中单击 按钮，将该图层转换为普通图层。

经验之谈

背景图层默认被锁定，需要将其转换为普通图层才能进行编辑操作。

步 骤 02 选择“移动工具” ，将鼠标指针移至图像编辑区中，然后按住鼠标左键不放，将

其拖曳至“套餐搭配模板.psd”文件的标题栏上，如图1-39所示。

步 骤 03 此时将切换到“套餐搭配模板.psd”文件，继续拖曳图像至图像编辑区，释放鼠标

微课

移动图像

14

　网店美工入门：Photoshop图形图像处理基础（全彩慕课版）

后图像将添加到鼠标指针所在位置，如图1-40所示。

步 骤 04 使用相同的方法将“长裙”图像也拖曳至“套餐搭配模板.psd”文件中，适当调整

图像的位置，效果如图1-41所示。

图 1-39 图 1-40 图 1-41

活动5 调整画布大小

小艾排版好图像与文字后，觉得画面的下半部分有点空，于是准备通过

调整画布大小的方法进行裁剪，具体操作如下。

步 骤 01 将鼠标指针移至上方的标尺处，按住鼠标左键不放并向下拖曳鼠标

以创建水平参考线，拖曳参考线至合适位置时查看参数，可选取370像素作

为水平参考线的位置。

步 骤 02 选择【图像】/【画布大小】命令，打开“画布大小”对话框，修改高度为“370像

素”，在“定位”处单击第一排中间的方格，如图1-42所示。

步 骤 03 设置完成后单击 按钮，在打开的提示对话框中单击 按钮，可发现文件的

下半部分被裁剪了，效果如图1-43所示。

图 1-42 图 1-43

步 骤 04 按【Ctrl+S】组合键保存文件（配套资源：效果\\项目1\\套餐搭配模板.psd）。

素养小课堂

网店美工是随着电子商务不断发展而兴起的职业，其主要工作任务是对店铺和商品图像进行

美化与设计，因此需要具有良好的审美能力和创新能力，并且能够熟练使用Photoshop、

Illustrator等设计软件。

微课

调整画布大小

15

　项目1　了解Photoshop图形图像处理　

知识窗

除了缩放、旋转和斜切外，还可通过菜单命令对图像进行一些特殊的变换操作。

1. “变换”命令

选择图像后，选择【编辑】/【变换】命令，在打开的子菜单中可以选择扭曲、透视、变形、

水平翻转、垂直翻转等命令变换图像。

● 扭曲：使用鼠标直接拖曳变换框上的控制点可扭曲图像，扭曲图像前后的对比效果如

图1-44所示。

● 透视：使用鼠标直接拖曳变换框上的控制点可透视图像，如图1-45所示。

● 变形：使用鼠标直接拖曳变换框上的控制点或网格中的点可变形图像，如图1-46所示。

图 1-44 图 1-45 图 1-46

● 水平翻转/垂直翻转：选择相应命令后，图像将以垂直轴

或水平轴进行翻转。图1-47所示为水平翻转图像前后的对

比效果。

2. “内容识别缩放”命令

选择图像后，选择【编辑】/【内容识别缩放】命令

或按【Alt+Shift+Ctrl+C】组合键，拖曳图像周围的控制点

可改变图像大小，Photoshop 将自动使图像中的重要内容

区域保持不变。图 1-48 所示为图像内容识别缩放前后的

效果。

3. “操控变形”命令

选择图像后，选择【编辑】/【操控变形】命令，图像中将显示网格，在图像上单击可

添加控制变形的“图钉” ，移动“图钉” 的位置即可变形图像。操控变形图像前后的对

比效果如图 1-49 所示。

图 1-49

图 1-47

图 1-48

16

　网店美工入门：Photoshop图形图像处理基础（全彩慕课版）

同步实训

实训1 调整茶几主图大小

某木质家具店铺需要将拍摄的商品图片上传

到淘宝网中展示，而淘宝网的主图尺寸通常为

800 像素 ×800 像素，大小则不超过 500KB，因

此需要按相关规定调整拍摄的商品图片大小，再

将其导出为 JPG 格式，调整前后的效果如图 1-50

所示。

实训要求

图 1-50

实训提示

步 骤 01 打开“茶几.jpg”素材（配套资源：素材\\项目1\\茶几.jpg），选择“裁剪工具” ，

设置裁剪比例为“1∶1（方形）”，然后在图像编辑区中单击，再调整图像的位置，最后按

【Enter】键完成裁剪。

步 骤 02 选择【图像】/【图像大小】命令，打开“图像大小”对话框，设置宽度和高度均

为“800像素”，然后单击 按钮。

步 骤 03 按【Ctrl+Shift+S】组合键打开“另存为”对话框，设置保存路径和保存类型后，单

击 按钮，打开“JPEG选项”对话框，单击选中“预览”复选框，在其下方可显示文件

体积，适当调整品质参数，确定文件体积小于500KB后，单击 按钮（配套资源：效果\\

项目1\\茶几.jpg）。

实训2 排版男士皮鞋展示图

某男士皮鞋店铺需要制作商品展示图放置在商品详情

页中，使消费者能够通过该展示图了解商品的详细信息，

要求展现出多角度拍摄的商品图像，以及相关的商品信息，

该展示图的尺寸要求为 750 像素 ×600 像素，参考效果如

图 1-51 所示。

实训要求

图 1-51

17

　项目1　了解Photoshop图形图像处理　

实训提示

步 骤 01 打开“男士皮鞋.jpg”素材（配套资源：素材\\项目1\\男士皮鞋.jpg），使用“裁剪

工具” 将图像裁剪为1∶1的大小。

步 骤 02 新建大小为“750像素×600像素”，分辨率为“72像素/英寸”，名称为“男士皮

鞋展示图”的文件。

步 骤 03 新建位置为“40像素”的水平参考线和“710像素”的垂直参考线，将裁剪后的

“男士皮鞋”图像添加至“男士皮鞋展示图”文件中，并与参考线对齐，如图1-52所示。

步 骤 04 新建位置为“40像素”的垂直参考线，然后置入“商品信息.jpg”素材（配套资源：

素材\\项目1\\商品信息.jpg），适当调整大小，将其移动至左上角参考线位置，如图1-53所示。

步 骤 05 选择“横排文字工具” ，设置字体为“方正黑体简体”，字体大小为“24像

素”，文字颜色为“黑色”，在图像左侧输入图1-54所示的文字。

图 1-52 图 1-53 图 1-54

步 骤 06 新建位置为“560像素”的水平参考线，依次置入“侧

面.jpg”“上面.jpg”“底面.jpg”素材（配套资源：素材\\项目

1\\侧面.jpg、上面.jpg、底面.jpg），并将它们分别与参考线对齐，

如图1-55所示。

步 骤 07 清除所有参考线，按【Ctrl+S】组合键保存文件（配套

资源：效果\\项目1\\男士皮鞋展示图.psd）。

项目小结

图 1-55

FINANCE AND TRADE

◆ 网店美工入门：

Photoshop 图形图像处理基础（全彩慕课版）

◆ 商品拍摄与素材编辑（全彩慕课版）

◆ 网店视觉设计与制作（全彩慕课版）

◆ 短视频剪辑入门：

Primiere 剪辑基础（全彩慕课版）

◆ 手机短视频拍摄与剪辑（全彩慕课版）

◆ 手机摄影摄像：

商品拍摄 图片处理 短视频制作（全彩慕课版）

教材服务热线：010-81055256

反馈／投稿／推荐信箱：315@ptpress.com.cn

人民邮电出版社教育服务与资源下载社区：www.ryjiaoyu.com

封面设计：董志桢

向教师免费提供

PPT等教学相关资料

中等职业教育

改革创新

系列教材