
3.13 图像的变换与变形操作
移动、旋转、缩放、扭曲等是图像处理的基本方法,其中,移动、旋转和缩放称为变换操作;扭曲和斜切称为变形操作。下面我们来了解怎样进行变换和变形操作。
3.13.1 定界框、中心点和控制点
“编辑>变换”下拉菜单中包含各种变换命令,如图3-113所示。它们可以对图层、路径、矢量形状,以及选中的图像进行变换操作。

图3-113
执行这些命令时,当前对象周围会出现一个定界框,定界框中央有一个中心点,四周有控制点,如图3-114所示。默认情况下,中心点位于对象的中心,用于定义对象的变换中心,拖动它可以移动它的位置。拖动控制点则可以进行变换操作。图3-115~图3-117所示为中心点在不同位置时图像的旋转效果。

图3-114

图3-115

图3-116

图3-117
提示
执行“编辑>变换”下拉菜单中的“旋转180度”“旋转90度(顺时针)”“旋转90度(逆时针)”“水平翻转”“垂直翻转”命令时,可直接对图像进行以上变换,而不会显示定界框。
相关链接:执行“编辑>自由变换”命令或按Ctrl+T快捷键可以显示定界框。按一些按键并拖动控制点即可对图像进行缩放、旋转、斜切、扭曲、透视等操作,具体操作方法请参阅3.13.3~3.13.5。
3.13.2 移动图像
移动工具是常用的工具之一,无论是移动文档中的图层、选区内的图像,还是将其他文档中的图像拖入当前文档,都需要使用该工具。
在同一文档中移动图像
在“图层”面板中单击要移动的对象所在的图层,如图3-118所示,使用移动工具在画面中单击并拖动鼠标即可移动该图层中的图像,如图3-119所示。

图3-118

图3-119
如果创建了选区,如图3-120所示,则将光标放在选区内,拖动鼠标可以移动选中的图像,如图3-121所示。

图3-120

图3-121
提示
使用移动工具时,按住Alt键拖动图像可以复制图像,同时生成一个新的图层。
在不同的文档间移动图像
打开两个或多个文档,选择移动工具,将光标放在画面中,单击并拖动鼠标至另一个文档的标题栏,如图3-122所示,停留片刻切换到该文档,如图3-123所示,移动到画面中放开鼠标可将图像拖入该文档,如图3-124所示。

图3-122

图3-123

图3-124
提示
将一个图像拖入另一个文档时,按住Shift键操作,可以使拖入的图像位于当前文档的中心。如果这两个文档的大小相同,则拖入的图像就会与当前文档的边界对齐。
移动工具选项栏
图3-125所示为移动工具的选项栏。

图3-125
• 自动选择:如果文档中包含多个图层或组,可勾选该项并在下拉列表中选择要移动的内容。选择“图层”,使用移动工具在画面中单击时,可以自动选择工具下面包含像素的最顶层的图层,如图3-126所示。选择“组”,则在画面中单击时,可以自动选择工具下包含像素的最顶层的图层所在的图层组。

图3-126
• 显示变换控件:勾选该项以后,选择一个图层时,就会在图层内容的周围显示定界框,如图3-127和图3-128所示。我们可以拖动控制点来对图像进行变换操作,如图3-129所示。如果文档中的图层数量较多,并且需要经常进行缩放、旋转等变换操作时,该选项比较实用。

图3-127

图3-128

图3-129
• 对齐图层:选择两个或多个图层后,可单击相应的按钮让所选图层对齐。这些按钮包括顶对齐、垂直居中对齐
、底对齐
、左对齐
、水平居中对齐
和右对齐
。
• 分布图层:如果选择了3个或3个以上的图层,可单击相应的按钮使所选图层按照一定的规则均匀分布。包括按顶分布、垂直居中分布
、按底分布
、按左分布
、水平居中分布
和按右分布
、对齐图层
。
• 3D模式:提供了可对3D模型进行移动、缩放等操作的工具,即旋转3D对象工具、滚动3D对象工具
、拖动3D对象工具
、滑动3D对象工具
、缩放3D对象工具
。
相关链接:关于对齐图层的具体操作方法,请参阅“5.4.2 实战:对齐图层”;关于分布图层的具体操作方法,请参阅“5.4.3 实战:分布图层”。
疑问解答 怎样对图像进行小幅度的移动?
使用移动工具时,每按一下键盘中的→、←、↑、↓键,便可以将对象移动1像素的距离;如果按住Shift键,再按方向键,则图像每次可以移动10像素的距离。
3.13.3 实战:旋转与缩放
•实例门类:软件功能类
•视频位置:学习资源>实例视频>3.13.3
01 按Ctrl+O快捷键,打开学习资源中的素材,如图3-130所示。单击要旋转的对象所在的图层,如图3-131所示。

