《Photoshop平面设计与制作（第三版）》 课件 项目一 Photoshop的初步认识

项目一

Photoshop的初步认识PS讲课人：为卡通人物上色能叙述Photoshop的主要功能及Photoshop2022安装方法能说明Photoshop2022的工作界面功能分区能完成文件的打开和存储操作能使用选区工具、魔棒工具、缩放工具等基本工具能使用拾色器获取图像颜色能区分常见的图像文件格式任务1学习目的目录

/CONTENTS相关知识任务分析任务实施任务分析01任务1为卡通人物上色在Photoshop中使用相应工具可以实现类似画笔的颜色填充功能。本任务的内容是将左图的黑白图片通过填充颜色转换为右图的彩色图片。通过这一简单的练习，熟悉Photoshop的工作界面和基本工具的使用方法。任务分析相

关

知

识02任务1为卡通人物上色一、文件的基本操作在Photoshop中，图像文件的基本操作主要包括：文件的打开、文件的新建和文件的保存。1、需要打开一幅已有的图像时，可以通过执行菜单“文件”→“打开”命令，还可以使用快捷键：一使用快捷键Ctrl+O。二按住Ctrl键，在文档窗口外的灰色区域双击左键。

相关知识“打开”对话框任务1为卡通人物上色2、文件的新建选择菜单“文件”→“新建”命令，会弹出“新建”对话框，如图所示。

相关知识名称：指新建图像文档的名称，默认为“未标题-1”，如继续新建将以“未标题-2”命名。在命名时最好能做到“见名知意”，这样也能方便下次快速找到该文档。“新建”对话框任务1为卡通人物上色3、文件的保存Photoshop没有自动保存功能，处理过的文件一定要及时保存，第一次保存图像时，将会弹出“存储为”对话框，如图：相关知识设置合适的存储路径，输入文件名后单击“确定”按钮，默认保存的文件格式为Photoshop识别的源文件格式，即PSD格式。“存储为”对话框任务1为卡通人物上色图像在应用到其它场合时需要我们设置为其它格式，如网页中常见的格式有：JPEG、GIF、PNG等，单击“另存为”对话框中“格式”下拉菜单，如图所示，选择需要保存的文件格式。相关知识Photoshop新建文件图像保存格式任务1为卡通人物上色二、魔棒工具1、选择“魔棒工具”。方法是右击“快速选择工具”，在弹出的菜单中选择“魔棒”如图所示。魔棒工具

用来选择颜色相同或相近的像素，“魔棒”工具选项栏设置参数选项栏如图所示。“容差”选项表示可允许的相邻像素间的近似程度，取值0-255，其值越大，选取的范围越大。“连续”选项表示只选取连续的区域。勾选“对所有图层取样”该选项表示不仅对当前图层进行选择，还会对其它可见图层进行选择。“容差”为15时创建的选区如图

“容差”为50时创建的选区如图相关知识“容差”15选区

“容差”50选区任务1为卡通人物上色相关知识三、“图层”调板1、图层调板如左图所示2、单击“新建图层”按钮

得到“图层1”，如右图所示。新建图层新建“图层1”任务1为卡通人物上色四、拾色器和颜色调板拾色器主要用于色彩的选择。选择菜单“窗口”→“颜色”，将显示当前背景色和前景色的颜色值，如下左图：“颜色”调板

“前景色”拾色器对话框通过单击“工具”调板的“前景色”或“背景色”直接打开“拾色器”调板。以“前景色”为例，拾色器对话框如上右图，在进行颜色选择时，可以先在颜色滑块中选取大致的颜色，再用鼠标在色域单击选择颜色；也在颜色值区域直接输入特定的颜色值。相关知识“设置前景色”任

