设计必修课:Photoshop图像处理+平面设计+网页设计+UI设计自学教程
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.11 图像变换

将图像复制到新的位置后,可以通过“变换”和“变形”命令对图像进行旋转、缩放、变形和扭曲等各种操作。

2.11.1 移动图像

使用工具箱中的“移动工具”可以轻松地移动图像图层或者选区中的对象。“移动工具”选项栏如图2-73所示。

图2-73 “移动工具”选项栏

移动图层上或选区中的对象时,可以通过按键盘上的方向键实现精确移动,按一下移动一个像素。按住【Shift】键的同时按方向键可以一次移动10个像素。

2.11.2 应用案例——在不同文档间移动图像

扫描查看演示视频

扫描下载素材

源文件:资源包\源文件\第2章\2-11-2.psd

素材:资源包\素材\第2章\21121.jpg、21122.jpg

技术要点:掌握在不同文档中【移动图像】的方法

STEP 01打开素材图像“素材\第2章\21121.jpg、21122.jpg”。使用“移动工具”在青草图像中单击并拖动,将光标移动到“21121.jpg”的标题栏上,如图2-74所示。

STEP 02这时“21121.jpg”文件会自动打开,移动光标到文件内部,松开鼠标左键,效果如图2-75所示。

图2-74 拖动文件

图2-75 拖入内部

STEP 03执行“编辑”→“自由变换”命令,调整图像大小,如图2-76所示。

STEP 04为该图层添加蒙版,使用“画笔工具”在蒙版上涂抹黑色,图像效果如图2-77所示。

图2-76 调整图像大小

图2-77 添加蒙版合成效果

2.11.3 “变换”命令

在编辑图像的过程中,经常要对图像进行变换操作。在Photoshop中,执行“编辑”→“变换”命令,其子菜单中包含各种变换命令。执行这些命令可以对图像进行缩放、旋转、斜切、翻转和自由变换等操作,如图2-78所示。

执行这些命令时,当前对象上会显示定界框、中心点和控制点,如图2-79所示。定界框四周的小方块是控制点,拖动控制点可以进行变换操作。中心点位于对象的中心,用于定义对象的变换中心,拖动它即可移动对象的位置。

图2-78 “变换”子菜单

图2-79 变换元素

缩放和旋转图像

执行“编辑”→“变换”子菜单中的“缩放”或“旋转”命令,拖动调整图像四周的定界框,实现缩放和旋转图像的操作。“变换”命令的选项栏如图2-80所示。

图2-80 “变换”命令选项栏

斜切和扭曲

执行“变换”子菜单中的“斜切”和“扭曲”命令,可以对图像进行斜切和扭曲操作,如图2-81所示。使用“变换”子菜单中的“透视”命令,配合“扭曲”命令可以制作出有趣的图像效果。

图2-81 斜切图像和扭曲图像

透视和变形

执行“变换”子菜单中的“透视”和“变形”命令,可以对图像进行单点透视和变形操作。“变形”命令的选项栏如图2-82所示。

图2-82 “变形”选项栏

提示

“变形”命令允许用户拖动控制点以变换图像的形状、路径等,也可以使用选项栏中“变形样式”下拉列表框中的形状进行变形。“变形样式”下拉列表框中的形状是可延展的,可拖动它们的控制点。

2.11.4 应用案例——使用“再次”命令制作图形

扫描查看演示视频

扫描下载素材

源文件:资源包\源文件\第2章\2-11-4.psd

素材:资源包\素材\第2章\21141.jpg

技术要点:掌握【再次】命令的使用技巧

STEP 01打开素材图像“素材\第2章\21141.jpg”。使用“快速选择工具”将红色郁金香选中,并执行“图层”→“新建”→“通过拷贝的图层”命令,效果如图2-83所示。

STEP 02在“图层”面板中单击“背景”图层前的眼睛图标将其关闭,使用“移动工具”调整图像到如图2-84所示的位置。

图2-83 通过拷贝的图层

图2-84 调整图像位置

STEP 03执行“编辑”→“自由变换”命令,将图像的中心点拖曳到画布中心位置,如图2-85所示。

STEP 04在选项栏的“旋转角度”文本框中输入旋转角度为30º,单击“提交变换”按钮,按住【Alt】键的同时多次执行“编辑”→“变换”→“再次”命令,得到如图2-86所示的效果。

图2-85 自由变换图像

图2-86 图像效果

2.11.5 应用案例——透视变换制作灯箱

扫描查看演示视频

扫描下载素材

源文件:资源包\源文件\第2章\2-11-5.psd

素材:资源包\素材\第2章\21151.jpg、21152.jpg

技术要点:掌握【自由变换】和【扭曲】命令的操作方法

STEP 01打开素材图像“素材\第2章\21151.jpg、21152.jpg”。使用“移动工具”将人物图像拖曳到灯箱图像中。执行“编辑”→“自由变换”命令,调整图像大小,如图2-87所示。

STEP 02执行“编辑”→“变换”→“透视”命令,拖动控制点,效果如图2-88所示。

图2-87 变换大小

图2-88 透视调整

STEP 03执行“编辑”→“自由变换”命令,继续调整图像大小。执行“编辑”→“变换”→“扭曲”命令,调整图像控制点,以适应灯箱大小,效果如图2-89所示。

STEP 04单击“提交变换”按钮,完成变换操作,效果如图2-90所示。

图2-89 扭曲图像

图2-90 变换效果

提示

在执行“变换”命令时,最好不要单击“提交变换按钮。可以等到所有变换操作都完成后再单击该按钮,这样可以避免变换框轮廓发生变化。

2.11.6 变换选区内的图像

如果想要对图像中的部分内容进行变换操作,可以先使用选择工具创建选区,然后再执行“变换”命令,对选区内的图像进行各种变换操作。

