![中文版Photoshop CC平面设计从入门到精通(唯美)](https://wfqqreader-1252317822.image.myqcloud.com/cover/784/36610784/b_36610784.jpg)
2.5 调整图像的尺寸及方向
在制作设计文档时,经常会对图像的尺寸有一定的要求。例如,在向网站平台上传图片的过程中,经常会限定图片的尺寸和大小。例如,电商平台对主图尺寸的要求是800像素×800像素,大小在500KB内。这时就需要将图片的长度和宽度调整为800像素,而存储之后的文件大小则小于500KB,使之符合上传条件。
重点2.5.1 动手练:调整图像的尺寸
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_245.jpg?sign=1739557248-hqNuKDafC98kzCHNsR11eUclgnxIXUTP-0-5d7768a82c669e19ceaeea0602f06836)
扫一扫,看视频
(1)要想调整图像尺寸,可以使用“图像大小”命令来完成。选择需要调整尺寸的图像,执行“图像〉图像大小”命令,打开“图像大小”窗口,如图2-157所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_246.jpg?sign=1739557248-4KXyGiExEYKEdLdHsC7qakyFxXihiEcs-0-f2e51be1da91cf1b073061a942831252)
图2-157
◆尺寸:显示当前文档的尺寸。单击该按钮,在弹出的下拉菜单中可以选择尺寸单位。
◆调整为:在该下拉列表框中可以选择多种常用的预设图像大小。例如,想要将图像制作为适合A4大小的纸张,则可以在该下拉列表框中选择“A4 210×297毫米300dpi”。
◆宽度/高度:在文本框中输入数值,即可设置图像的宽度或高度。输入数值之前,需要在右侧的单位下拉列表框中选择合适的单位,其中包括“像素” “英寸”“厘米”等。
◆:启用“约束长宽比”按钮
时,对图像大小进行调整后,图片还会保持之前的长宽比。
未启用时,可以分别调整宽度和高度的数值。
◆分辨率:用于设置分辨率大小。输入数值之前,也需要在右侧的单位下拉列表框中选择合适的单位。需要注意的是,即使增大“分辨率”数值也不会使模糊的图片变清晰,因为原本就不存在的细节只通过增大分辨率是无法“画出”的。
◆重新采样:在该下拉列表框中可以选择重新采样的方式。
◆缩放样式:单击窗口右上角的按钮,在弹出的菜单中选择“缩放样式”命令,此后对图像大小进行调整时,其原有的样式会按照比例进行缩放。
(2)调整图像大小时,首先一定要设置好正确的单位,接着在“宽度”和“高度”文本框中输入数值。默认情况下启用“约束长宽比”,修改“宽度”或“高度”数值时,另一个数值也会随之发生变化。该按钮适用于需要将图像尺寸限定在某个特定范围内的情况。例如,作品要求尺寸最大边长不超过800像素。首先设置单位为“像素”;然后将“宽度”(也就是最长的边)数值改为800像素,“高度”数值也会随之发生变化;最后单击“确定”按钮,如图2-158所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_252.jpg?sign=1739557248-DbXzOS8ERJTVOBGO8k7uxAQY7N7M4Zuz-0-4fc702a053d10f5fb005287ca583feed)
图2-158
(3)如果要输入的长宽比与现有图像的长宽比不同,则需要单击按钮,使之处于未启用的状态。此时可以分别调整 “宽度”和“高度”的数值;但修改了数值之后,可能会造成图像比例错误的情况。
提示:缩放图片尺寸的小技巧
例如,要求照片尺寸为宽300像素、高500像素(宽高比3∶5),而原始图像宽度为600像素、高度为800像素(宽高比为3∶4),那么修改了图像大小之后,照片比例会变得很奇怪,如图2-159所示。此时应该先启用“约束长宽比”,按照要求输入较长的边(也就是“高度”)数值,使照片大小缩放到比较接近的尺寸,然后利用“裁剪工具”进行裁切,如图2-160所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_255.jpg?sign=1739557248-52vJjHl7ORB9yRt72QINMU2WvmTH1QYs-0-1c4eab6132753ec9602b07d79b792361)
图2-159
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_256.jpg?sign=1739557248-96Xot11CPi1jE61PZ2swhpVVYzfxbfOp-0-c8d3cce6afb8e36e1f450f81ac659dd1)
图2-160
重点2.5.2 动手练:修改文档的画布大小
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_257.jpg?sign=1739557248-aklL4k4XTpWHAdGDDLTD6I6XMznnWYGS-0-2e5da9b438d902a8556ae1214402fce6)
扫一扫,看视频
执行“图像〉画布大小”命令,在弹出的“画布大小”窗口中可以调整可编辑的画面范围。在“宽度”和“高度”文本框中输入数值,可以设置修改后的画布尺寸。
如果选中“相对”复选框,“宽度”和“高度”数值将代表实际增加或减少的区域大小,而不再代表整个文档的大小。输入正值表示增加画布,输入负值则表示减小画布。图2-161所示为原始图片,图2-162所示为“画布大小”窗口。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_258.jpg?sign=1739557248-nymw4SUgFPHAb9F6cWrCT4APaaCjxU2M-0-c2633fadc93ce80d4bda220841e3ad6f)
图2-161
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_259.jpg?sign=1739557248-DIvvBUsUmfrbKVDu2B7srlXswRpeESJz-0-9e76b961b86a39010cfac9f27eed45b5)
图2-162
◆定位:主要用来设置当前图像在新画布上的位置。图2-163和图2-164所示为不同定位位置的对比效果。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_260.jpg?sign=1739557248-gdKyaWhOCx4aHOUuIRtwqSu9jxJCSoYb-0-77d4ae71f8a7faef2f64a10ffe060604)
图2-163
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_261.jpg?sign=1739557248-HDx1Y6XUgU8AOsX0ibS2w6tGsp3Cbzvf-0-77866350b9d6b4c7e4e7ac72bb5b27f6)
图2-164
◆画布扩展颜色:当“新建大小”大于“当前大小”(即原始文档尺寸)时,在此处可以设置扩展区域的填充颜色。图2-165和图2-166所示分别为使用“前景色”与“背景色”填充扩展颜色的效果。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_262.jpg?sign=1739557248-aQXZL63VMEdu4kgiqGxmt0sjSCKftX06-0-713e039739bcd2b058f83d0e436c4eb0)
图2-165
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_263.jpg?sign=1739557248-JRnvjT7FzIAzTbOaxK00DW15AJ7b1KsR-0-66d9fe78c620f9a790fa3a09bf859fbf)
图2-166
“画布大小”与“图像大小”的概念不同,“画布”指的是整个可以绘制的区域而非部分图像区域。例如,增大“图像大小”,会将画面中的内容按一定比例放大;而增大“画布大小”,则在画面中增大了部分空白区域,原始图像没有变大,如图2-167所示。如果缩小“图像大小”,画面内容会按一定比例缩小;缩小“画布大小”,图像则会被裁掉一部分,如图2-168所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_264.jpg?sign=1739557248-PDI4BHsDxi45z6cEbAO2rTVtXrjTUzkE-0-c85c73af9f7fd2240431494e8d6c2830)
图2-167
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_265.jpg?sign=1739557248-lIxZ0Nlnu0yah4Zy1O7axL2o7OdAZJmZ-0-2a60e8ca6810d7c5abf0f294e6cafe3a)
图2-168
重点2.5.3 裁剪工具:裁剪画面构图
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_266.jpg?sign=1739557248-4JtKu5V22crmP965jYtwIo1UsV5SAnxF-0-e01c1e07ef26269b147fe25ed1eac564)
扫一扫,看视频
想要裁剪掉画面中的部分内容,最便捷的方法就是在工具箱中选择“裁剪工具”,直接在画面中绘制出需要保留的区域即可。图2-169所示为该工具选项栏。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_268.jpg?sign=1739557248-34gGfsecFbWWok63ZeAqmrGbkeNOVx9A-0-b54c003ef9220a3226a480c27879f5f4)
图2-169
(1)选择工具箱中的“裁剪工具”,如图2-170所示。在画面中按住鼠标左键拖动,绘制一个需要保留的区域,如图2-171所示。接下来还可以对这个区域进行调整,将光标移动到裁剪框的边缘或者四角处,按住鼠标左键拖动,即可调整裁剪框的大小,如图2-172所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_270.jpg?sign=1739557248-QdbRolFpDwRsw0EflbJBT0ZH2zYKkS6V-0-ac9bf9662f76acc21306c19882dc4a9a)
图2-170
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_271.jpg?sign=1739557248-RmvY6XkwOl0sJHKnEphzGN5RqxOKV76x-0-ebc01d659b24fd8dae531289b9a7c0d6)
图2-171
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_272.jpg?sign=1739557248-HXW2NnxH0gS4t5X9KEket940WuX83jGz-0-825cd8eec5b1c2e61529a8c08a9f8f03)
图2-172
(2)若要旋转裁剪框,可将光标放置在裁剪框外侧,当它变为带弧线的箭头形状时,按住鼠标左键拖动即可,如图2-173所示。调整完成后,按Enter键确认,如图2-174所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_273.jpg?sign=1739557248-4Qy4HeAFf8v5hyJrVlvvlsJTXpo5rslH-0-578f8de9be1bb330d80abc447e603032)
图2-173
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_274.jpg?sign=1739557248-f6amHqIX5uM7pz1YzUep3K0aTzftSNwd-0-da9762d09133b92dc05e7f75bdd88ddd)
图2-174
(3)“裁剪工具”也能够用于放大画布。当需要放大画布时,若在选项栏中选中“内容识别”复选框,则会自动补全由于裁剪造成的画面局部空缺,如图2-175所示;若取消选中该复选框,则以背景色进行填充,如图2-176所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_275.jpg?sign=1739557248-cck4kPSXgKDsfnfBAOuKIelxKte3Waku-0-754648fd4bcc7023cf3ecf8922cad266)
图2-175
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_276.jpg?sign=1739557248-bwsy2bGhwSGFAp95QaKMKUcwxA6BJ2vx-0-590a9737620e51441473416870f36feb)
图2-176
(4)用于设置裁切的约束方式。如果想要按照特定比例进行裁剪,可以在该下拉列表框中选择“比例”选项,然后在右侧文本框中输入比例数值即可,如图2-177所示。如果想要按照特定的尺寸进行裁剪,则可以在该下拉列表框中选择“宽×高×分辨率”选项,在右侧文本框中输入宽、高和分辨率的数值,如图2-178所示。想要随意裁剪的时候则需要单击“清除”按钮,清除长宽比。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_278.jpg?sign=1739557248-pqavBDmMs6LpECsdsIrV7inbovt1Kf9u-0-af32caf7526558b4a60bd060c7b29cdc)
图2-177
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_279.jpg?sign=1739557248-yW1Z1D5F3e9wF4flDI8n6AdrgZNlym7A-0-e110dcdd8bf367a13c69d003c1c41897)
图2-178
(5)在工具选项栏中单击“拉直”按钮,在图像上按住鼠标左键画出一条直线,松开鼠标后,即可通过将这条线校正为直线来拉直图像,如图2-179和图2-180所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_281.jpg?sign=1739557248-eFZQv547WCOg40KuER6bz0UDZdtZ2Gm7-0-9af766033927ac85d12baee787628b46)
图2-179
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_282.jpg?sign=1739557248-8uDtSgs1YXe6Y6frt7HKDxx0Lo7VFjq1-0-1152978b7f2aac75814585d3aed4aecb)
图2-180
(6)如果在工具选项栏中选中“删除裁剪的像素”复选框,裁剪之后会彻底删除裁剪框外部的像素数据,如图2-181所示。如果取消选中该复选框,多余的区域将处于隐藏状态,如图2-182所示。如果想要还原到裁切之前的画面,只需要再次选择“裁剪工具”,然后随意操作,即可看到原文档。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_283.jpg?sign=1739557248-S1h5X2ugbo4pk0QoAD3dihGypmkW7VMS-0-4ec909c54f07766771fdbb764e7a8ca0)
图2-181
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_284.jpg?sign=1739557248-4qhyWlLES96Gu5f1ijqvicXABRpIOz2B-0-bac22175fa597dd4242af80fc8e6c3d2)
图2-182
2.5.4 透视裁剪:去除画面透视效果
“透视裁剪工具”可以在对图像进行裁剪的同时调整图像的透视效果,常用于去除图像中的透视感,或者在带有透视感的图像中提取局部,也可以为图像添加透视感。
(1)例如,打开一副带有透视感的图像,然后右击工具箱中的裁切工具组按钮,选择“透视裁剪工具”,在画面相应的位置单击,如图2-183所示。接着沿着图像边缘以单击的方式绘制透视裁剪框,如图2-184所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_286.jpg?sign=1739557248-qE0vspQ5M8e2rEVsz9iGsAM1iqxH8NQk-0-fbf62983aaa979dceb6debc29fc8b40c)
图2-183
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_287.jpg?sign=1739557248-TGXXkzlEp1IvkxTj6SFiO8f9wbsKiw2q-0-33c555affc5d2b07316e7f11b4b44aaf)
图2-184
(2)继续进行绘制,绘制出4个点即可,如图2-185所示。按Enter键完成裁剪,可以看到原本带有透视感的对象被“拉”成了平面图,如图2-186所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_288.jpg?sign=1739557248-h6CP7Hl2ftYqT6mvl2Nkqv61j6Y758cD-0-23f15ac46d012606c382bd1e85f5ba5a)
图2-185
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_289.jpg?sign=1739557248-siZhV79OSb7irEJJrNqOwYRKXfoigCIJ-0-e8c8890a686a5c3469e4a2ceb1d4d9ea)
图2-186
(3)如果以当前图像透视的反方向绘制裁剪框(如图2-187所示),则能够起到强化图像透视的作用,如图2-188所示。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_290.jpg?sign=1739557248-02Uqy5UtBkFAtkrxcaBfStNxmY7hPxDL-0-512e79dc7298aefda41e79ff7fd648e5)
图2-187
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_291.jpg?sign=1739557248-bHE02R1KspvPbstO6ZXtGtqJ5SJO5QPh-0-2c62d41610438b3d6139ff0a888b055f)
图2-188
重点2.5.5 旋转画布到正常的角度
使用相机拍摄照片时,有时会由于相机朝向使照片产生横向或竖向效果。这些问题可以通过“图像〉图像旋转”子菜单中的相应命令来解决,如图2-189所示。图2-190所示为原图、“180度”“顺时针90度”“逆时针90度”“水平翻转画布”“垂直翻转画布”的对比效果。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_292.jpg?sign=1739557248-FKMkJV9VoPEn7ZYuO9CF6AXD2PhHeRFk-0-f1c2acf31f30345d030302c3ac7f0546)
图2-189
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_293.jpg?sign=1739557248-TwSnN6LoDiUUMQVzeA1PCA4HcbglvDOe-0-c2130e9f279d415edc4623df915f3234)
图2-190
执行“图像〉图像旋转〉任意角度”命令,在弹出的“旋转画布”窗口中输入特定的旋转角度,并设置旋转方向为“度顺时针”或“度逆时针”,如图2-191所示。图2-192所示为顺时针旋转60度的效果。旋转之后,画面中多余的部分被填充为当前的背景色。
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_294.jpg?sign=1739557248-XCdmf3GwuRMsWNTbdBeZ7F7E2sYmjNP9-0-9f49ac31737ccecf845005f40e95ffcf)
图2-191
![img](https://epubservercos.yuewen.com/7B4FB5/19429157708361106/epubprivate/OEBPS/Images/txt002_295.jpg?sign=1739557248-scaToOgdB5L8gio0kYGmf91tRbG2Z5BM-0-ae76b5c1693e13f55150f2fa575fb098)
图2-192