项目1 初识Photoshop图像处理（课件）-《Photoshop图像处理立体化教程（Photoshop 2021）（第2版）》同步教学(人民邮电出版社)

Photoshop图像处理立体化教程（Photoshop 2021）（微课版） 项目1 初识Photoshop图像处理 1 目录 Contents 任务1.2 认识 Photoshop 2021 工作界面 任务1.3 熟悉 Photoshop 的基本操作 综合实战 制作手表主图 任务1.1 了解图像基础知识 2 任务 1.1 了解图像基础知识 1．位图与矢量图 （1）位图 位图又称点阵图或像素图，它由多个像素点构成，能够将灯光、透明度和深度等逼真地表现出来。 如下图所示。 （2）矢量图 矢量图又称向量图，是指使用一系列计算机指令来描述和记录的图像，它由点、线、面等元素组成，所记录的对象主要包括几何形状、线条粗细和色彩等。如上图所示。 ‹#› 3 分辨率：分辨率是指单位长度上的像素数目，单位通常为“像素/英寸”和“像素/厘米”，分辨率越高，图像就越清晰，但相应的图像文件也就越大。 任务 1.1 了解图像基础知识 2．像素与分辨率 新建图像文件时往往需要设置图像的大小，即设置像素与分辨率，这与图像文件的清晰度也密切相关。 像素：像素是构成位图图像的最小单位，每个像素在位图图像中都有自己的位置，并且包含了一定的颜色信息。单位面积内的像素越多，颜色信息越丰富，图像效果就越好，图像文件也会越大但相应的图像文件也就越大。 ‹#› 4 任务 1.1 了解图像基础知识 3．常见的图像文件格式 Photoshop支持多种常见的图像文件格式，在存储和导出文件时都需要选择适合的格式。 PSD（*.psd）格式：PSD格式是Photoshop软件自身生成的文件格式，是唯一支持全部图像文件颜色模式的格式。 TIFF（*.tif、*.tiff）格式：TIFF格式是一种无损压缩格式，常用于在应用程序与计算机平台之间交换图像数据。 WBMP（*.wbmp）格式：WBMP格式是一种专为移动计算设备使用的图像文件格式，特定使用于WAP（Wireless Application Protocol，无线应用协议）网页中，仅支持单色图像数据，只能保存黑白图像。 JPEG（*.jpg）格式：JPEG格式是一种有损压缩格式，支持真彩色，其生成的图像文件较小，也是常用的图像文件格式之一。 ‹#› 5 任务 1.1 了解图像基础知识 3．常见的图像文件格式 GIF（*.gif）格式：GIF格式最多存储256种颜色，不支持Alpha通道。 PNG（*.png）格式：PNG格式主要用于替代GIF格式。 EPS（*.eps）格式：EPS格式最大的优点是可以在排版软件中以低分辨率预览，而在打印时以高分辨率输出。 RAW（*.raw）格式：RAW格式是一种未经处理、未经压缩的格式，可以最大限度地保留图像细节，因此图像文件较大。 PDF（*.pdf）格式：PDF格式是一种跨操作系统平台的图像文件格式，可以同时存储文本、图形、图像、色彩、版式、超文本链接、音频和视频，以及与印刷设备相关的内容。 SVG（*.svg）格式：SVG格式是一种存储矢量图形的文件格式，可任意缩放图形，而且边缘清晰，生成的文件很小，方便传输，文本在该图像文件中保留可编辑和可搜寻的状态，没有字体的限制，因此常用于设计高分辨率的Web图形页面。 ‹#› 6 任务 1.1 了解图像基础知识 4．常用的图像文件颜色模式 灰度模式：在灰度模式图像中，每个像素都有一个0（黑色）～ 255（白色）之间的亮度值。左图所示为将彩色图像转换为灰度模式的前后对比效果。 图像文件的颜色模式决定图像色彩的显示效果，也决定了图像文件在计算机中显示或打印输出的方式。 位图模式：位图模式是指由黑、白两种颜色来表示图像的颜色模式，适合制作艺术样式或用于创作单色图形。上图所示为将灰度图像转换为位图模式后的显示效果。 ‹#› 7 任务 1.1 了解图像基础知识 4．常用的图像文件颜色模式 双色调模式：双色调模式是指用灰度油墨或彩色油墨来渲染灰度图像的模式。双色调模式采用2~4种彩色油墨混合其色阶来创建由双色调、三色调及四色调混合色阶组成的图像，如下图所示。 索引颜色模式：索引颜色模式是指系统预先定义好一个含有256种典型颜色的颜色对照表，当彩色图像转换为索引颜色模式时，系统会将该图像的所有色彩映射到颜色对照表中，右图所示为采用索引颜色模式存放彩色图像颜色的效果展示。 ‹#› 8 任务 1.1 了解图像基础知识 4．常用的图像文件颜色模式 RGB颜色模式：RGB颜色模式由红、绿、蓝3种颜色按不同的比例混合而成，也是最常用的颜色模式之一。左图所示为RGB颜色模式下图像的显示效果。 CMYK颜色模式：CMYK颜色模式是印刷时使用的一种图像颜色模式，主要由Cyan（青）、Magenta（洋红）、Yellow（黄）和Black（黑）4种颜色组成。上图所示为CMYK颜色模式下图像的显示效果。 ‹#› 9 任务 1.1 了解图像基础知识 4．常用的图像文件颜色模式 Lab颜色模式：Lab颜色模式由RGB三基色转换而来，它将明暗和颜色数据信息分别存储在不同位置。右图所示为Lab颜色模式下图像的显示效果。 多通道模式：在多通道模式下图像包含了多种灰阶通道。将图像转换为多通道模式后，系统将根据原图像产生一定数目的新通道，每个通道均由256级灰阶组成。上图所示为多通道模式下图像的显示效果。 ‹#› 10 目录 Contents 任务1.1 了解图像基础知识 任务1.3 熟悉 Photoshop 的基本操作 综合实战 制作手表主图 任务1.2 认识 Photoshop 2021 工作界面 11 在计算机上双击软件图标启动Photoshop 2021，Photoshop 2021的工作界面如下图所示，主要包括菜单栏、标题栏、工具箱、工具属性栏、浮动面板、图像编辑区、状态栏。 任务 1.2 认识Photoshop 2021工作界面 ‹#› 12 任务 1.2 认识Photoshop 2021工作界面 1．菜单栏 菜单栏由“文件”“编辑”“图像”“图层”“文字”“选择”“滤镜”“3D”“视图”“窗口”和“帮助”11个菜单组成，每个菜单下包含多个命令。若命令右侧标有 符号，则表示该命令还有子菜单；若某些命令呈灰色显示，则表示没有激活或当前不可用。 标题栏中通常会显示已打开或已创建图像文件的名称格式、显示比例、颜色模式、通道位数、图层状态及该图像文件的“关闭”按钮 。 如果新创建的图像文件并未命名且未被存储过，则标题栏将以“未命名＋连续数字”的形式作为文件的名称进行显示。 2．标题栏 ‹#› 13 任务 1.2 认识Photoshop 2021工作界面 3．工具箱 工具箱中集合了Photoshop的所有工具，如图所示，默认位置在工作界面左侧，将鼠标指针移动到工具箱顶部，按住鼠标左键不放并拖曳鼠标指针，可将工具箱移动到工作界面中的其他位置。 ‹#› 14 任务 1.2 认识Photoshop 2021工作界面 4．工具属性栏 在工具属性栏中可设置所选工具的参数。工具属性栏默认位于菜单栏的下方，当设计师选择工具箱中的某个工具后，工具属性栏将显示对应工具的参数设置选项。 在浮动面板中可进行选择颜色、编辑图层、新建通道、编辑路径和撤销编辑等操作。在“窗口”菜单中选择某个面板的命令后，该面板将被添加到浮动面板中以缩略按钮的形式显示，并且可通过拖曳鼠标指针的方法来调整该面板的位置。 5．浮动面板 ‹#› 15 任务 1.2 认识Photoshop 2021工作界面 6．图像编辑区 图像编辑区是在Photoshop中查看与编辑图像的区域，也是浏览当前图像状态的的主要场所，所有的图像处理结果都在图像编辑区中显示。 在状态栏中可查看当前图像在图像编辑区内的显示比例或文件的其他信息。右图所示为将默认设置改为显示文档大小的前后对比效果。 7．状态栏 ‹#› 16 目录 Contents 任务1.1 了解图像基础知识 综合实战 制作手表主图 任务1.2 认识 Photoshop 2021 工作界面 任务1.3 熟悉 Photoshop 的基本操作 17 任务 1.3 熟悉Photoshop的基本操作 1．新建、打开和置入文件 （1）新建文件 启动Photoshop后将进入开始界面，单击该界面左侧的“新建”按钮，或选择【文件】/【新建】命令，或按【Ctrl+N】组合键，都可打开“新建文档”对话框（如右图所示），设置参数后，单击“创建”按钮即可新建对应的文件。 ‹#› 18 任务 1.3 熟悉Photoshop的基本操作 1．新建、打开和置入文件 预设选项卡：用于选择预设的常用文件尺寸。 预设详细信息：用于设置文件的名称。 宽度和高度：用于设置文件的宽度和高度。 方向：用于设置纵向或横向的图像编辑区。 画板：单击选中“画板”复选框后，可在新建的文件中创建画板。 （1）新建文件 分辨率：用于设置文件的分辨率。 颜色模式：用于设置文件的颜色模式和位深度。 背景内容：用于设置文件的背景，包括“白色”“黑色”“背景色”“透明”“自定义”等选项。 高级选项：用于设置文件的颜色配置和像素长宽比，单击按钮，可隐藏显示的选项。 ‹#› 19 任务 1.3 熟悉Photoshop的基本操作 1．新建、打开和置入文件 （2）打开文件 启动Photoshop后进入开始界面，单击该界面左侧的 按钮，或选择【文件】 /【打开】命令，或按【Ctrl+O】组合键，都可打开“打开”对话框（如右图所示），选择打开的文件后，单击“打开”按钮。 如果要再次打开某文件，可以选择【文件】/【最近打开文件】命令，在弹出的子菜单中将显示最近打开的文件列表，选择所需的文件选项，即可将其打开。若要清除该文件列表，可选择子菜单底部的“清除最近的文件列表”命令。 ‹#› 20 任务 1.3 熟悉Photoshop的基本操作 1．新建、打开和置入文件 （3）置入文件 选择【文件】/【置入嵌入对象】命令，打开“置入嵌入的对象”对话框，选择要置入的文件后，单击“置入”按钮，置入文件后，单击工具属性栏中的“提交变换”按钮 ，或按【Enter】键，或在图像编辑区以外的地方单击鼠标左键，都可完成置入，如图所示，而单击“取消变换”按钮 可取消置入文件。 ‹#› 21 任务 1.3 熟悉Photoshop的基本操作 2．导入与导出文件 （1）导入文件 导入的文件将会创建一个新的图像文件来承载导入的文件内容。 具体方法为：选择【文件】/【导入】命令，在打开的子菜单中选择所需选项后，按照提示操作。 （2）导出文件 选择【文件】/【导出】命令，在打开的子菜单中可以完成多种导出任务，如图所示。设计师可以按照所要导出的内容、范围、格式来选择需要的命令。 ‹#› 22 任务 1.3 熟悉Photoshop的基本操作 3．存储与关闭文件 （1）存储文件 选择【文件】/【存储】命令，或按【Ctrl+S】组合键，打开的“另存为”对话框（如图所示），选择文件存储位置后，单击”保存“按钮。另外，“另存为”对话框只在首次保存当前文件时才会出现。 ‹#› 23 任务 1.3 熟悉Photoshop的基本操作 3．存储与关闭文件 文件名：用于设置文件存储后的名称。 保存类型：用于设置文件的保存格式。 “存储到云文档”：用于将文件保存在云文档中。 作为副本：用于为文件另外保存一个附件文件，即备份。 （1）存储文件 注 释/Alpha通 道/专 色/图 层：用于保存与复选框对应的对象。 使用校样设置：用于保存打印用的校样设置。 ICC配置文件：用于保存嵌入到文件中的ICC配置文件。 缩览图：用于为图像创建并显示缩览图。 ‹#› 24 任务 1.3 熟悉Photoshop的基本操作 3．存储与关闭文件 （2）关闭文件 按照关闭文件的范围，可将关闭文件划分为3种方法。 关闭当前文件：选择【文件】/【关闭】命令，或按【Ctrl+W】组合键，可关闭当前文件。 关闭所有文件：选择【文件】/【关闭全部】命令，或按【Ctrl+Alt＋W】组合键，可关闭当前所有文件。 关闭文件和软件：选择【文件】/【退出】命令，或单击Photoshop工作界面右上角的 按钮，可关闭文件和软件。 ‹#› 25 任务 1.3 熟悉Photoshop的基本操作 4．查看文件 在需要精确查看文件中某个区域的图像时，可通过以下工具来实现 “导航器”面板 PART 01 旋转视图工具 PART 04 缩放工具 PART 02 抓手工具 PART 03 ‹#› 26 任务 1.3 熟悉Photoshop的基本操作 5．使用标尺、参考线和网格 （1）标尺 当需要确定文件中某图像所在的宽度和高度时，可以使用标尺工具。选择【视图】/【标尺】命令，或按【Ctrl+R】组合键，在图像编辑区顶部和左侧将分别显示水平和垂直的标尺，如右图所示。 调整刻度单位：将鼠标指针移至任意标尺上，单击鼠标右键，在弹出的快捷菜单中可选择“像素”“英寸”“厘米”“毫米”“点”“派卡”“百分比”选项，选择所需选项后，标尺上的刻度将自动变为对应的数值。 调整刻度原点位置：将鼠标指针移至标尺左上角交界处，按住鼠标左键不放并向图像编辑区内拖曳鼠标指针，鼠标指针变为状态，释放鼠标的位置将自动变为新原点位置。 ‹#› 27 任务 1.3 熟悉Photoshop的基本操作 5．使用标尺、参考线和网格 （2）参考线 如果需要确定文件中某元素的摆放位置，可以使用参考线。 通过标尺可创建参考线，具体方法为：将鼠标指针移至标尺上，按住鼠标左键不放，向下或向右拖曳，可创建水平或垂直参考线，如左图所示。 移动参考线 清除参考线 锁定参考线 智能参考线 ‹#› 28 任务 1.3 熟悉Photoshop的基本操作 5．使用标尺、参考线和网格 （3）网格：当需要在图像编辑区布局多个元素的位置时，可以使用网格功能。 具体方法为：选择【视图】/【显示】/【网格】命令，或按【Ctrl+'】组合键，图像编辑区将自动显示网格，如图所示。再次选择该命令，或按【Ctrl+'】组合键，将隐藏网格。 ‹#› 29 任务 1.3 熟悉Photoshop的基本操作 6．调整图像大小与画布大小 （1）调整图像大小 选择【图像】/【图像大小】命令，打开“图像大小”对话框（如右图所示），在其中可设置图像尺寸大小及分辨率，设置完毕后单击”确定“按钮。 图像大小：用于显示当前图像文件的大小。 尺寸：用于显示当前图像文件的尺寸，默认以“像素”为单位，单击按钮，在打开的下拉列表中可修改单位。 ‹#› 30 任务 1.3 熟悉Photoshop的基本操作 6．调整图像大小与画布大小 （1）调整图像大小 调整为：在该下拉列表中可选择预设的尺寸选项。 宽度/高度：用于设置图像文件宽度/高度和单位。 “不约束长宽比”按钮 ：用于约束图像的宽度与高度比例。 分辨率：用于设置图像的分辨率，默认以“像素/英寸”为单位。 重新采样：用于插入像素信息。 减少杂色：用于输入减少杂色的量，可适当改变图像清晰度的细节。 ‹#› 31 任务 1.3 熟悉Photoshop的基本操作 6．调整图像大小与画布大小 （2）调整画布大小 图像的显示区域即图像编辑区，又可以称为画布，调整画布的大小可以达到改变图像文件大小的目的。 具体方法为：选择【图像】/【画布大小】命令，打开“画布大小”对话框（如右图所示），设置完参数后，单击”确定“按钮，各选项的含义如下。 ‹#› 32 任务 1.3 熟悉Photoshop的基本操作 6．调整图像大小与画布大小 （2）调整画布大小 当前大小：用于显示当前图像文件的大小、宽度和高度。 宽度/高度：用于设置图像文件的宽度和高度数值和单位。 相对：单击选中该复选框后，“宽度”和“高度”数值框中的数值将表示实际增加或减少的数值，而不是表示整个文件的宽度和高度的数值。 定位：用于设置当前图像在新画布上的位置。 画布扩展颜色：用于选择扩大画布时填充新画布使用的颜色，默认情况下使用当前背景色填充。 ‹#› 33 任务 1.3 熟悉Photoshop的基本操作 7．裁剪图像 （1）裁剪工具 当图像并无透视问题，且需要将图像裁剪成矩形形状时，可使用裁剪工具 裁剪图像。裁剪工具 的工具属性栏如下图所示。 选择裁剪工具 ，在工具属性栏中设置参数时，图像上将出现一个裁剪框，将鼠标指针移至裁剪框的边界上，当鼠标指针变为 状态时，拖曳裁剪框边界可调整裁剪框范围，按【Enter】键或单击 按钮完成裁剪操作，如右图所示。 ‹#› 34 任务 1.3 熟悉Photoshop的基本操作 7．裁剪图像 （1）裁剪工具 预设长宽比或裁剪尺寸：在“1:1（方形）”下拉列表中提供了裁剪的预设长宽比和裁剪尺寸。 “清除”按钮：单击该按钮可清除已设置的长宽比值。 “拉直”按钮：单击该按钮，在图像上绘制一条直线，可用于拉直图像。 “设置裁剪工具的叠加选项”按钮：单击该按钮，在弹出的下拉菜单中可设置裁剪工具的叠加选项。 “设置其他裁切选项”按钮：单击该按钮，在弹出的下拉菜单中可设置裁切选项参数。 删除裁剪的像素：默认选中该复选框，执行裁剪后将删除裁剪框以外的图像。 内容识别：单击选中该复选框，如果将裁剪框大小调整至大于图像的原始大小，Photoshop可利用内容识别技术智能填充多出的区域。 ‹#› 35 任务 1.3 熟悉Photoshop的基本操作 7．裁剪图像 （2）透视裁剪工具 如果要裁剪的图像存在透视问题，可使用透视裁剪工具 裁剪该图像，以矫正透视。透视裁剪工具 的工具属性栏如图所示。 W/H：用于设置裁剪图像的宽度和高度。 分辨率：用于输入自定的约束比例数值。 “前面的图像“按钮：单击该按钮，可使用顶层图层中的数值。 显示网格：默认选中该复选框，在裁剪图像时将在裁剪框内出现网格。 ‹#› 36 任务 1.3 熟悉Photoshop的基本操作 8．变换图像 通过变换图像操作，可以使图像产生不同的效果，如以下6种 缩放图像 旋转图像 斜切图像 扭曲图像 透视图像 变形图像 ‹#› 37 任务 1.3 熟悉Photoshop的基本操作 9．恢复历史操作 在操作失误的情况下，可以使用“历史记录”面板来恢复历史操作记录，以便重新编辑。选择【窗口】/【历史记录】命令，打开“历史记录”面板，如下图所示。 “设置历史记录画笔的源”按钮 “从当前状态创建新文档”按钮 快照缩览图 当前状态 “删除当前状态”按钮 “创建新快照”按钮 ‹#› 38 目录 Contents 任务1.1 了解图像基础知识 任务1.2 认识 Photoshop 2021 工作界面 任务1.3 熟悉 Photoshop 的基本操作 综合实战 制作手表主图 39 商品主图是展示商品外观的主要图片，常出现在搜索页、个性化推荐和商品详情页中，提升商品销量有一定的作用，因此应在商品主图中着重体现商品的卖点。某手表制作厂商为顺应电商热潮的时机，开启了线上售卖模式，现准备上架一款“SMIT”系列的手表，准备制作一张以展示商品外观和名称为主的主图，整体画面要求简洁，具有格调。 实战描述 综合实战 制作手表主图 ① 打开并裁剪商品图像，使其符合主图比例要求。 ② 调整图像大小，使其符合 800像素×800像素的主图规格。 ③ 置入素材图像，并变换图像。 实战背景 实战目标 ‹#› 40 本实战的参考效果如图所示 综合实战 制作手表主图 打开文件、裁剪工具、“调整图像大小”命令、置入文件、变换图像、保存文件。 知识要点 实战描述 ‹#› 41 浏览提供的手表图像，可发现其比例不符合1:1的主图规格，因此可使用Photoshop打开并裁剪该图像，然后调整裁剪后图像的大小，接着置入其他素材，并变换图像，本例的制作思路如图所示，参考步骤如下。 思路及步骤 综合实战 制作手表主图 1 裁剪图像 2 调整图像大小 3 置入图像和变换图像 ‹#› 42 （1）打开“手表.jpg”素材，使用裁剪工具 将图像裁剪成1:1的比例。 （2）运用“调整图像大小”命令将图像调整成800像素×800像素的大小。 （3）使用“置入嵌入对象”命令置入其他素材，丰富商品主图的内容。 （4）使用各种变换图像的命令调整置入的图像，使其位置和大小、外形更美观，同时避免遮挡手表，以突出手表。 （5）将制作好的图像分别保存为PSD格式和JPG格式的文件，并按照设计名称命名，方便发送给客户查看。 思路及步骤 综合实战 制作手表主图 ‹#› 43 $$