务实施03任务实施执行菜单“文件”→“打开”命令打开本项目任务素材“卡通人物线稿.jpg”。文件打开：01任务1为卡通人物上色方法是右键单击“快速选择工具”，在弹出的菜单中选择“魔棒”如图所示。选择“魔棒工具”：02选项栏设置参数如图所示：“魔棒”工具：03任务实施单击需要填色的区域，形成选区，如图所示。选区选择：04任务1为卡通人物上色任务实施任务1为卡通人物上色

选择“图层”面板，单击“新建图层”按钮

得到“图层1”，如下图所示。新建图层：05任务实施任务1为卡通人物上色

设置前景色：07打开“拾色器（前景色）”对话框，设置前景色为#f0d210，如左图所示，设置后单击“确定”按钮，效果如右图所示：单击工具调板中“设置前景色”按钮，如右图所示。设置前景色：06任务实施任务1为卡通人物上色填充前景色：08按Alt+Delete组合键填充前景色，如图左图所示，填充颜色后的“图层1”效果如右图所示：按Ctrl+D键取消选择。取消选择：09任务实施任务1为卡通人物上色文件存储：11执行菜单“文件”→“存储为”命令，将文件命名为“最终效果”，保存为PSD格式。重复步骤：10重复步骤4—9，为其它选区进行颜色填充，最终效果如下图所示.制作证件照能使用裁剪工具裁剪图像能调整图像大小和画布大小能使用“定义图案”命令定义图像并填充文档能使用标尺工具和缩放工具任务2学习目的目录

/CONTENTS相关知识任务分析任务实施任务分析01任务2制作证件照生活中我们经常要用到各种不同规格的证件照，利用Photoshop软件能够非常方便地将生活照处理成所需的各种证件照。本任务将使用生活照制作一寸彩色照，要用到的主要工具和命令有“裁剪工具”、“定义图案”命令、“图像大小”命令，素材及最终效果如下图所示。任务分析相

关

知

识02任务2制作证件照一、画布与图像1.画布的概念画布是用于编辑图像的区域。简单地说，如果将图像比喻成一幅画，那么画布就是画纸。2.调整画布大小如果图像由于尺寸或绘制位置的原因超出了画布范围，就无法完整地显示图像的内容，这时要通过调整画布的大小来解决问题。选择菜单“图像”→“画布大小”，弹出“画布大小”对话框，如图所示。相关知识“画布大小”对话框

任务2制作证件照对话框的最下端，可以设置画布的扩展颜色。默认情况下为背景色，可以根据需要更改为其它颜色。单击右端的颜色块，弹出“选择画布扩展颜色”对话框，如图所示，设置所需要的颜色，单击“确定”按钮。相关知识画布扩展颜色”设置任务2制作证件照定位处九个方格表示画布扩展的方向，可以向九个方向扩展画布。勾选“相对”后，画布将在原位置上进行扩展。如图左所示，画布将在上、下、左、右四个方向上各扩展1厘米，最终效果如图右所示。相关知识

通过以上案例可以看出，修改画布大小并不会改变原有图像的大小，只是扩大画布区域。更改“画布大小”扩展画布后效果任务2制作证件照3.调整图像大小画布可以调整大小，同样图像本身的大小也可以进行调整，和调整画布不同的是，调整图像大小时，画布会随着图像的大小一起改变。打开素材“花.jpg”左图所示,选择菜单“图像”→“图像大小”，弹出的“图像大小”对话框如右图所示。相关知识

素材“花”“图像大小”对话框任务2制作证件照设置参数图左所示，单击“确定”按钮。设置后的效果如右图所示。相关知识

“图像大小”设置更改后图像二、图像的裁剪在使用Photoshop进行图片处理时，往往需要对图片多余的地方进行裁剪，这时需要使用“裁剪工具”

，在工具调板中单击“裁剪工具”

，快捷键为C键。按住鼠标左键，在需要保留的图像上拖出一个矩形选框，调整选框四周的控制点对图像进行微调，没被选中的区域将变暗。任务2制作证件照相关知识

