1.4 课堂案例：制作“照片墙”图像

熟悉Photoshop CS6工作界面后，米拉发现比起自己之前学习的版本，Photoshop CS6增加了一些新功能。为了通过面试，米拉决定先学习Photoshop CS6的基本操作，练习制作“照片墙”图像，为面试做准备，最终效果如图1-23所示。下面具体讲解制作方法。

1.4.1 新建图像文件

要制作图像，必须先新建图像文件。新建图像文件的具体操作如下。

（1）选择“文件”/“新建”菜单命令或按“Ctrl+N”组合键，打开“新建”对话框。

（2）在对话框的“名称”文本框中输入“照片墙”，在“宽度”和“高度”文本框中分别输入“650”和“400”，在其后的下拉列表框中选择“像素”选项，设置图像文件的尺寸。

（3）在“分辨率”文本框中输入“72”，在其后的下拉列表框中选择“像素/英寸”选项，设置图像分辨率的大小。

（4）在“颜色模式”下拉列表框中选择“RGB颜色”选项，设置图像的颜色模式，在其后的下拉列表框中选择“8位”选项；在“背景内容”下拉列表框中选择“白色”选项，设置图像的背景颜色，如图1-24所示。

（5）单击按钮，新建一个图像文件，如图1-25所示。

1.4.2 设置标尺、网格和参考线

Photoshop CS6提供了多个辅助处理图像的工具，它们大多位于“视图”菜单中。这些工具对图像不起任何编辑作用，仅用于测量或定位图像，使图像处理操作更精确，从而提高工作效率。下面进行具体讲解。

1. 设置标尺

标尺一般用于辅助确定图像的位置，当不需要使用标尺时，可以将标尺隐藏。设置标尺的具体操作如下。

（1）选择“视图”/“标尺”菜单命令或按“Ctrl+R”组合键，显示标尺，如图1-26所示。

（2）在标尺上单击鼠标右键，在弹出的快捷菜单中选择“像素”命令，将标尺单位设置为像素，如图1-27所示。

（3）再次选择“视图”/“标尺”菜单命令，或按“Ctrl+R”组合键隐藏标尺。

2. 设置网格

网格主要用于辅助设计图像，使操作更加精确。下面设置网格，具体操作如下。

（1）选择“视图”/“显示”/“网格”菜单命令或按“Ctrl+’”组合键，在图像窗口中显示网格，如图1-28所示。

（2）按“Ctrl+K”组合键，打开“首选项”对话框，在左侧选择“参考线、网格和切片”选项，在右侧的“网格”选项组中设置网格的“颜色”“样式”“网格线间隔”“子网格”等参数，如图1-29所示。

3. 设置参考线

参考线是浮动在图像上的直线，只用于给设计者提供参考位置，不会被打印出来。设置参考线的具体操作如下。

（1）选择“视图”/“新建参考线”菜单命令，打开“新建参考线”对话框。在“取向”选项组中选中单选项，设置参考线方向，在“位置”文本框中输入“1像素”，设置参考线位置，单击按钮，如图1-30所示，新建一条垂直参考线，效果如图1-31所示。

（2）将鼠标指针移动到水平标尺上，向下拖动水平标尺至100像素处释放鼠标左键，新建水平参考线，如图1-32所示。

（3）选择“视图”/“显示”/“参考线”菜单命令，隐藏参考线，效果如图1-33所示。

1.4.3 打开文件和置入图像

处理图像时需要先打开相应的文件，或将所需的图像通过置入的方式置入图像窗口中，具体操作如下。

（1）选择“文件”/“打开”菜单命令或按“Ctrl+O”组合键，打开“打开”对话框。

（2）在对话框的“查找范围”下拉列表框中选择图像文件的路径，在中间的列表框中按住“Ctrl”键不放，选择“1.jpg”“2.jpg”图像文件，单击按钮，打开这两个图像文件，如图1-34所示。

