
1.3 Photoshop图像的基本操作
本节将介绍位图和矢量图、像素与分辨率的关系、图像的缩放与移动等基本操作。
1.3.1 认识位图和矢量图
图像分为矢量图和位图两类,矢量图与分辨率无关,而位图的精度则由分辨率决定,下面分别进行介绍。
1. 位图
位图也叫点阵图,是由被称作像素的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时,可以看见赖以构成整个图像的无数单个方块。
扩大位图尺寸的效果是增大单个像素,从而使线条和形状显得参差不齐。如果从稍远的位置观看它,位图图像的颜色和形状又显得是连续的。
在创建位图时,一般需要用户指定分辨率和图像尺寸。位图在放大到一定的程度时就可以发现它是由一个个小方格(像素)组成的,位图放大后会模糊。选择工具箱中的【缩放工具】,在图1-27的红框处单击,位图超过100%时会变模糊,如图1-28所示。

图1-27 位图

图1-28 放大位图
2. 矢量图
矢量图根据几何特性来绘制图形,矢量可以是一个点或一条线,矢量图只能靠软件生成,文件占用硬盘空间较小,因为这种类型的图像文件包含独立的分离图像,可以自由无限制地重新组合。它的特点是放大后图像不会失真,和分辨率和像素无关,文件占用空间较小,适用于图形设计、文字设计和一些标志设计、版式设计等。选择工具箱中的【缩放工具】,在图1-29的红框处单击,图形无论放大多少倍依然清晰,如图1-30所示。

图1-29 矢量图

图1-30 放大矢量图
1.3.2 像素与分辨率的关系
像素是组成位图图像的最基本的元素。每一个像素都有自己的位置,并记载着图像的颜色信息,一个图像包含的像素越多,颜色信息越丰富,图像的效果也会更好,但文件也会随之增大。
在位图中,图像的分辨率是指单位长度上的像素点,通常用每英寸的像素点来表示。相同尺寸的图像,分辨率越高,单位长度上的像素点越多,图像越清晰,占有更大的硬盘空间;反之,图像越模糊。分辨率的单位为像素/英寸(PPI),如72PPI表示每英寸包含72个像素点。
像素与分辨率是两个密不可分的重要概念,它们的组合方式决定了图像的数据量。在打印时,高分辨率的图像要比低分辨率的图像包含更多的像素,因此,像素点更小,像素的密度更高,所以可以重现更多细节和更细微的颜色过度效果。虽然分辨率越高,图像的质量越好,但也会增加占用的存储空间,只有根据图像的用途设置合适的分辨率才能取得最佳的使用效果。
1.3.3 图像的缩放与移动
1. 缩放图像
选择工具箱中的【缩放工具】 或按【Z】键,将激活【缩放工具】选项栏,如图1-31所示。

图1-31 【缩放工具】选项栏
【缩放工具】选项栏中常用参数的含义如下。
· 放大 /缩小
:按下
按钮后,单击鼠标可以放大窗口。按下
按钮后,单击鼠标可以缩小窗口。
· 调整窗口大小以满屏显示:在缩放窗口的同时自动调整窗口的大小。
· 缩放所有窗口:同时缩放所有打开的文档窗口。
· 细微缩放:勾选该复选框后,在画面中单击并向左侧或右侧拖动鼠标指针,能够以平滑的方式快速放大或缩小窗口;取消勾选时,在画面中单击并拖动鼠标指针,可以拖出一个矩形选框,释放鼠标后,矩形选框内的图像会放大至整个窗口。按住【Alt】键操作可以缩小矩形选框内的图像。
· 实际像素:单击该按钮,图像以实际像素即100%的比例显示。也可以双击【缩放工具】来进行同样的调整。
· 适合屏幕:单击该按钮,可以在窗口中最大化显示完整的图像。也可以双击抓手工具来进行同样的调整。
· 填充屏幕:单击该按钮,可以在整个屏幕范围内最大化显示完整的图像。
· 打印尺寸:单击该按钮,可以按照实际的打印尺寸显示图像。
技能拓展
可以直接按【Ctrl++】组合键快速放大图像,按【Ctrl+-】组合键快速缩小图像。
还可以执行【编辑】→【常规】命令,打开【首选项】对话框,选中【用滚轮缩放】选项,如图1-32所示,单击【确定】按钮,即可用滚轮缩放图像。

图1-32 【首选项】对话框
2. 移动图像
当窗口不能显示全部图像时,此时窗口将自动出现垂直或水平滚动条,如果要查看被放大的图像的隐藏区域,可以使用抓手工具移动画面,查看图像的不同区域。
在画面中按住鼠标左键不放并拖动,如图1-33所示,可以平移图像在窗口中的显示内容,以方便观察图像窗口中无法显示的内容,如图1-34所示。

图1-33 按住鼠标左键不放并拖动

图1-34 平移显示内容
双击工具箱中的【抓手工具】,将自动调整图像大小以适合屏幕的显示范围。使用其他工具时,按住键盘上的空格键都可以暂时切换到抓手工具,松开空格键后所选工具仍为之前的工具。
1.3.4 裁剪工具
使用裁剪工具裁剪图像的具体操作步骤如下。
步骤01 选择工具箱中的【裁剪工具】,图像四周显示出裁剪框,如图1-35所示。在画面中以荷花为主体,单击并拖动鼠标创建裁剪区域,如图1-36所示。

图1-35 图像四周显示出裁剪框

图1-36 创建裁剪区域
步骤02 确定裁剪范围后,按【Enter】键即可完成裁剪,如图1-37所示。

图1-37 完成裁剪
【裁剪工具】选项栏如图1-38所示,选项栏中各参数含义如下。