裁剪图像最终按Enter键或在选择区域内双击鼠标左键，变暗的区域将会被裁剪掉，如图所示。如需取消“裁剪”，按Esc键退出。任

务实施03任务实施打开本任务素材文件“素材.jpg”。菜单打开：01任务2制作证件照选择菜单“图像”→“图像大小”。设置参数如下图所示，单击“确定”按钮。调整图像大小：02任务实施小一寸彩色证件照的标准尺寸是27mm*38mm，要把素材图片进行适当的裁剪。选择窗口工具调板的“裁剪工具”，并在“工具选项栏”窗口中设置相应的裁剪参数，如图所示。对图像进行裁剪：04任务2制作证件照利用缩放工具，将图片进行适当的放大，接近100%显示，如图所示。缩放工具：03任务实施任务2制作证件照

移动鼠标在图片上取适当的点，拖拉鼠标绘制裁剪区域，使人像居中照片，按“Enter”键进行确认。调整后的裁剪框如图所示。裁剪：05任务实施任务2制作证件照

照片的边缘要留些白边，以方便客户剪成一小张，所以要把画布放大一些。在调整画布之前需要把背景色设置成白色（默认情况下背景色自动为白色），选择“图像”→“画布大小”命令，在弹出的“画布大小”对话框中设置宽度为2.8厘米，高度为3.9厘米，勾选“相对”复选框。相应参数设置如左图所示。设置完后单击“确定”按钮，图像旁边即出现一圈白边，如右图所示。调整画布：06任务实施任务2制作证件照自定义图案：07选择菜单“编辑”→“定义图案”命令，如左图所示。在弹出的对话框中输入“证件照小一寸.jpg”，如右图所示，单击“确定”按钮。任务实施任务2制作证件照新建空白文档：08相关参数设置如图所示。任务实施任务2制作证件照选择菜单“编辑”→“填充”命令，在填充窗口的“内容”下拉菜单中“图案”，如左图所示。选择刚刚定义的图案“证件照小一寸”，如中图所示，单击“确定”按钮，最终效果如右图所示。自定义图案填充：09任务实施任务2制作证件照储存文档：10选择菜单“文件”→“存储”命令，在弹出的“存储为”对话框中，设置文件格式为JPEG，在弹出的JPEG窗口中设置品质为最佳，单击“确定”按钮。最终效果如图所示。绘制圆形标志能创造建选区能根据需要处理两个选取的重叠关系能使用自由变换工具处理图像任务3学习目的目录

/CONTENTS相关知识任务分析任务实施任务分析01任务3绘制圆形标志在日常生活中，我们经常能看到很多好看的标志图形，利用Photoshop绘制一些简单的图形即可做出这些标志图形，而选区工具和填充颜色就是其中最常用的工具。本任务中重点学习椭圆选区、选择工具、删除选区、创建图层、自由变化工具的使用，完成后最终效果如图所示。任务分析相

关

知

识02任务3绘制圆形标志相关知识

一、选区概念选区，顾名思义，就是选择区域。在Photoshop中，选区就是用各种选择工具选取图像的范围。选区可以是连续的，也可以是不连续的，在选区以外的地方不会被编辑。由于选区像无数个连续爬动的蚂蚁，我们形象地将选区称为“蚁线”。二、选区工具

在Photoshop中可以使用不同的选区工具选取不同形状的对象。选框工具组包含的工具有“矩形选框工具”、“椭圆选框工具”、“单行选框工具”和“单列选框工具”，如图所示。选区工具任务3绘制圆形标志相关知识

选择“矩形选框工具”，选项栏如下图所示。矩形选框工具选项栏（新选区）：新建的选区会替代原有选区，如图所示。新的矩形选区任务3绘制圆形标志相关知识

（添加到选区）：新建的选区添加到原选区，如左图所示。（从选区减去）：从原选区中减去新建的选区，如中图所示。（与选区交叉）：原选区与新建选区的交叉部分，如右图所示。

