- 中文版Photoshop CC平面设计从入门到精通(唯美)
- 唯美世界
- 2963字
- 2025-02-17 21:58:23
2.5 调整图像的尺寸及方向
在制作设计文档时,经常会对图像的尺寸有一定的要求。例如,在向网站平台上传图片的过程中,经常会限定图片的尺寸和大小。例如,电商平台对主图尺寸的要求是800像素×800像素,大小在500KB内。这时就需要将图片的长度和宽度调整为800像素,而存储之后的文件大小则小于500KB,使之符合上传条件。
重点2.5.1 动手练:调整图像的尺寸

扫一扫,看视频
(1)要想调整图像尺寸,可以使用“图像大小”命令来完成。选择需要调整尺寸的图像,执行“图像〉图像大小”命令,打开“图像大小”窗口,如图2-157所示。

图2-157
◆尺寸:显示当前文档的尺寸。单击该按钮,在弹出的下拉菜单中可以选择尺寸单位。
◆调整为:在该下拉列表框中可以选择多种常用的预设图像大小。例如,想要将图像制作为适合A4大小的纸张,则可以在该下拉列表框中选择“A4 210×297毫米300dpi”。
◆宽度/高度:在文本框中输入数值,即可设置图像的宽度或高度。输入数值之前,需要在右侧的单位下拉列表框中选择合适的单位,其中包括“像素” “英寸”“厘米”等。
◆:启用“约束长宽比”按钮
时,对图像大小进行调整后,图片还会保持之前的长宽比。
未启用时,可以分别调整宽度和高度的数值。
◆分辨率:用于设置分辨率大小。输入数值之前,也需要在右侧的单位下拉列表框中选择合适的单位。需要注意的是,即使增大“分辨率”数值也不会使模糊的图片变清晰,因为原本就不存在的细节只通过增大分辨率是无法“画出”的。
◆重新采样:在该下拉列表框中可以选择重新采样的方式。
◆缩放样式:单击窗口右上角的按钮,在弹出的菜单中选择“缩放样式”命令,此后对图像大小进行调整时,其原有的样式会按照比例进行缩放。
(2)调整图像大小时,首先一定要设置好正确的单位,接着在“宽度”和“高度”文本框中输入数值。默认情况下启用“约束长宽比”,修改“宽度”或“高度”数值时,另一个数值也会随之发生变化。该按钮适用于需要将图像尺寸限定在某个特定范围内的情况。例如,作品要求尺寸最大边长不超过800像素。首先设置单位为“像素”;然后将“宽度”(也就是最长的边)数值改为800像素,“高度”数值也会随之发生变化;最后单击“确定”按钮,如图2-158所示。

图2-158
(3)如果要输入的长宽比与现有图像的长宽比不同,则需要单击按钮,使之处于未启用的状态。此时可以分别调整 “宽度”和“高度”的数值;但修改了数值之后,可能会造成图像比例错误的情况。
提示:缩放图片尺寸的小技巧
例如,要求照片尺寸为宽300像素、高500像素(宽高比3∶5),而原始图像宽度为600像素、高度为800像素(宽高比为3∶4),那么修改了图像大小之后,照片比例会变得很奇怪,如图2-159所示。此时应该先启用“约束长宽比”,按照要求输入较长的边(也就是“高度”)数值,使照片大小缩放到比较接近的尺寸,然后利用“裁剪工具”进行裁切,如图2-160所示。

图2-159

图2-160
重点2.5.2 动手练:修改文档的画布大小

扫一扫,看视频
执行“图像〉画布大小”命令,在弹出的“画布大小”窗口中可以调整可编辑的画面范围。在“宽度”和“高度”文本框中输入数值,可以设置修改后的画布尺寸。
如果选中“相对”复选框,“宽度”和“高度”数值将代表实际增加或减少的区域大小,而不再代表整个文档的大小。输入正值表示增加画布,输入负值则表示减小画布。图2-161所示为原始图片,图2-162所示为“画布大小”窗口。

图2-161

图2-162
◆定位:主要用来设置当前图像在新画布上的位置。图2-163和图2-164所示为不同定位位置的对比效果。

图2-163

图2-164
◆画布扩展颜色:当“新建大小”大于“当前大小”(即原始文档尺寸)时,在此处可以设置扩展区域的填充颜色。图2-165和图2-166所示分别为使用“前景色”与“背景色”填充扩展颜色的效果。

图2-165

