
2.4 图像编辑辅助操作
在Photoshop CC中对图像进行编辑或调整等操作时,可以使用相应的辅助工具来帮助我们更好更快地完成图像的编辑,Photoshop CC中所包含的辅助工具有“标尺”“参考线”和“裁剪工具”等。
命令介绍
“屏幕模式”命令:执行该命令中的3个子菜单命令可以切换图像在Photoshop中的显示方式。
“标尺”命令:执行该命令,可以显示或隐藏文档窗口中的标尺,辅助使用者对图像的操作。
“参考线”相关操作:参考线在图像处理过程中起到辅助作用,可以添加、删除、锁定参考线等。
“裁切”命令:执行该命令,可以在弹出的对话框中进行设置从而对图像进行自动裁切操作。
“裁剪工具”:使用该工具可以在图像上单击并拖动鼠标进行自定义裁剪图像操作。
“拉直工具”:在使用“裁剪工具”对图像进行裁剪操作时,才可以使用该工具,通过该工具可以自动校正倾斜的对象。
2.4.1 课堂案例——在Photoshop中查看网页图像
【案例学习目标】学习如何在Photoshop中打开并查看图像。
【案例知识要点】掌握3种不同的屏幕模式及其切换方法,如图2-26所示。

图2-26
【效果所在位置】光盘\源文件\第2章\素材\24101.jpg。
(1)执行“文件>打开”命令,打开网页图像“光盘\源文件\第2章\素材\24101.jpg”,如图2-27所示。在Photoshop CC中提供了3种不同的屏幕模式,执行“视图>屏幕模式”命令,在其下级菜单中提供了3种屏幕模式可供选择,如图2-28所示。

图2-27

图2-28
(2)默认情况下,采用“标准屏幕模式”查看网页图像,如图2-29所示。执行“视图>屏幕模式>带有菜单栏的全屏模式”命令,在Photoshop中显示有“菜单”栏和50%灰色背景,无“标题”栏和滚动条的全屏窗口,如图2-30所示。

图2-29

图2-30
(3)执行“视图>屏幕模式>全屏模式”命令,显示只有黑色背景,无“标题”栏、“菜单”栏和滚动条的全屏窗口,如图2-31所示。

图2-31
2.4.2 使用标尺和参考线
在Photoshop CC中对图像进行裁剪、定位等操作时,使用标尺工具可以精确地测量图像或者确定图像以及元素的位置,从而得到更加精准的定位。参考线的使用可以有效地帮助用户更加精准、确切地定位图像在进行裁切或缩放操作时的位置。
执行“视图>标尺”命令,或者按快捷键Ctrl+R即可在文档窗口的顶部和左侧显示标尺,如图2-32所示。将光标移至水平标尺上,单击并向下拖动即可拖出一条水平参考线,如图2-33所示。

图2-32

图2-33
将光标移至垂直标尺上,单击并向右拖动即可拖出一条垂直参考线,如图2-34所示。使用“移动工具”,将光标移至参考线上,当光标变为状时,单击并拖动即可移动该参考线,如图2-35所示。

图2-34

图2-35
如果要删除参考线,将其拖回标尺上即可。如果要删除所有的参考线,可执行“视图>清除参考线”命令。
如果要在精确的点位上创建参考线,可以执行“视图>新建参考线”命令,在弹出的“新建参考线”对话框中对参考线的取向和位置进行设置,如图2-36所示。设置完成后,单击“确定”按钮,即可在精确的位置上创建参考线。

图2-36
2.4.3 课堂案例——校正倾斜图像
【案例学习目标】学习如何校正倾斜的图像。
【案例知识要点】掌握“裁切”命令、“裁剪工具”和“拉直工具”的使用方法,如图2-37所示。

图2-37
【效果所在位置】光盘\源文件\第2章\校正倾斜图像.jpg。
(1)执行“文件>打开”命令,打开网页图像“光盘\源文件\第2章\素材\24301.jpg”,如图2-38所示。执行“图像>裁切”命令,弹出“裁切”对话框,采用默认设置,如图2-39所示。

图2-38

图2-39
(2)单击“确定”按钮,自动将图像四周的白色部分裁切,如图2-40所示。单击工具箱中的“裁剪工具”按钮,在图像中显示裁剪框,如图2-41所示。

图2-40

图2-41
(3)单击“选项”栏上的“拉直”按钮,在图像中原来应该水平的位置按住鼠标左键不放,拖动鼠标绘制拉直线,如图2-42所示。释放鼠标左键,Photoshop CC会根据所绘制的拉直线自动计算照片的旋转角度并创建裁剪区域,如图2-43所示。

图2-42

图2-43
(4)单击“选项”栏上的“提交当前裁剪操作”按钮,或按Enter键,对图像进行裁剪,完成倾斜图像的校正,如图2-44所示。

图2-44
2.4.4 使用“裁剪工具”
单击工具箱中的“裁剪工具”按钮,在“选项”栏上可以进一步设置各项裁剪属性,如图2-45所示。

图2-45
“预设”下拉列表:在该下拉列表中可以选择预设的裁剪大小,如图2-46所示。

图2-46
设置裁剪比例:可以在这两个文本框中分别输入裁剪区域的宽度和高度,从而创建一个固定尺寸的裁剪区域。
“清除”按钮:单击该按钮,可以清除所设置的裁剪区域的宽度和高度。
“拉直”按钮:单击该按钮,可以在图像上绘制一条直线,Photoshop CC将自动根据所绘制的直线对图像进行旋转并创建裁剪框。
“设置裁剪工具的叠加选项”按钮:单击该按钮,可在弹出菜单中看到预设的6种裁剪参考线以及裁剪参考线的显示方式,如图2-47所示。

图2-47
“设置其他裁切选项”按钮:单击该按钮,弹出其他裁剪选项的设置窗口,如图2-48所示。如果选中“使用经典模式”复选框,则部分选项将不可用,如图2-49所示。

图2-48

图2-49
“删除裁剪的像素”复选项:选中“删除裁剪的像素”复选项,对图像进行裁剪操作后,将删除裁剪区域以外的内容;如果不勾选该复选框,对图像进行裁剪操作后,将隐藏裁剪区域以外的内容,可以通过移动图像来使隐藏区域可见或者重新使用“裁剪工具”,同样可以显示裁剪前的图像。
相关操作按钮:单击“复位裁剪框”按钮,可以复位对裁剪所做的旋转以及宽度和高度的调整。单击“取消当前裁剪操作”按钮
,可以取消当前的裁剪框。单击“提交当前裁剪操作”按钮
,可以按当前裁剪框对图像进行裁剪操作。
2.4.5 使用“裁切”命令
在Photoshop CC中,执行“图像>裁切”命令,弹出“裁切”对话框,如图2-50所示。在该对话框中进行相应的设置,可以去除图像多余的空白边。

图2-50
“透明像素”选项:可以删除图像边缘的透明区域,留下包含非透明像素的最小图像。
“左上角像素颜色”选项:从图像中删除左上角像素颜色的区域。
“右下角像素颜色”选项:从图像中删除右下角像素颜色的区域。
裁切:用来设置需要修整的图像区域。