增加选区减去选区交叉选区任务3绘制圆形标志相关知识

三、自由变换在菜单“编辑”→“自由变换”工具，如图1—75所示。也可以按键盘快捷键“Ctrl+T”可以通过自由旋转、比例、倾斜、扭曲、透视和变形工具来变换对象的工具。

“自由变换”工具任务3绘制圆形标志相关知识

（1）缩放旋转选择菜单“文件”→“打开”，选择素材“圆点”，按快捷键“Ctrl+T”键，图像出现9个空格方框，可以对图片进行缩放，旋转。如左图所示。（2）“右键”菜单在图层上方点击鼠标右键，在弹出菜单中选择“扭曲”如中图所示，可对图像进行“扭曲”变形操作，效果如右图示。

“旋转”效果

“右键”菜单

“扭曲”效果任

务实施03任务实施选择菜单“文件”→“打开”命令，在弹出的对话框中选择“文字素材.jpg”

如右图所示。打开素材：01任务3绘制圆形标志新建“图层1”，选择工具栏上的矩形选框工具

，按住键盘Shift键，利用鼠标移动绘制规则（像素190X190）比例1:1的圆形，如右图所示。新建图层：02任务实施任务3绘制圆形标志在“图层1”图层上，继续选择工具栏中的“前景色”，颜色设置为绿色“#a5e805”，按Alt+Delete键使用前景色填充，填充后效果如图所示。填充前景色：03小提示：按住Shift键绘制时，可以对图像进行保持长宽比不变的缩放。若要对选区进行旋转，可按快捷键Alt+S+T组合进行选区角度旋转。任务实施任务3绘制圆形标志

在“图层1”使用“矩形选框工具”绘制3个小的长方形选区，按快捷键V选中选区并移动到正中位置，然后按删除键删除选区，效果如图所示。绘制矩形选区：04任务实施任务3绘制圆形标志

拖动图层1至图标创建“图层1拷贝”按住Ctrl键单击拷贝层中的预览图，选中绿色部分图形，选区填充颜色“#05400f”，并将不透明度调至60%如左图、中图所示，调整图层上下位置并调整至如右图所示。新建图层并填充：05任务实施任务3绘制圆形标志

自由变换：07按Ctrl+T键，将图像的大小缩放准确并旋转180︒，排列到合适的位置，如右图所示。拖动“图层1拷贝”至图标创建“图层1拷贝2”，并将该图层的不透明度调回100%并移动到适当的位置，如右图所示。新建图层：06任务实施任务3绘制圆形标志

小提示：按Ctrl+T组合键之后可以按住Shift键进行缩放，此时图像将保持1:1的比例而不变形。最终效果：08最终效果如图所示。照片批处理能使用Bridge对照片进行批量重命名能使用“动作”面板能熟练使用文字工具进行编辑任务4学习目的目录

/CONTENTS相关知识任务分析任务实施任务分析01任务4照片批处理在日常处理数量较多图像的时候，对图像进行批量处理可节约更多的时间，本次任务主要对图像进行批量重命名，利用Photoshop预设的的动作编辑图像，使用记录编辑动作进行图片统一参数的批处理，并将处理后的照片放置在制定的文件夹中。最终效果如图所示。任务分析相

关

知

识02任务4照片批处理相关知识

一、AdobeBridgeAdobeBridge是Adobe公司开发的一个组织工具程序，并作为AdobeCreativeSuite2(CS2)的一部分于2005年5月发布。目前已更新至AdobeBridge2022版本。Bridge操作面板如图所示。Bridge操作面板任务4照片批处理相关知识

从Bridge中可以查看、搜索、排序、管理和处理图像文件,还可以使用Bridge来创建新文件夹、对文件进行重命名、移动和删除操作、编辑元数据、旋转图像以及运行批处理命令,以及查看有关从数码相机导入的文件和数据的信息。本案例将使用Photoshop2022的插件AdobeBridge对照片进行批量重命处理，批量重命名后，将更有利于照片的管理和查找。二、动作面板1.应用预设动作Photoshop附带了一些预设动作，并显示在“动作”面板中，通过应用这些预设动作，可快速制作出不同的图像效果，简化照片处理的操作程序。