图2-166
“画布大小”与“图像大小”的概念不同,“画布”指的是整个可以绘制的区域而非部分图像区域。例如,增大“图像大小”,会将画面中的内容按一定比例放大;而增大“画布大小”,则在画面中增大了部分空白区域,原始图像没有变大,如图2-167所示。如果缩小“图像大小”,画面内容会按一定比例缩小;缩小“画布大小”,图像则会被裁掉一部分,如图2-168所示。

图2-167

图2-168
重点2.5.3 裁剪工具:裁剪画面构图

扫一扫,看视频
想要裁剪掉画面中的部分内容,最便捷的方法就是在工具箱中选择“裁剪工具”,直接在画面中绘制出需要保留的区域即可。图2-169所示为该工具选项栏。

图2-169
(1)选择工具箱中的“裁剪工具”,如图2-170所示。在画面中按住鼠标左键拖动,绘制一个需要保留的区域,如图2-171所示。接下来还可以对这个区域进行调整,将光标移动到裁剪框的边缘或者四角处,按住鼠标左键拖动,即可调整裁剪框的大小,如图2-172所示。

图2-170

图2-171

图2-172
(2)若要旋转裁剪框,可将光标放置在裁剪框外侧,当它变为带弧线的箭头形状时,按住鼠标左键拖动即可,如图2-173所示。调整完成后,按Enter键确认,如图2-174所示。

图2-173

图2-174
(3)“裁剪工具”也能够用于放大画布。当需要放大画布时,若在选项栏中选中“内容识别”复选框,则会自动补全由于裁剪造成的画面局部空缺,如图2-175所示;若取消选中该复选框,则以背景色进行填充,如图2-176所示。

图2-175

图2-176
(4)用于设置裁切的约束方式。如果想要按照特定比例进行裁剪,可以在该下拉列表框中选择“比例”选项,然后在右侧文本框中输入比例数值即可,如图2-177所示。如果想要按照特定的尺寸进行裁剪,则可以在该下拉列表框中选择“宽×高×分辨率”选项,在右侧文本框中输入宽、高和分辨率的数值,如图2-178所示。想要随意裁剪的时候则需要单击“清除”按钮,清除长宽比。

图2-177

图2-178
(5)在工具选项栏中单击“拉直”按钮,在图像上按住鼠标左键画出一条直线,松开鼠标后,即可通过将这条线校正为直线来拉直图像,如图2-179和图2-180所示。

图2-179

图2-180
(6)如果在工具选项栏中选中“删除裁剪的像素”复选框,裁剪之后会彻底删除裁剪框外部的像素数据,如图2-181所示。如果取消选中该复选框,多余的区域将处于隐藏状态,如图2-182所示。如果想要还原到裁切之前的画面,只需要再次选择“裁剪工具”,然后随意操作,即可看到原文档。

图2-181

图2-182
2.5.4 透视裁剪:去除画面透视效果
“透视裁剪工具”可以在对图像进行裁剪的同时调整图像的透视效果,常用于去除图像中的透视感,或者在带有透视感的图像中提取局部,也可以为图像添加透视感。
(1)例如,打开一副带有透视感的图像,然后右击工具箱中的裁切工具组按钮,选择“透视裁剪工具”,在画面相应的位置单击,如图2-183所示。接着沿着图像边缘以单击的方式绘制透视裁剪框,如图2-184所示。

图2-183

图2-184
(2)继续进行绘制,绘制出4个点即可,如图2-185所示。按Enter键完成裁剪,可以看到原本带有透视感的对象被“拉”成了平面图,如图2-186所示。

图2-185

图2-186
(3)如果以当前图像透视的反方向绘制裁剪框(如图2-187所示),则能够起到强化图像透视的作用,如图2-188所示。

图2-187

图2-188
重点2.5.5 旋转画布到正常的角度
使用相机拍摄照片时,有时会由于相机朝向使照片产生横向或竖向效果。这些问题可以通过“图像〉图像旋转”子菜单中的相应命令来解决,如图2-189所示。图2-190所示为原图、“180度”“顺时针90度”“逆时针90度”“水平翻转画布”“垂直翻转画布”的对比效果。

图2-189

图2-190
执行“图像〉图像旋转〉任意角度”命令,在弹出的“旋转画布”窗口中输入特定的旋转角度,并设置旋转方向为“度顺时针”或“度逆时针”,如图2-191所示。图2-192所示为顺时针旋转60度的效果。旋转之后,画面中多余的部分被填充为当前的背景色。

图2-191

图2-192