（3）返回工作界面，可看到打开的“1.jpg”“2.jpg”图像文件的显示效果。切换到“照片墙”图像窗口，选择“文件”/“置入”菜单命令，打开“置入”对话框，在对话框的“查找范围”下拉列表框中选择图像文件的路径，在中间的列表框中选择“照片墙背景.jpg”图像文件，单击按钮，将图像置入“照片墙”图像窗口中，如图1-35所示。

（4）返回工作界面，可看到置入的图像调整图像大小，如图1-36所示。

（5）在工具箱中选择移动工具，弹出“要置入文件吗？”提示框，单击按钮，完成图像的置入，如图1-37所示。

1.4.4 编辑图像

在制作图像的过程中，有时需要对图像进行基本的编辑，让图像的大小、位置符合要求。下面编辑“1.jpg”“2.jpg”图像文件，包括裁剪、移动、变换等，具体操作如下。

（1）切换到“1.jpg”图像窗口，在工具箱中选择裁剪工具，单击图像，此时图像上出现黑色的网格线和多个控制点。将鼠标指针移动到图像的下方，选择中间的控制点，当其呈形状时，拖动鼠标指针裁剪图像，被裁剪的区域清晰度和对比度都降低，如图1-38所示。

（2）切换到“2.jpg”图像窗口，在工具箱中选择裁剪工具，在工具属性栏的“不受约束”下拉列表框中选择“大小和分辨率”选项。打开“裁剪图像大小和分辨率”对话框，在“宽度”“高度”“分辨率”文本框中分别输入“100”“55”“72”，单击按钮，如图1-39所示。

（3）此时需裁剪的图像四周出现裁剪框，按住鼠标左键不放，拖动裁剪框中的图像调整裁剪区域，完成后选择移动工具。弹出“要裁剪图像吗？”提示框，单击按钮，完成裁剪操作。

（4）切换到“1.jpg”图像窗口，在“图层”面板中双击“背景”图层，在打开的对话框中单击按钮，将其转换为普通图层。在工具箱中选择移动工具，将鼠标指针移到“1.jpg”图像上，将其拖动到“照片墙”图像窗口中，如图1-40所示。

（5）切换到“照片墙”图像窗口，当鼠标指针变为形状后释放鼠标左键，“1.jpg”图像文件中的图像移动到“照片墙”图像窗口中的效果如图1-41所示。

（6）选择“编辑”/“自由变换”菜单命令或按“Ctrl+T”组合键，显示定界框、中心点和控制点（定界框是一种围绕在图像、形状和文本四周的矩形边框，定界框上的小矩形即控制点，中心点则是定界框的中点），拖动控制点可改变图像的大小。将鼠标指针移动到图像右下角的控制点上，按住“Shift”键不放并拖动图像，直到图像与背景图像中的相框契合，如图1-42所示，完成后按“Enter”键确认变换。

（7）切换到“2.jpg”图像窗口，将“背景”图层转换为普通图层，并将图像拖动到“照片墙”图像窗口中，调整其大小，完成后的效果如图1-43所示。

1.4.5 设置绘图颜色

Photoshop CS6中的绘图颜色一般是通过前景色和背景色来实现的。下面讲解设置前景色和背景色，以及填充前景色和背景色的方法。

1. 设置前景色和背景色

前景色是指当前绘图工具的颜色，背景色是指图像的底色，即画布本身的颜色。用户可以通过拾色器、吸管工具和“色板”面板对二者进行设置。

·通过拾色器设置。单击工具箱中的“设置前景色”图标，打开“拾色器（前景色）”对话框，在对话框右侧的RGB颜色文本框中输入色值，或直接在色彩区域中选择需要的颜色，设置前景色，如图1-44所示。设置背景色的方法与此类似。

·通过吸管工具设置。打开任意一幅图像，选择工具箱中的吸管工具，在其工具属性栏的“取样大小”下拉列表框中选择颜色取样方式，然后将鼠标指针移动到图像所需颜色上并单击，如图1-45所示，吸取的颜色会成为新的前景色。按住“Ctrl”键不放并在图像上单击，即可将吸取的颜色作为新的背景色。

