- 中文版Photoshop CC平面设计从入门到精通(唯美)
- 唯美世界
- 2301字
- 2025-02-17 21:58:23
2.6 变换图层形状
重点2.6.1 动手练:自由变换

扫一扫,看视频
在制图过程中,经常需要调整图层的大小、角度,有时也需要对图层的形态进行扭曲、变形,这些都可以通过“自由变换”命令来实现。选中需要变换的图层,执行“编辑〉自由变换”命令(快捷键:Ctrl+T)。此时对象进入自由变换状态,四周出现了定界框,4个角点处以及4条边框的中间都有控制点。完成变换后,按Enter键确认。如果要取消正在进行的变换操作,可以按Esc键。右击可以看到其他的变换命令,如图2-193所示。

图2-193
提示:“背景”图层无法进行变换
打开一张图片后,有时会发现无法使用“自由变换”命令,这可能是因为打开的图片只包含一个“背景”图层。此时在按住Alt键的同时双击“背景”图层,将其转换为普通图层,然后就可以使用“编辑〉自由变换”命令了。
1.放大、缩小
按住鼠标左键拖曳定界框上、下、左、右边框上的控制点,可以进行横向或纵向的放大或缩小,如图2-194所示。按住鼠标左键拖曳角点处的控制点,可以同时对横向和纵向进行放大或缩小,如图2-195所示。

图2-194

图2-195
自由变换状态下,按住Shift键的同时拖曳定界框4个角点处的控制点,可以进行等比缩放,如图2-196所示。如果按住Shift+Alt键的同时拖曳定界框4个角点处的控制点,能够以图层中心点作为缩放中心进行等比缩放,如图2-197所示。

图2-196

图2-197
2.旋转
将光标移动至4个角点处的任意一个控制点上,当其变为弧形的双箭头形状后,按住鼠标左键拖动即可进行旋转,如图2-198所示。

图2-198
3.斜切
在自由变换状态下,右击,执行“斜切”命令,然后按住鼠标左键拖曳控制点,即可看到变换效果,如图2-199所示。

图2-199
4.扭曲
在自由变换状态下,右击,执行“扭曲”命令,然后按住鼠标左键拖曳上、下控制点,可以进行水平方向的扭曲,如图2-200所示;按住鼠标左键拖曳左、右控制点,可以进行垂直方向的扭曲,如图2-201所示。

图2-200

图2-201
5.透视
在自由变换状态下,右击,执行“透视”命令,拖曳一个控制点即可产生透视效果,如图2-202和图2-203所示。此外,也可以选择需要变换的图层,执行“编辑〉变换〉透视”命令。

图2-202

图2-203
6.变形
在自由变换状态下,右击,执行“变形”命令,拖曳网格线或控制点即可进行变形操作,如图2-204所示。此外,也可以在调出变形定界框后,在工具选项栏的“变形”下拉列表框中选择一个合适的形状,然后设置相关参数,效果如图2-205所示。

图2-204

图2-205
7.旋转180度、顺时针旋转90度、逆时针旋转90度、水平翻转、垂直翻转
在自由变换状态下,右击,在弹出的快捷菜单的底部还有5个旋转的命令,即“旋转180度”“顺时针旋转90度”“逆时针旋转90度”“水平翻转”与“垂直翻转”命令,如图2-206所示。顾名思义,根据这些命令的名字就能够判断出它们的用途。

图2-206
提示:复制并重复上一次变换
如要制作一系列变换规律相似的元素,可以使用“复制并重复上一次变换”功能来完成。在使用该功能之前,需要先设定好一个变换规律。
首先确定一个变换规律;然后按快捷键Ctrl+Alt+T调出定界框,将“中心点”拖曳到定界框左下角的位置,如图2-207所示;接着对图像进行旋转和缩放,按Enter键确认,如图2-208所示;最后多次按快捷键Shift+Ctrl+Alt+T,可以得到一系列规律的变换效果,如图2-209所示。

图2-207

图2-208

图2-209
练习实例:变换图层制作立体书籍

扫一扫,看视频

案例效果
案例效果如图2-210所示。

图2-210
操作步骤
步骤01 执行“文件〉打开”命令,将背景素材1.jpg打开,如图2-211所示。

图2-211
步骤02 执行“文件〉置入嵌入对象”命令,在弹出的“置入嵌入的对象”窗口中选中素材2.jpg,然后单击“置入”按钮,如图2-212所示。接着将光标放在定界框外,按住Shift键的同时按住鼠标左键将素材进行等比例缩小,如图2-213所示。操作完成后按Enter键。

图2-212

图2-213
步骤03 选择置入的素材图层,右击,执行“栅格化图层”命令,将素材图层进行栅格化处理,如图2-214所示。
步骤04 制作立体的书籍封面。选择素材图层,使用自由变换快捷键Ctrl+T调出定界框,将光标放在定界框任意一角,按住鼠标左键将素材进行旋转,如图2-215所示。

图2-214

图2-215
步骤05 在当前自由变换状态下,右击,执行“扭曲”命令,按住鼠标左键拖动调整每个控制点的位置,如图2-216所示。操作完成后按Enter键,此时立体的书籍封面制作完成。

图2-216
步骤06 制作立体的书脊。置入书脊素材3.jpg,调整大小后放在封面左边位置并将图层栅格化,如图2-217所示。然后使用同样的方法对书脊进行旋转和扭曲,制作出立体的书脊,效果如图2-218所示。此时立体书籍的展示效果制作完成。

图2-217

图2-218
重点2.6.2 内容识别缩放:保留主体物并调整图片比例

扫一扫,看视频
在变换图像时经常要考虑是否等比的问题,因为很多不等比的变形是不美观、不专业、不能用的。不过对于一些图像,等比缩放确实能够保证画面效果不变形,但是图像尺寸可能就不尽如人意了。那有没有一种方法既能保证画面效果不变形,又能不等比地调整大小呢?答案是有的,可以使用“内容识别缩放”命令进行缩放操作。“内容识别缩放”命令只适用于普通图层。
(1)在图2-219中,可以看到画面非常宽。如果要将画面的宽度收缩一些,按快捷键Ctrl+T调出定界框,然后横向收缩,画面中的图像就变形了,如图2-220所示。

图2-219

图2-220
(2)若执行“编辑〉内容识别缩放”命令调出定界框,然后进行横向的收缩,随着拖曳可以看到画面中的主体并未发生变形,而颜色较为统一的位置则进行了压缩,如图2-221所示。如果进行纵向的拉伸,可以看到被放大的是背景色部分,主体物仍然没有发生太多的变化,如图2-222所示。

图2-221

图2-222
(3)如果要缩放人像图片(如图2-223所示),可以在执行完“内容识别缩放”命令之后单击选项栏中的“保护肤色”按钮,然后进行缩放。这样可以最大限度地保证人物比例,如图2-224所示。

图2-223

图2-224
提示:选项栏中的“保护”选项的用法
选择要保护的区域的Alpha通道。如果要在缩放图像时保留特定的区域,“内容识别缩放”命令允许在调整大小的过程中使用Alpha通道来保护内容。