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 移动图像

移动工具076-03是常用的工具之一,无论是移动文档中的图层、选区内的图像,还是将其他文档中的图像拖入当前文档,都需要使用该工具。

在同一文档中移动图像

在“图层”面板中单击要移动的对象所在的图层,如图3-118所示,使用移动工具076-04在画面中单击并拖动鼠标即可移动该图层中的图像,如图3-119所示。

图3-118

图3-119

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

图3-120

图3-121

提示

使用移动工具时,按住Alt键拖动图像可以复制图像,同时生成一个新的图层。

在不同的文档间移动图像

打开两个或多个文档,选择移动工具076-09,将光标放在画面中,单击并拖动鼠标至另一个文档的标题栏,如图3-122所示,停留片刻切换到该文档,如图3-123所示,移动到画面中放开鼠标可将图像拖入该文档,如图3-124所示。

图3-122

图3-123

图3-124

提示

将一个图像拖入另一个文档时,按住Shift键操作,可以使拖入的图像位于当前文档的中心。如果这两个文档的大小相同,则拖入的图像就会与当前文档的边界对齐。

移动工具选项栏

图3-125所示为移动工具077-02的选项栏。

图3-125

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

图3-126

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

图3-127

图3-128

图3-129

对齐图层:选择两个或多个图层后,可单击相应的按钮让所选图层对齐。这些按钮包括顶对齐077-04、垂直居中对齐077-05、底对齐077-06、左对齐077-07、水平居中对齐077-08和右对齐077-09

分布图层:如果选择了3个或3个以上的图层,可单击相应的按钮使所选图层按照一定的规则均匀分布。包括按顶分布077-14、垂直居中分布077-15、按底分布077-16、按左分布077-17、水平居中分布077-18和按右分布077-19、对齐图层077-20

3D模式:提供了可对3D模型进行移动、缩放等操作的工具,即旋转3D对象工具077-21、滚动3D对象工具077-22、拖动3D对象工具077-23、滑动3D对象工具077-24、缩放3D对象工具077-25

相关链接:关于对齐图层的具体操作方法,请参阅“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快捷键显示定界框。将光标放在定界框外靠近中间位置的控制点处,当光标变为078-01状时,单击并拖动鼠标可以旋转对象,如图3-132和图3-133所示。操作完成后,可按Enter键确认。如果对变换结果不满意,则可按Esc键取消操作。

图3-132

图3-133

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

图3-134

图3-135

3.13.4 实战:斜切与扭曲

•实例门类:软件功能类

•视频位置:学习资源>实例视频>3.13.4

我们还是使用前面的素材进行练习。执行“文件>恢复”命令恢复文件,然后进行下面的操作。如将修改结果保存了,可打开原图像来进行练习。

01 按Ctrl+T快捷键显示定界框,将光标放在定界框外侧位于中间位置的控制点上,按住Shift+Ctrl键,光标会变为078-07状,单击并拖动鼠标可以沿水平方向斜切对象,如图3-136所示;拖动定界框四周的控制点(光标会变为078-08状),可以沿垂直方向斜切对象,如图3-137所示。

图3-136

图3-137

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

图3-138

图3-139

3.13.5 实战:透视变换

•实例门类:软件功能类

•视频位置:学习资源>实例视频>3.13.5

01 我们继续使用前面的文件练习。按Esc键取消操作,按Ctrl+T快捷键显示定界框。

02 将光标放在定界框四周的控制点上,按住Shift+Ctrl+Alt键,光标会变为078-14状,单击并拖动鼠标可进行透视变换,如图3-140和图3-141所示。操作完成后,按Enter键。

图3-140

图3-141

3.13.6 实战:精确变换

•实例门类:软件功能类

•视频位置:学习资源>实例视频>3.13.6

01 执行“编辑>自由变换”命令,或按Ctrl+T快捷键显示定界框时,工具选项栏中会显示各种变换选项,如图3-142所示。在选项内输入数值并按Enter键即可进行精确的变换操作。

图3-142

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

图3-143

图3-144

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

图3-145

图3-146

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

图3-147

图3-148

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

图3-149

图3-150

提示

如果要将中心点调整到定界框边界上,可在工具选项栏中单击参考点定位符079-12上的小方块。

3.13.7 实战:变换选区内的图像

•实例门类:软件功能类

•视频位置:学习资源>实例视频>3.13.7

01 选择矩形选框工具079-13,在画面中单击并拖动鼠标创建一个矩形选区,如图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 单击“图层”面板底部的080-05按钮,为该图层添加蒙版。按D键,将前景色设置为黑色,使用渐变工具080-06在画面中单击并拖动鼠标,填充线性渐变,渐变颜色会应用到蒙版中,从而遮盖图像,如图3-163和图3-164所示。

图3-163

图3-164

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

图3-165

图3-166

07 打开一个文件,如图3-167所示。使用移动工具080-11将它拖入海鸥文档,生成“图层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 使用移动工具080-17将卡通图像拖入咖啡杯文档中。按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 单击“图层”面板底部的081-05按钮,为图层添加蒙版。使用柔角画笔工具081-06在超出杯子边缘的贴图上涂抹黑色,用蒙版将其遮盖。按Ctrl+J快捷键复制图层,使贴图更加清晰。按数字键5,将图层的不透明度调整为50%,如图3-180所示,图像效果如图3-181所示。

图3-180

图3-181