打开素材文件“天池”如图，然后选择菜单“窗口”→“动作”，打开动作面板。素材“天池”任务4照片批处理相关知识

然后选择默认动作库中的“四分颜色”，如左图所示。效果如右图所示。“动作面板”调板预设动作“四分颜色”效果2.记录编辑动作在动作面板中，可通过记录编辑动作的方法将所有操作记录下来，方便我们对大量照片进行相同的处理，从而节约更多的时间和资源。操作方法将在本案例中进行详细的展示。任

务实施03任务实施选择菜单“文件”→“在Bridge中浏览”，在弹出的Bridge窗口中打开指定的文件夹，以查看照片。然后用鼠标同时框选素材1、素材2和素材3，效果如图所示。打开素材：01任务4照片批处理执行菜单栏“工具”→“批重命名”命令。批重命名：02任务实施任务4照片批处理在弹出窗口中，通过单击参数选择符号减去文件命名中不需要显示的字符，如图所示。参数调整：03任务实施任务4照片批处理

点击“确定”按钮后，文件自动重新命名，完成后关闭Birdge窗口。自动重命名：04在Photoshop窗口中打开文件“不负美食01.jpg”，如图所示。重命名效果：05任务实施任务4照片批处理

按Alt+F9组合键打开“动作”面板，如左图所示。然后单击按钮开始记录编辑动作，如右图所示。记录编辑动作：06任务实施任务4照片批处理

设置画面大小：08选择菜单“图像”→“画布大小”设置参数如右图所示。输入动作名称：07在弹出的动作窗口中输入“记录编辑动作”如下图所示。任务实施任务4照片批处理

在“画布大小”对话框中单击“确定”按钮，效果如图所示。确定画布大小：09任务实施任务4照片批处理

停止记录：10确认图片记录完编辑的动作后，选择菜单“文件”→“另存为”命令，将文件另保存为PSD格式。单击“动作”面板中的停止播放/记录按钮。自动编辑：11打开“不负美食02.jpg”，然后点击动作播放按钮，文件自动编辑后，将自动保存到打开的文件夹。使用相同方法将“不负美食03.jpg”,打开并完成制作，文件处理效果如图所示。重复步骤：12任务实施任务4照片批处理

批处理：13批处理的最终效果如图所示。巩固训练1目录

/CONTENTS任务分析任务实施任务分析01巩固训练1该案例为一幅合成图，可借助“魔棒工具”等来选取素材部分从而进行图像的拼合，完成一幅完整的景色图。素材如第一列图所示，最终效果如第二列图所示。任务分析

任

务实施02任务实施执行菜单“文件”→“打开”命令，打开素材文件“素材1.jpg”、“素材2.jpg”和“素材3.jpg”。打开素材：01巩固训练1双击“素材1”背景图层，

“背景”将新建为“图层0”。新建图层：02选择“魔棒工具”，选中“素材1”白色背景，按Delete键删除，结果如图所示。抠选内容并编辑：03任务实施巩固训练1用相同方法将“素材2”新建为图层，然后选择“魔棒工具”，选中“素材2”白色背景,按Delete键删除，结果如图所示。重复操作：04选择“移动工具”，将“素材1”剩下部分移动到“素材3”中，自动生成“图层1”。生成图层1：05任务实施巩固训练1

选择“移动工具”将“素材2”

移动到“素材3”中，效果如图所示。移动图层：06任务实施巩固训练1

合成图层：07使用鼠标选择“图层2”，将“图层2”拖动至“新建图层”按钮上生成副本，如右图所示。自由变换：08选择复制好的“图层2”副本，按Ctrl+T组合键后，