了解如何在 Adobe Photoshop 中调整图像大小、裁剪和拉直图像,以及将图像添加到图像画布。
我们来了解一下如何在 Photoshop 中更改图像的大小你可以从本教程的下载练习文件中选择这张图像我想要调整这个图像的大小,以便发布到某个网站上,这个网站上理想的图像宽度为 900 像素在调整图像大小前,我们先看一下它的初始大小大多数情况下,一开始的图像都会比你需要的图像大,或者至少不会小太多这是因为,如果一个图像放大太多,就会变得模糊来到文档窗口底部的状态栏,点击并按住文档大小信息在弹出的小窗口中,我们可以看到这个文件的宽为 1800 像素,高为 1200 像素我们需要的宽度是 900 像,这意味着我们要缩小它的尺寸要调整这个图像的大小,到“Image”(图像)菜单中选择“Image Size...”(图像大小…),这会打开“Image Size”(图像大小)对话框如果需要的话,可以拖动窗口的右下角放大对话框左侧可以看到图像的预览,右侧是用于更改图像大小的控件这里有很多参数,但是不必一一设置,尤其是我们要调整的图像是要在屏幕上显示而不是要打印出来我们需要检查一些东西首先,要确保这个链接图标是开启的这就是它开启时的样子如果点击一下,它就会关闭之所以要开启它,是为了确保宽度与高度相关联,这样当我们调整图像大小时,就可以保留图像的原始宽高比,使图像不会有被挤压或拉伸的感觉其次,要确保勾选“Resample”(重新取样)复选框勾选这个复选框表示你告诉 Photoshop,当它缩小图像时,可以去掉一些像素或者在放大图像时,可以添加一些像素第三,要看一下“Width”(宽度)和“Height”(高度)字段右侧的测量单位默认设置为英寸但是,像我们这样,调整图像大小是为了在屏幕上显示,那么应当使用像素作为测量单位点击这两个菜单中的任一个,将测量单位从英寸“Inches”(英寸)改为“Pixels”(像素),这时另一个菜单也会相应改变,因为宽度和高度是相关联的现在我们来调整图像大小在“Width”(宽度)字段中输入 900可以看到,“Height”(高度)字段会自动按比例更改给大家一个小贴士:如果你希望改变图像的比例,例如将这里的 900×600 改为 900×400,最好的方法是使用裁剪工具,这个工具我们将在另一个视频中进行介绍设置完毕,不过你可能会疑惑,我们为什么没有设置“Resolution”(分辨率)这是因为只有在打印图像时,才需要设置“Resolution”(分辨率)如果是像我们这个例子,是为了屏幕显示调整图像大小,那么这个设置实际上并不影响图像的尺寸因此可以不必管它这样就完成了“Image Size”(图像大小)对话框的设置,现在我们点击“OK”(确定)按钮关闭“Image Size”(图像大小)对话框,返回文档窗口如果你愿意,也可以到状态栏,查看调整后的图像大小在图像信息上点击并按住鼠标,可以看到,现在的图像大小为 900×600 像素,而不再是最初的 1800×1200 像素最后要做的就是保存图像在“File”(文件)菜单中选择“Save As...”(另存为…),不要选择“Save”(保存),因为我不希望覆盖原来的 1800×1200 像素的图像在“Save As”(另存为)对话框中,为这个图像重新命名可以输入任何名字因为这个图像用于网页,所以我把它命名为“Resize-web.jpg”其他一切保持不变,然后点击“Save”(保存)然后在“JPEG Options”(JPEG 选项)窗口中点击“OK”(确定)即可以上就是如何在 Photoshop CC 的“Image Size”(图像大小)对话框中调整用于屏幕显示的图像大小
所学内容:调整图像大小
- 选择“Image”(图像)>“Image Size”(图像大小)。
- 如果图像用于屏幕显示,则使用像素作为宽度和高度单位,如果图像需要打印,则使用英寸作为单位。确保链接图标开启,以保持图像比例。这样当你更改宽度时,会自动调整高度,反之亦然。
- 选择“Resample”(重新取样)更改图像中的像素数量。图像大小更改完成。
- 点击“OK”(确定)。
如果你想要打印图像,就需要了解 Photoshop 中图像分辨率的基本含义,以及如何更改图像分辨率以便打印这需要在“Image Size”(图像大小)对话框中进行更改你可以打开本教程练习文件中的这张图像,跟着我一起操作在“Image”(图像)菜单中选择“Image Size”(图像大小),在“Image Size”(图像大小)对话框中可以看到目前图像大小的单位是像素图像在电脑中使用时,大小是以像素衡量的但是如果要打印图像,就需要使用英寸作为单位在下面的“Resolution”(分辨率)字段中可以看到当前该图像的分辨率为 100这个数字并没有什么特殊意义,只是我在准备课程文件时随便选择的一个整数那么,这里的“Resolution”(分辨率)是表示什么呢?如果读一下这一行,你就可以大概了解它的含义分辨率是每英寸的像素数量,在本例中是每英寸 100 像素换句话说,当你打印这张图像时,将按照每英寸 100 像素的方式分配横向的 1800 像素和纵向的 1200 像素通过一道简单的数学题就可以很清楚地理解用 1800 除以 100,得到 18意味着在每英寸 100 像素的分辨率下,该图像打印出来的宽度是 18 英寸高度也是这样计算用 1200 除以 100,就会得到 12 英寸因此,打印出来的图像高度就是 12 英寸你可能会有疑惑,在设置打印图像时,“Resolution”(分辨率)中输入什么值最合适?遗憾的是,并没有统一的答案,因为这取决于你使用的打印机如果你使用的是普通的喷墨打印机,那么每英寸 300 像素的分辨率就足够了如果我使用每英寸 100 像素的分辨率,打印出来可能还不错,但如果近距离观察,效果不会很理想因为我的喷墨打印机需要的分辨率为每英寸 300 像素那么,如何在这个对话框中将打印图像的分辨率更改为每英寸 300 像素呢?第一步要取消勾选“Resample”(重新取样)复选框因为我们只是要改变分辨率,而不希望改变图像中的像素总数而这正是“Resample”(重新取样)的作用我们图像中的像素总数为 1800 x 1200我们希望将它们的分配单位从 100 像素更改为 300 像素那么,我现在要做的就是在“Resolution”(分辨率)字段中输入 300当我这样做时,“Width”(宽度)和“Height”(高度)字段中的英寸数也会发生更改现在,我们在这里输入 300果然,“Width”(宽度)和“Height”(高度)从 18 英寸和 12 英寸变成了 6 英寸和 4 英寸这是这个图像在这个分辨率下打印效果最好的尺寸设置完毕,现在点击“OK”(确定)这会关闭“Image Size”(图像大小)对话框,返回文档窗口这样我就得到了一张 6 英寸 x 4 英寸、分辨率为每英寸 300 像素的图像,现在可以进行保存和打印了
所学内容:更改图像分辨率
- 选择“Image”(图像)>“Image Size”(图像大小)。此对话框中的“Resolution”(分辨率)表示在打印图像时,每一英寸分配的图像像素数量。
- 将宽度和高度设置为英寸,以便打印。
- 取消选中“Resample”(重新取样),以保持原始的图像像素数量。
- 在“Resolution”(分辨率)字段中,将每英寸的像素数量设置为 300,以便普通的喷墨打印机打印。“Width”(宽度)和“Heigh”(高度)中的英寸数会随之更改。
- 点击“OK”(确定)。
裁剪工具是 Photoshop CC 中最有用的工具之一,尤其是对于那些摄影爱好者而言你可以用它来改善构图并将扭曲的图像拉直从本教程的练习文件中打开这张照片下面我向大家展示一下裁剪工具的基本操作首先我在工具面板中选择裁剪工具选择之后,可以看到整个图像周围会出现一个这样的边框这就是裁剪框在裁剪框的任意一角或任何一边上拖动鼠标,可以拖动和调整裁剪框的形状例如我可以向内拖动裁剪框,得到一个与原来的照片完全不同的构图当你裁剪照片时,Photoshop 会显示裁剪预览,要裁剪掉的区域会覆盖一层灰色阴影以便你提前评估裁剪的效果在完成裁剪前,我们先来了解一下选项栏里面的一个重要的选项这就是“Delete Cropped Pixels”(删除已裁剪像素)选项该选项默认为选中状态我通常会取消选中因为选中“Delete Cropped Pixels”(删除已裁剪像素)的话,如果完成裁剪并保存图像,将永久删除裁剪掉的像素而如果取消选中该选项,你就可以随时恢复裁剪掉的像素我们来试一下点击选项栏中这里的对勾,完成裁剪当然也有其他方法可以完成裁剪,但是我比较喜欢这个方法,因为非常简单现在我们可以看到裁剪后的照片假设我要对照片进行其他处理,想取消裁剪那么我可以随时选择裁剪工具,再次点击照片,那么之前裁剪掉的所有内容都将恢复现在我可以重新选择裁剪区域你可能已经注意到,当我使用裁剪工具时,照片上有一个由垂直和水平线条构成的网格这个网格表示一种经典的构图技巧,称为三分构图法这一技巧的原理是,将图像中的重要内容放到任意一个水平和垂直线条的交点上,可以改善构图我们来试一下我现在点击照片,将花盆移动到这个交点上然后稍微调整一下裁剪边框,让它更靠近花盆然后点击对勾现在我使用裁剪工具再次点击照片取消裁剪,对照片做一下微调我注意到这张照片有些扭曲,尤其是下面桌子这里你可以用裁剪工具拉直图像拉直图像的方法有很多可以将鼠标移动到一角,拖动鼠标来手动拉直图像,可以借助显示的网格完成拉直我更喜欢自动拉直我现在按 Mac 上的 Command + Z 或 PC 上的 Ctrl + Z 撤消之前的操作这次我要使用选项栏中的自动拉直工具在裁剪工具的选项栏中点击选择该工具将鼠标移动到照片上,然后点击并按住鼠标,沿着桌子边缘拖动一段距离不必拖动太长距离有时只需要一点点就可以,就像这样Photoshop 将用你的线条作为参考线来旋转图像,将图像拉直现在我再来做一下微调,将这一边抬高一点,稍微移动一下花盆,使它位于正中心然后到选项栏点击对勾完成裁剪以上就是裁剪工具的一些基本操作你可以在 Photoshop 中尝试一下这些技巧来处理自己的构图
所学内容:裁剪和拉直图像
- 在“Tools”(工具)面板中选择裁剪工具。显示裁剪边框。
- 拖动任意一边或一角调整裁剪边框的大小和形状。
- 在裁剪边框内部拖动图像,调整图像位置。
- 在裁剪边框某一角的外侧拖动鼠标,旋转或拉直图像。
- 点击选项栏中的对勾标记,或按下 Enter (Windows) 或 Return (macOS) 键完成裁剪。
有时你可能希望增大画布,以便有更多的空间来添加文本或图像元素你可以使用画布大小命令来实现这一点,我们将在本课程中进行讲解你可以从本教程的练习文件中选择这个图像,或是使用你自己的图像,跟着我一起操作要扩展这个图像的画布,可以使用“Image”(图像)菜单中的“Canvas Size...”(画布大小…)命令,就在“Image Size...”(图像大小…)命令的下方“Image Size...”(图像大小…)命令我们在本系列教程的另一个视频中进行了介绍,它与“Canvas Size...”(画布大小…)命令有所不同“Canvas Size...”(画布大小…)不会改变实际照片或构图中的其他图像的大小只是在这些内容的周围添加画布选择“Canvas Size...”(画布大小…),打开“Canvas Size”(画布大小)对话框在这个对话框的上半部分,可以看到图像的“Width”(宽度)和“Height”(高度),以英寸为单位在下面这里可以增加画布的宽度或高度,或者同时增加两者这两个字段的默认单位也是“Inches”(英寸)如果你要处理的图像是用于屏幕显示,而不是用于打印,应当将这个单位改为像素,这一点我们在本教程之前的视频中做过介绍我现在将其中一个字段从“Inches”(英寸)改为“Pixels”(像素)另一个字段也会相应改变如果你知道画布扩展后图像的总像素宽度,可以直接在“Width”(宽度)字段中输入但是,通常更简单的方法是告诉 Photoshop 要在画布上添加多少像素,而不必担心总像素数是多少要做到这一点,可以点击这里的“Relative”(相对)复选框这会将“Width”(宽度)和“Height”(高度)字段中的数字设置为 0现在,我可以输入我希望向画布添加的像素数量假设我希望向画布的宽度添加 400 像素就要在这里输入 400如果我希望增加画布的高度,同样可以这样操作我不想增加高度,所以保留这里的 0然后点击“OK”(确定)进行应用可以看到, 在文档窗口中,Photoshop 在图像的左右两侧都添加了画布将我增加的 400 像素宽度均分成两份,右侧 200 像素,左侧 200 像素那么,如果我只希望在图像的一侧添加画布呢?假设在右侧这样的话操作略有不同我们现在撤消目前为止的操作,去试一下在 Mac 上按 Command +Z 或在 PC 上按 Ctrl +Z 撤消操作返回到“Image”(图像)菜单,再次选择“Canvas Size...”(画布大小…)我要做的第一件事是查看“Width”(宽度)和“Heigh”(高度)字段是否设置为“Pixels”(像素)并不是,它们仍然采用的是默认设置“Inches”(英寸)再次把它们改成“Pixels”(像素)接下来再次检查是否选中了“Relative”(相对)我们这次希望只在图像的右侧添加画布要做到这一点,需要点击下方这个锚点图左半部分中间的方框这会告诉 Photoshop 将图像固定在画布的左侧,将增加的画布放到右侧现在来到“Width”(宽度)字段,输入我希望添加到图像右侧的像素数量比如是 800 像素然后点击“OK”(确定)这样就做好了你可能已经注意到,到目前为止,我扩展的画布都是白色的但实际上我们可以控制扩展画布的颜色,在“Canvas Size”(画布大小)对话框中,使用这里的“Canvas extension color”(扩展画布颜色)菜单即可顺便说一下,如果你处理的图像并不是像这个图像这样处于一个特殊的背景图层中,那么“Canvas extension color”(扩展画布颜色)菜单将不可用,你添加的画布将是透明的在 Photoshop 中将显示为一个灰白相间的方格图案点击“Cancel”(取消)如果要保存这张图像,在“File”(文件)菜单中选择“Save As...”(另存为...),这样在保存时就不会覆盖原始的图像以上就是扩展画布的操作方法,通过扩展画布,你将可以有更多的空间来添加更多的图像元素
所学内容:更改图像大小
- 选择“Image”(图像)>“Canvas Size”(画布大小)
- 要添加画布,请输入要添加的宽度和高度像素数。对于用于屏幕显示的图像使用像素作为单位,用于打印的图像使用英寸作为单位。
- 选择“Relative”(相对),然后在画布锚点图中选择一个锚点。箭头指向要添加画布的方向。
- 点击“OK”(确定)。