1.1 Photoshop的基础操作

在系统学习淘宝美工的工作内容前，先了解Photoshop2021的工作环境，只有熟悉软件的特点及工作方式，才能更有效地使用软件。

1.1.1 Photoshop工作界面组件

Adobe对Photoshop2021的工作界面进行了合理的划分，包含菜单栏、工具选项栏、选项卡、工具箱、文档窗口、操作面板和状态栏。灵活的操作面板，美观简洁的视觉体验，使软件更具专业特色，如图1-1所示。

1.1.2 新建文档

打开Photoshop，要新建一个文件，可执行“文件>新建”命令或按快捷键Ctrl+N。打开“新建文档”对话框，设置文件名称、尺寸、分辨率和颜色模式等，如图1-2所示。

1.1.3 打开与置入文件

执行“文件>打开”命令，弹出“打开”对话框，如图1-3所示。选择需要的图像，单击“打开”按钮。

有两种置入方式，一种是“置入嵌入对象”，另一种是“置入链接的智能对象”，两者各有特点。

1. 置入嵌入对象

1　打开或新建一个文件后，执行“文件>置入嵌入对象”命令，打开“置入嵌入的对象”对话框，如图1-4所示。

2　选择需要置入的图像，单击“置入”按钮，即可在文件中置入图像，如图1-5所示。此时置入的图像会自动转换为智能对象，使用智能对象可以灵活地在Photoshop中以非破坏性方式编辑图像，在图像中双击或按Enter键确认变换。

3　通过“置入嵌入对象”方式置入的图像，如果对置入的源图进行改变，保存图像以后，嵌入的图像保持之前置入时的效果不变，如图1-6所示。

2. 置入链接的智能对象

1　打开或新建一个文件后，执行“文件>置入链接的智能对象”命令，打开“置入链接的对象”对话框，如图1-7所示。

2　选择需要置入的图像，单击“置入”按钮，即可在文件中置入图像，如图1-8所示。此时置入的图像自动转换为链接智能对象，在图像中双击或按Enter键确认变换。

3　“置入链接的智能对象”与“置入嵌入对象”的区别在于，前者当对置入的源图进行改变时，链接的图像也随之改变，如图1-9所示。

1.1.4 存储文件

编辑好图像以后，需要对图像文件进行存储，执行“文件>存储”命令或按快捷键Ctrl+S，即可保存当前文件。当该文件是第一次执行“存储”命令时，系统会自动打开图1-10所示的“保存在您的计算机上或保存到云文档”对话框，此时需要指定文件存储的位置，通常情况下保存到计算机上。单击“保存在您的计算机上”按钮，打开“另存为”对话框，如图1-11所示，在对话框中选择存储路径，单击“保存”按钮，系统将以指定路径对图像进行存储。

1.1.5 修改图像尺寸与画布大小

在编辑图像的过程中，可以拖曳图像对应的选项卡，将图像以浮动窗口的形式显示，如图1-12所示。

修改图像尺寸和修改画布大小，两者有所区别，下面将详细讲解。

1. 修改图像尺寸

修改图像的尺寸主要是改变图像的实际尺寸，如果将较小的图像尺寸改为较大的尺寸，放大到100％显示时图像会变得模糊不清。

执行“图像>图像大小”命令或按快捷键Alt+Ctrl+I，或者直接在图像窗口选项卡上单击鼠标右键，在弹出的快捷菜单中选择“图像大小”命令，打开“图像大小”对话框，如图1-13所示。在该对话框中设置参数可以更改图像的尺寸。

“图像大小”对话框中有下列几个设置选项。

• 图像大小：主要显示当前图像文件的大小。

• 尺寸：显示当前图像的尺寸。单击尺寸下拉按钮，可以选择图像的尺寸单位，其中包含百分比、像素、英寸、厘米、毫米、点和派卡。

• 调整为：在“调整为”下拉列表中，可以直接选择预设的尺寸。如果选择下拉列表中的“自动分辨率”选项，会弹出“自动分辨率”对话框，如图1-14所示，对其参数进行设置，单击“确定”按钮，返回“图像大小”对话框，系统将自动修改分辨率，图像的像素尺寸得到改变。“自动分辨率”对话框中的“挂网”参数可设置打印所需的挂网频率和打印质量，而“品质”选项可按照需要选择不同的质量等级。

• 宽度和高度：用来设置图像的宽度和高度尺寸。“宽度”和“高度”的左侧有一个链接图标，表示此时宽度和高度被约束，任意调整其中一个参数，另一个也会随之改变，因此无论如何改变宽度与高度的参数，图像的长宽比例保持不变。单击链接图标，可以取消约束，此时更改其中一个参数，另一个参数将不会随之改变，因此改变后的图像会变形。

• 分辨率：可以设置图像的分辨率参数，当直接调整分辨率时，图像大小也会随之改变。

• 重新采样：取消勾选“重新采样”复选框，此时宽度、高度和分辨率会被约束，任意调整其中一个参数，另外两个参数会随之改变。如图像要求分辨率达到300像素/英寸，此时可以运用此方法直接更改分辨率，更改分辨率后的图像质量不会受损。