·通过“色板”面板设置。选择“窗口”/“色板”菜单命令，打开“色板”面板，如图1-46所示。将鼠标指针移至色块上，当鼠标指针变为形状时，单击色块可设置前景色，按住“Ctrl”键不放并单击所需的色块可将其设为背景色。另外，将鼠标指针移至图像中，按“F8”键打开“信息”面板，“信息”面板中将显示鼠标指针所在位置像素点的色彩信息，如图1-47所示。

2. 填充前景色和背景色

填充前景色和背景色的方法很简单，选择“编辑”/“填充”菜单命令，打开“填充”对话框，在“使用”下拉列表框中选择“前景色”选项，然后单击按钮即可。或选择“背景色”选项，然后单击按钮即可进行填充，如图1-48所示。也可以按“Ctrl+Delete”组合键以背景色填充图像，按“Alt+Delete”组合键以前景色填充图像。

1.4.6 填充图层

在Photoshop CS6中新建一个图像文件后，系统会自动生成一个图层，用户可以通过各种工具对图层进行相应操作。图层是图像的载体，没有图层，就没有图像。一个图像通常是由若干个图层组成的，用户可以在不影响其他图层的情况下，单独对某个图层中的图像进行编辑、添加图层样式和更改图层的顺序与属性等操作，从而改变图像的合成效果，具体操作如下。

（1）在“照片墙”图像窗口的“图层”面板中单击“创建新图层”按钮，新建一个图层，如图1-49所示。

（2）选择矩形选框工具，拖动鼠标指针绘制矩形选区，如图1-50所示。

（3）单击工具箱中的前景色图标，打开“拾色器（前景色）”对话框。在该对话框右侧的“R”“G”“B”文本框中分别输入色值“255”“186”“179”，单击按钮，如图1-51所示。

（4）按“Alt+Delete”组合键为矩形选区填充前景色，填充完成后按“Ctrl+D”组合键取消选区。按照该方法，依次新建其他图层，绘制矩形选区，并为其填充颜色，填充效果如图1-52所示。

1.4.7 撤销与恢复操作

在编辑图像时常会出现操作失误的情况，使用Photoshop CS6的还原图像功能可轻松将图像还原为操作失误前的状态，即进行撤销与恢复操作。

1. 使用快捷键（组合键）或菜单命令进行撤销与恢复操作

编辑图像时，若发现有操作不当或操作失误的情况应立即撤销相应操作，然后重新编辑。可以通过下面几种方法进行撤销或恢复操作。

·按一次“Ctrl+Z”组合键可以撤销最近一次进行的操作，再次按“Ctrl+Z”组合键可以恢复被撤销的操作。每按一次“Ctrl+Alt+Z”组合键可以向前撤销一步操作；每按一次“Ctrl+Shift+Z”组合键可以向后恢复一步操作。

·选择“编辑”/“还原”菜单命令可以撤销最近一次进行的操作，撤销后选择“编辑”/“重做”菜单命令可恢复该步操作。每选择一次“编辑”/“后退一步”菜单命令可以向前撤销一步操作，每选择一次“编辑”/“前进一步”菜单命令可以向后恢复一步操作。

2. 使用“历史记录”面板还原图像

如果在Photoshop CS6中对图像进行了误操作，还可以使用“历史记录”面板来恢复图像在某个阶段操作时的效果。用户只需要单击“历史记录”面板中的某个操作步骤，即可回到该步骤的状态，具体操作如下。

（1）在面板组中单击“历史记录”按钮，打开“历史记录”面板，在其中可以看到之前对图像进行的操作，如图1-53所示。

（2）在其中单击“矩形选框”记录，可以将图像恢复到绘制矩形选框时的状态，这之后所做的填充颜色等操作将被撤销，且相应的操作记录都将变成灰色，如图1-54所示。撤销操作后，若没有进行新的操作，被撤销的操作还可恢复。

（3）在“历史记录”面板中单击“取消选择”记录，选择“文件”/“存储为”菜单命令，打开“存储为”对话框。在“保存在”下拉列表框中设置图像文件的存储路径，在“文件名”文本框中输入其文件名，在“格式”下拉列表框中设置图像文件的存储类型，单击按钮保存图像文件，如图1-55所示。