使用“快速选择工具”将图像中的玫瑰花选中,如图2-91所示,执行“编辑”→“变换”子菜单中的各项命令。此时的变换操作将只对选区中的对象起作用,如图2-92所示。

如果变换选区内的图像在“背景”图层上,缩小或移动图像的区域将使用背景色显示,如图2-93所示。

图2-91 创建选区

图2-92 自由变换对象

图2-93 背景色显示缩小范围

2.11.7 应用案例——利用“变形命令”制作飘逸长裙

扫描查看演示视频

扫描下载素材

源文件:资源包\源文件\第2章\2-11-7.psd

素材:资源包\素材\第2章\21171.jpg

技术要点:掌握【变形】命令的使用技巧

STEP 01打开素材图像“素材\第2章\21171.jpg”,单击工具箱中的“快速选择工具”按钮,将人物的头纱选中,如图2-94所示。

STEP 02按【Ctrl+J】组合键,将选区对象拷贝到新图层中。执行“编辑”→“自由变换”命令,单击选项栏中的“变形”按钮,在“网格”下拉列表框中选择“3×3”选项,图像效果如图2-95所示。

图2-94 选择头纱

图2-95 变形效果

“操控变形”命令不能应用到“背景”图层上。所以要想使用“操控变形”命令,可以双击“背景”图层将其转换为“图层0”,或者在一个独立图层中使用该命令。

STEP 03拖动变形框调整头纱,效果如图2-96所示。

STEP 04单击选项栏中的“提交变换”按钮,图像变形效果如图2-97所示。

图2-96 调整变形框

图2-97 变形效果

提示

执行“编辑”→“操控变形”命令可以对图像进行更丰富的变形操作,使用该命令可以精确地将任何图像元素重新定位或变形,如将直的木棒制作出艺术变形。

提示

选择一个图钉并单击鼠标右键,在弹出的快捷菜单中选择“删除图钉”命令,可以将其删除;也可以在按住【Alt】键的同时单击图钉完成删除操作;按住键盘上的【Delete】键的同时单击也可以将其删除。

2.11.8 应用案例——利用“操控变形”命令改变大象的鼻子

扫描查看演示视频

扫描下载素材

源文件:资源包\源文件\第2章\2-11-8.psd

素材:资源包\素材\第2章\21181.psd

技术要点:掌握【操控变形】命令的操作方法

STEP 01打开素材图像“素材\第2章\21181.psd”,选择“图层1”图层,执行“编辑”→“操控变形”命令,效果如图2-98所示。

STEP 02在如图2-99所示的位置单击,添加图钉。

图2-98 执行“操控变形”命令

图2-99 添加图钉

STEP 03拖动底部的图钉,调整效果如图2-100所示。

STEP 04继续调整每个图钉,单击“提交变换”按钮,完成后的效果如图2-101所示。

图2-100调整图钉位置

图2-101变形效果

提示

执行“编辑”→“透视变形”命令可以调整图像的透视效果,达到调整角度、创建广角效果和快速匹配透视效果等目的。

2.11.9 应用案例——利用“透视命令”变形改变大楼透视

扫描查看演示视频

扫描下载素材

源文件:资源包\源文件\第2章\2-11-9.psd

素材:资源包\素材\第2章\21191.jpg

技术要点:掌握【透视变形】命令的操作技巧

STEP 01打开素材图像“素材\第2章\21191.jpg”,执行“编辑”→“透视变形”命令,在画布中拖曳创建如图2-102所示的网格。

STEP 02拖动网格顶点调整网格轮廓,效果如图2-103所示。继续创建透视网格并调整顶点,效果如图2-104所示。

图2-102创建透视网格

图2-103调整网格轮廓

图2-104创建并调整透视网格

STEP 03单击选项栏中的“变形”按钮,拖动调整网格顶点,图像效果如图2-105所示。

STEP 04单击选项栏中的“提交透视变形”按钮,使用“裁剪工具”裁剪图像边缘,完成图像透视变形操作,效果如图2-106所示。

图2-105调整透视网格

图2-106透视变形效果

2.11.10 内容识别缩放

执行“编辑”→“变换”子菜单中的各项命令虽然可以实现对图像的各种变形操作,但是如果操作时没有保证宽高互成比例,图像将出现严重变形,如图2-107所示。

执行“编辑”→“内容识别缩放”命令,单击选项栏中的“保护肤色”按钮,对图像执行变换操作,可以看到人物不再受该操作的影响,如图2-108所示。

图2-107变换图像

图2-108“内容识别缩放”变换图像

2.11.11 应用案例——无变形调整照片尺寸

扫描查看演示视频

扫描下载素材

源文件:资源包\源文件\第2章\2-11-11.psd

素材:资源包\素材\第2章\21111.jpg

技术要点:掌握【调整照片尺寸】的方法

STEP 01打开素材图像“素材\第2章\21111.jpg”,使用“快速选择工具”将人物选中,如图2-109所示。

STEP 02执行“选择”→“存储选区”命令,弹出“存储选区”对话框,将选区保存,如图2-110所示。

图2-109打开素材素材图像并创建选区

图2-110 “存储选区”对话框

STEP 03执行“窗口”→“图层”命令,在打开的“图层”面板中双击“背景”图层,将其转换为“图层0”,如图2-111所示。

STEP 04执行“选择”→“取消选择”命令,将选区取消。执行“编辑”→“内容识别缩放”命令,在选项栏的“保护”下拉列表框中选择刚才保存的选区,如图2-112所示。按住【Shift】键的同时拖动控制点调整图片的宽度,效果如图2-113所示。

图2-111 转换图层

图2-112 执行命令

图2-113 完成效果