2. 修改画布大小

修改画布大小是指修改当前图像所在画布的大小。放大画布不会改变原图的尺寸；缩小画布，会以指定的位置裁切图像的边缘。执行“图像>画布大小”命令或按快捷键Alt+Ctrl+C，或直接在图像窗口选项卡上单击鼠标右键，在弹出的快捷菜单中选择“画布大小”命令，打开“画布大小”对话框，如图1-15所示。在该对话框中设置参数可以更改画布的尺寸。

“画布大小”对话框中有下列几个设置选项。

• 当前大小：显示当前画布的实际大小。

• 新建大小：用于调整画布的宽度和高度，默认为当前大小。

• 相对：若勾选该复选框，则“新建大小”中的“宽度”和“高度”表示在原画布的基础上增加或减少的尺寸，正值为增大，负值为减小。

• 定位：表示增加或减少画布尺寸时图像中心的位置，增加或减少的部分会由中心向外进行扩展或向内收缩。

• 画布扩展颜色：在其下拉列表中选择扩展画布的颜色。默认为背景色。单击后面的色块，打开“拾色器”对话框，可调整为任意色。

1　打开一个图像文件，执行“图像>画布大小”命令，打开“画布大小”对话框，可以观察当前画布大小，宽度为600像素，高度为900像素，勾选“相对”复选框，分别将“宽度”和“高度”扩展100像素，单击“确定”按钮，该图像会以默认定位向4个方向进行扩展，如图1-16所示。

2　设置好扩展参数后，单击“定位”右上角的方向按钮，然后单击“确定”按钮，画布将以右上为中心点向其他方向扩展，如图1-17所示。

3　如果需要收缩画布，可以在“画布大小”对话框中设置“宽度”和“高度”为负数。但收缩画布后图像会被剪切，此时单击“确定”按钮，将弹出警告对话框，单击“继续”按钮，画布完成收缩剪切，如图1-18所示。

1.1.6 拷贝与自由变换

在使用Photoshop软件编辑图像的过程中，经常会用到拷贝图像或对图像进行缩放、旋转、扭曲、斜切、透视和变形等多种操作。拷贝与自由变换合并使用，可以完成等比例拷贝图像及等比例旋转拷贝图像等操作，能提高编辑图像的工作效率。

1. 拷贝图像

在Photoshop中拷贝图像的方法有很多种，不同的拷贝方法有各自的特点。

• 图像文件拷贝：这种方法主要针对拷贝图像整体文件。执行“图像>复制”命令，或直接在图像窗口选项卡上单击鼠标右键，在弹出的快捷菜单中选择“复制”命令，打开“复制图像”对话框。此时可以在“为”文本框中输入名称，如图1-19所示，单击“确定”按钮，完成复制图像操作。

• 图像图层拷贝：这种方法主要针对图像的图层进行拷贝。执行“编辑>拷贝”命令或按快捷键Ctrl+C，然后执行“编辑>粘贴”命令或按快捷键Ctrl+V，可以完成拷贝图像操作，如图1-20所示。

执行“图层>新建>通过拷贝的图层”命令或按快捷键Ctrl+J，可直接完成拷贝图像操作，如图1-21所示。这种方法运用比较广泛，也属于图像图层拷贝，优势在于方便快捷。

• 在图像文件之间拷贝：此方法与“置入文件”相似，但置入的图像属于普通图层，与智能对象有所区别。在打开的两个图像文件中，选择“移动工具”，拖曳图像到另一个图像文件中，可以完成拷贝图像操作，如图1-22所示。

2. 自由变换

Photoshop中的自由变换命令有旋转、缩放、斜切、扭曲、透视和变形等，在编辑图像的时候经常会用到。

• 旋转图像：执行“编辑>自由变换”命令或按快捷键Ctrl+T，在图像中打开“自由变换”调节框，此时在调节框边缘外侧，当鼠标指针变为旋转状态时，按住鼠标左键拖曳可以完成旋转图像操作，如图1-23所示。如果需要进行限定性的旋转，可以在调节框中单击鼠标右键，在弹出的快捷菜单中选择所需命令，同时还可以在选项栏中设置“旋转”度数，对图像进行限定旋转。完成旋转图像操作以后，在调节框中双击或者按Enter键确认。

• 缩放图像：在图像中按快捷键Ctrl+T，打开“自由变换”调节框，将鼠标指针移动到调节框的控制点上，鼠标指针变为缩放状态，此时按住鼠标左键拖曳，可以缩放图像，如图1-24所示。如果需要从四周向中心缩放图像，可以按住Alt键拖曳控制点。

• 斜切图像：在图像中按快捷键Ctrl+T，打开“自由变换”调节框，在调节框中单击鼠标右键，在弹出的快捷菜单中选择“斜切”命令，拖曳控制点，可以对图像进行斜切操作，如图1-25所示。

其他操作同理，读者可自行尝试变换效果。

3. 等比例拷贝图像