图3-130

图3-131
02 执行“编辑>自由变换”命令,或按Ctrl+T快捷键显示定界框。将光标放在定界框外靠近中间位置的控制点处,当光标变为状时,单击并拖动鼠标可以旋转对象,如图3-132和图3-133所示。操作完成后,可按Enter键确认。如果对变换结果不满意,则可按Esc键取消操作。

图3-132

图3-133
03 下面我们来缩放图像。将光标放在定界框四周的控制点上,当光标变为状时,单击并拖动鼠标即可缩放对象,如图3-134所示。如果要进行等比例缩放,可在缩放的同时按住Shift键,如图3-135所示。

图3-134

图3-135
3.13.4 实战:斜切与扭曲
•实例门类:软件功能类
•视频位置:学习资源>实例视频>3.13.4
我们还是使用前面的素材进行练习。执行“文件>恢复”命令恢复文件,然后进行下面的操作。如将修改结果保存了,可打开原图像来进行练习。
01 按Ctrl+T快捷键显示定界框,将光标放在定界框外侧位于中间位置的控制点上,按住Shift+Ctrl键,光标会变为状,单击并拖动鼠标可以沿水平方向斜切对象,如图3-136所示;拖动定界框四周的控制点(光标会变为
状),可以沿垂直方向斜切对象,如图3-137所示。

图3-136

图3-137
02 按Esc键取消操作,我们来进行扭曲练习。按Ctrl+T快捷键显示定界框,将光标放在定界框四周的控制点上,按住Ctrl键,光标会变为状,单击并拖动鼠标可以扭曲对象,如图3-138和图3-139所示。

图3-138

图3-139
3.13.5 实战:透视变换
•实例门类:软件功能类
•视频位置:学习资源>实例视频>3.13.5
01 我们继续使用前面的文件练习。按Esc键取消操作,按Ctrl+T快捷键显示定界框。
02 将光标放在定界框四周的控制点上,按住Shift+Ctrl+Alt键,光标会变为状,单击并拖动鼠标可进行透视变换,如图3-140和图3-141所示。操作完成后,按Enter键。

图3-140

图3-141
3.13.6 实战:精确变换
•实例门类:软件功能类
•视频位置:学习资源>实例视频>3.13.6
01 执行“编辑>自由变换”命令,或按Ctrl+T快捷键显示定界框时,工具选项栏中会显示各种变换选项,如图3-142所示。在选项内输入数值并按Enter键即可进行精确的变换操作。

图3-142
02 在文本框内输入数值,可以水平移动图像,如图3-143所示;在
文本框内输入数值,可以垂直移动图像,如图3-144所示。

图3-143

图3-144
03 在文本框内输入数值,可水平拉伸图像,如图3-145所示;在
文本框内输入数值,可以垂直拉伸图像,如图3-146所示。如果单击这两个选项中间的保持长宽比按钮
,则可进行等比例缩放。

图3-145

图3-146
04 在文本框内输入数值,可以旋转图像,如图3-147和图3-148所示。

图3-147

图3-148
05 在选项内输入数值,可水平斜切图像,如图3-149所示;在
选项内输入数值,可垂直斜切图像,如图3-150所示。

图3-149

图3-150
提示
如果要将中心点调整到定界框边界上,可在工具选项栏中单击参考点定位符上的小方块。
3.13.7 实战:变换选区内的图像
•实例门类:软件功能类
•视频位置:学习资源>实例视频>3.13.7
01 选择矩形选框工具,在画面中单击并拖动鼠标创建一个矩形选区,如图3-151所示。