图1-38 【裁剪工具】选项栏
· 使用预设裁剪:单击此按钮可以打开预设的裁剪选项。
· 纵向与横向旋转裁剪框:单击该按钮,可即在【横向】和【纵向】裁剪框之间转换。
· 拉直图像:单击【拉直】按钮,在照片上单击并拖动鼠标绘制一条直线,让其先与地平线、建筑物墙面和其他关键元素对齐,即可自动将画面拉直。
· 视图选项:在打开的列表中选择进行裁剪时的视图显示方式。
· 设置其他裁切选项:单击【设置】按钮,可以打开下拉面板;在该面板中,可以设置裁剪工具的其他选项,包括【使用经典模式】和【启用裁剪屏蔽】等。
· 删除裁剪的像素:默认情况下,Photoshop CS6会将裁剪掉的图像保留在文件中(可以使用移动工具拖动图像,将隐藏的图像内容显示出来)。如果要彻底删除被裁剪的图像,可勾选该复选框,再进行裁剪。
· 复位、取消、提交:单击【复位】按钮,可以将裁剪区域、图像旋转、长宽比确定到图像边缘的状态;单击【取消】按钮
,可以回到选择裁剪工具的最初状态;单击【提交】按钮
,可以确定当前的裁剪。
1.3.5 还原、前进一步与后退一步
我们在编辑图像的过程中,会出现很多操作失误或对创建的效果不满意的情况,可以撤销操作或者将图像恢复为最近保存过的状态。
方法一:使用菜单或快捷键。
执行【编辑】→【还原】命令,可以撤销对图形所作的最后一次修改,将其还原到上一步编辑状态中。【还原】命令只能还原一步操作,如果要连续还原,可以连续执行【编辑】→【后退一步】命令。如果要取消还原,可以连续执行【编辑】→【前进一步】命令,逐步恢复被撤销的操作。
也可使用快捷键操作,按【Ctrl+Z】组合键还原,按【Shift+Ctrl+Z】组合键前进一步,按【Alt+Ctrl+Z】组合键后退一步。
执行【文件】→【恢复】命令,可以直接将文件恢复到最后一次保存时的状态。
方法二:使用【历史记录】面板。
在编辑图像时,它的每一步操作都会记录在【历史记录】面板中;通过该面板可以将图像恢复到操作过程中的某一步状态,也可以再次回到当前的操作状态,或者将处理结果创建为快照或是新的文件。
使用【历史记录】面板还原图像的方法很简单,对图像进行操作的每一个步骤都会在【历史记录】面板中,要想回到某一个步骤,单击其步骤即可。【历史记录】面板中默认只能保存20步操作,可以在【首选项】对话框的【性能】面板中设置更多的保存步骤,如图1-39所示。

图1-39 设置保存步骤
1.3.6 修改图像大小
在Photoshop CS6中,用户可以对已打开或新建的文件重新设定需要的图像或画布大小。
1. 调整图像大小
图像尺寸越大,图像文件所占空间也越大,通过设置图像尺寸可以减小文件大小。图像尺寸调整后不能大于原来大小,否则图像会模糊。调整图像尺寸包括:改变图像的像素、高度、宽度和分辨率。
打开需要调整的图像文件,执行【图像】→【图像大小】命令,弹出【图像大小】对话框,如图1-40所示。在【像素大小】栏的【宽度】和【高度】后的文本框内输入需要设定的数值后,单击【确定】按钮即可。

图1-40 【图像大小】对话框
对话框中常用参数含义如下。
· 像素大小:此栏中可以设置当前文件的【宽度】和【高度】像素值。
· 文档大小:此栏中可以设置当前文件的尺寸和分辨率。
· 缩放样式:在调整图像大小时,按比例缩放效果。
· 约束比例:勾选此复选框时,在单独改变图像的宽度或高度中的某一项时,另一项会按比例自动进行缩放。
· 重定图像像素:如果不勾选此复选框,【文档大小】栏中的3个选项都会被锁定,无论图像是变大,还是变小,都是通过自动调整图像分辨率来适应变化,不会引起像素总量的增减。
2. 修改画布大小
画布是指容纳文件内容的窗口,是由最初建立或打开的文件像素决定的。改变画布大小后,其文件的大小也会随之而改变。
执行【图像】→【画布大小】命令,在打开的【画布大小】对话框中可以修改画布的大小,如图1-41所示。在【新建大小】栏的【宽度】和【高度】项后面的文本框中输入需要设定的数值,设置好后单击【确定】按钮即可。

图1-41 【画布大小】对话框
对话框中常用参数含义如下。
· 相对:勾选此复选框时,【宽度】和【高度】项后面的文本框为空白,输入的数值表示在原来尺寸上要增加的数值。
· 定位:可以指定改变画布大小时的变化中心,当指定到中心位置时,画布就以自身为中心向四周增大或减小,当指定到顶部中心时,画布就从自身的顶部向下、左、右增大或减小,而顶部中心不变。
· 画布扩展颜色:在打开的下拉列表框中可以设置扩展画布时所使用的颜色。
温馨提示
执行【图像】→【图像旋转】命令,在打开的子菜单中选择相应的命令可以旋转和翻转画布。
课堂范例——修改照片尺寸
步骤01 按【Ctrl+O】组合键,如图1-42所示。在文件标题栏上右击,然后在弹出的快捷菜单中选择【图像大小】命令,打开如图1-43所示的【图像大小】对话框。

图1-42 打开文件

图1-43 【图像大小】对话框
步骤02 在对话框中设置新的图像大小,如图1-44所示,完成后单击【确定】按钮即可。

图1-44 设置新的图像大小