等比例拷贝图像主要是将拷贝图像图层与自由变换合并使用，可以将其运用在等比例移动拷贝图像操作上，也可以运用到其他变换拷贝图像操作上。

• 移动拷贝图像：按快捷键Ctrl+Alt+T，打开“自由变换”调节框，当移动调节框中的图像时，会自动拷贝图像图层，如图1-26所示，按Enter键确认移动拷贝图像。按快捷键Ctrl+Alt+Shift+T，重复前一次的移动拷贝图像操作，可以完成等比例拷贝图像操作，如图1-27所示。

• 等比例移动缩小拷贝图像：按快捷键Ctrl+Alt+T，打开“自由变换”调节框，移动并缩小调节框中的图像，完成移动缩小拷贝操作，如图1-28所示，按Enter键确认。按快捷键Ctrl+Alt+Shift+T，重复前一次的移动缩小拷贝图像操作，等比例移动缩小拷贝图像的效果如图1-29所示。

• 等比例旋转拷贝图像：按快捷键Ctrl+Alt+T，打开“自由变换”调节框，按住Alt键，并在文档窗口中单击，确定旋转拷贝图像的中心点位置，在调节框边缘外侧，当鼠标指针变为旋转状态时拖曳，会围绕中心点位置旋转拷贝图像，如图1-30所示，按Enter键确认旋转拷贝图像。按快捷键Ctrl+Alt+Shift+T，重复前一次的旋转拷贝图像操作，等比例旋转拷贝图像的效果如图1-31所示。

1.1.7 还原/恢复/历史记录

还原、恢复文件是指在编辑图像的过程中，将编辑过的文件复原到某种状态。编辑图像时，每进行一步操作，都会记录在“历史记录”面板中。

1. 还原操作

还原是指将图像文件还原到上一步的操作。如果需要还原到上一步操作，可以执行“编辑>还原”命令或按快捷键Ctrl+Z。执行还原操作后，“编辑”菜单中的“重做”命令会从灰色变为可执行状态，执行该命令或按快捷键Ctrl+Shift+Z可重新执行被还原的操作。

当需要还原几个步骤时，可以连续按快捷键Ctrl+Z。连续按快捷键Ctrl+Shift+Z，可依次重新执行被还原的操作。

2. 恢复操作

恢复是指将图像文件恢复到最后一次存储时的状态。如果用户对当前操作的效果不满意，希望放弃当前的操作并恢复到最后一次存储时的状态，可以执行“文件>恢复”命令，或按F12键。

3. 历史记录

在菜单栏中单击“窗口”菜单，勾选“历史记录”，或者直接在操作面板中单击“历史画笔”按钮，可以打开“历史记录”面板。使用“历史记录”面板，可以实现更为直观的还原恢复操作。“历史记录”面板会在执行操作的时候自动记录每一步操作。

默认情况下，“历史记录”面板会罗列出最近50个操作步骤，更早的就被自动删除了，以释放内存。执行“编辑>首选项>性能”命令，打开“首选项”对话框，如图1-32所示，在“历史记录状态”文本框中输入新的参数，即可改变历史记录步数。

1.1.8 标尺与参考线

标尺与参考线属于辅助工具，在设计店铺页面的过程中，如要了解板块和图像的具体尺寸或需要知道当前位置的具体数值，经常会用到标尺与参考线。参考线主要用于板块的准确划分，图像的整齐排列，以及最后图像切片的准确分割。

1. 标尺

按快捷键Ctrl+R，文档窗口会出现标尺，如图1-33所示；再次按快捷键Ctrl+R，则会隐藏标尺。

执行“编辑>首选项>单位与标尺”命令，打开“首选项”对话框，在对话框中可以设置标尺的数值单位，或者在标尺上单击鼠标右键，在弹出的快捷菜单中选择需要的数值单位。

2. 参考线

参考线以浮动的状态显示在图像上方，并且在输出和打印图像时，参考线不会显示。

直接拖曳标尺可快速建立参考线。如果需要水平参考线，可以从窗口上方的标尺上向图像中拖曳；如果需要垂直参考线，可以从左边的标尺上向图像中拖曳，如图1-34所示。如果要移动参考线，选择“移动工具”，将鼠标指针放在参考线上，当鼠标指针变成可调节状态时，拖曳参考线可自由移动。如果需要删除参考线，可将参考线拖曳到画布之外。

执行“视图>新建参考线”命令，打开“新建参考线”对话框，在该对话框中选择“水平”或“垂直”选项，在“位置”文本框中设置准确的参考线位置，如图1-35所示，可以创建位置准确的参考线。

默认的参考线颜色为青色，在某些图像中看不清楚时，可以修改颜色。执行“编辑>首选项>参考线、网格和切片”命令，打开“首选项”对话框，如图1-36所示。在“参考线”设置栏的“颜色”下拉列表中选择预设的颜色，也可单击右侧的色块打开“拾色器（参考线颜色）”对话框，设置任意颜色，在“样式”下拉列表中可以选择参考线的样式。