图3-151
02 按Ctrl+T快捷键显示定界框,按住相应的按键,然后拖动定界框上的控制点可以对选区内的图像进行旋转、缩放、斜切等变换操作,如图3-152~图3-154所示。

图3-152

图3-153

图3-154
3.13.8 实战:通过变换制作飞鸟
•实例门类:特效类
•视频位置:学习资源>实例视频>3.13.8
对图像进行变换操作后,可以通过“编辑>变换>再次”命令再一次对它应用相同的变换。如果按Alt+Shift+Ctrl+T快捷键,则不仅会变换图像,还会复制出新的图像内容。
01 打开学习资源中的素材,如图3-155所示。按Ctrl+J快捷键复制“图层1”,如图3-156所示。

图3-155

图3-156
02 按Ctrl+T快捷键显示定界框,按住Shift键拖动控制点将图像缩小,然后适当旋转,如图3-157所示。将中心点移动到如图3-158所示的位置,按Enter键确认。

图3-157

图3-158
03 连续按Alt+Shift+Ctrl+T快捷键18次,每按一次,就会复制出一个海鸥,效果如图3-159所示。

图3-159
04 现在“图层”面板中包含18个副本图层,如图3-160所示。按住Shift键单击“图层1副本”,将所有复制的图层选中,如图3-161所示,按Ctrl+E快捷键合并,如图3-162所示。

图3-160

图3-161

图3-162
05 单击“图层”面板底部的按钮,为该图层添加蒙版。按D键,将前景色设置为黑色,使用渐变工具
在画面中单击并拖动鼠标,填充线性渐变,渐变颜色会应用到蒙版中,从而遮盖图像,如图3-163和图3-164所示。

图3-163

图3-164
06 在“图层”面板中,将“图层1”拖动到最上面,如图3-165和图3-166所示。

图3-165

图3-166
07 打开一个文件,如图3-167所示。使用移动工具将它拖入海鸥文档,生成“图层2”。按Shift+Ctrl+[快捷键,将该图层移动到底层作为背景,如图3-168和图3-169所示。

图3-167

图3-168

图3-169
3.13.9 实战:通过变形为咖啡杯贴图
•实例门类:软件功能类
•视频位置:学习资源>实例视频>3.13.9
如果要对图像的局部内容进行扭曲,可以使用“编辑>变换”菜单中的“变形”命令来操作。执行该命令时,图像上就会出现变形网格和锚点,拖动锚点或调整方向线可以对图像进行更加自由、更加灵活的变形处理。下面我们就通过变形功能为咖啡杯贴图。
01 按Ctrl+O快捷键,打开学习资源中的素材文件,如图3-170和图3-171所示。

图3-170

图3-171
02 使用移动工具将卡通图像拖入咖啡杯文档中。按Ctrl+T快捷键显示定界框,然后在图像上单击鼠标右键,打开快捷菜单,选择“变形”命令,如图3-172所示,图像上会显示出变形网格,如图3-173所示。

图3-172

图3-173
03 将4个角上的锚点拖动到杯体边缘,使之与边缘对齐,如图3-174和图3-175所示。

图3-174

图3-175
相关链接:变形网格中的锚点与路径中的锚点的控制方法基本相同。关于路径锚点和方向线的调整方法,请参阅“12.4.4 调整路径形状”。
04 拖动左右两侧锚点上的方向点,使图片向内收缩,如图3-176所示。再调整图片上面和底部的控制点,使图片依照杯子的结构扭曲,并覆盖住杯子,如图3-177所示。

图3-176

图3-177
05 按Enter键确认变形操作。打开“图层”面板,将“图层1”的混合模式设置为“柔光”,使贴图效果更加真实,如图3-178和图3-179所示。

图3-178

图3-179
06 单击“图层”面板底部的按钮,为图层添加蒙版。使用柔角画笔工具
在超出杯子边缘的贴图上涂抹黑色,用蒙版将其遮盖。按Ctrl+J快捷键复制图层,使贴图更加清晰。按数字键5,将图层的不透明度调整为50%,如图3-180所示,图像效果如图3-181所示。

图3-180

图3-181