1.5 裁切和改变图像大小
1.5.1 【案例1-1】“福建景点”网页横幅
二维码1-1 “福建景点”网页横幅
“福建景点”网页横幅案例的效果如图1-35所示。
图1-35 “福建景点”网页横幅案例的效果
【案例设计创意】
“福建景点”网页横幅案例是为“福建旅游名胜-福建景点”网站加工一批“福建景点”图像，加工后的图像尺寸均为140像素×95像素，然后利用这些加工好的图像制作“福建景点”网页的横幅。选取的图片素材应具有代表性，应最能代表整个网站中的福建名胜景点风光。
【案例目标】
通过本案例的学习，读者可以掌握和调整图像大小等一些基本实用的操作。
【案例的制作方法】
1．调整图像大小
1）选择菜单“文件”→“打开”命令，出现“打开”对话框。在“查找范围”的下拉列表框中选择“福建风景名胜”文件夹，在“文件类型”下拉列表框中选择“所有格式”选项。按住〈Ctrl〉键单击要打开的图像文件名，单击“打开”按钮，打开选中的所有图像文件。
2）单击其中的一幅图像，选择菜单“图像”→“图像大小”命令，打开“图像大小”对话框。
3）按下“限制长宽比”按钮
，在“宽度”的单位下拉列表框中选择“像素”，在“宽度”文本框中输入140，此时“高度”文本框中的数值也会随之变化，保证其宽高比维持原图像的宽高比。
4）如果“高度”文本框中的数值不为95，但与95相近，则在要求不高的情况下，单击“限制长宽比”按钮，使其处于非按下（弹起）状态。在“高度”文本框中输入95，如图1-36所示。然后单击“确定”按钮，完成图像大小的调整。如果“高度”文本框中的数值与95相差较大，则单击“复位”按钮，不调整图像大小，采用下面的步骤5）～10）裁切图像。
图1-36 图像大小调整
5）如果图像的取景不好，有一些多余的景物，或者图像的宽高比与140∶95相差较大，则需要根据具体情况适当裁切图像。为了在裁切时能够了解裁切后的图像大小和宽高比，单击“信息”面板右上角的按钮
，打开“信息面板”菜单，如图1-37所示。然后选择“面板选项”命令，打开“信息面板选项”对话框，如图1-38所示。
图1-37 “信息”面板菜单
图1-38 “信息面板选项”对话框
6）在“标尺单位”下拉列表框中选择“像素”选项，然后单击“确定”按钮，使“信息”面板中显示的坐标值和宽高值的单位为像素。
7）单击工具箱中的“裁切工具”按钮
，在其选项栏中的“宽度”和“高度”文本框中分别输入140和95。在要裁切的图像之上拖动选中要保留的图像，如图1-39所示。同时还可以观察“信息”面板中选中区域的W（宽）和H（高）值，如图1-40所示。
图1-39 选中要保留的图像
图1-40 “信息”面板中的W和H值
8）选好区域后，按〈Enter〉键，完成图像的裁切。
9）如果图像的四周有空白，如图1-41所示，则在选择图像的情况下选择菜单“图像”→“裁切”命令，打开“裁切”对话框，如图1-42所示。
图1-41 四周有空白的图像
图1-42 “裁切”对话框
10）单击“确定”按钮删除四周的空白，然后裁切图像并调整图像大小。“基于”选项组用来确定修剪多余内容所依据的像素或像素颜色，“裁切”选项组用来确定多余的内容。
2．制作“福建景点”网页横幅
1）选择菜单“文件”→“新建”命令，打开“新建”对话框，设置宽度为840像素，高度为95像素，分辨率为72像素/英寸，颜色模式RGB颜色，背景内容为白色。
2）设置所需选项后单击“确定”按钮，新建一个画布窗口。
3）单击工具箱中的“移动工具”按钮
，选中其选项栏中的“自动选择图层”复选框，保证单击画布窗口中的某个对象时可移动和调整该图像对象。
4）拖动各“福建景点”图像到新建的画布窗口中，然后复制6幅“福建景点”图像。
1.5.2 【相关知识】裁切图像和改变图像大小
1．裁切工具的选项栏
单击工具箱中的“裁切工具”按钮
，其选项栏如图1-43所示。
图1-43 “裁切工具”的选项栏
其中各选项作用如下。
● “宽度”和“高度”文本框：用来精确锁定矩形裁切区域的宽高比及裁切后图像的大小。如果这两个文本框中无数值，则拖动可以获得任意宽高比的矩形区域。单击“宽度”和“高度”文本框之间的按钮
，可互换二者文本框中的数值。
● “分辨率”文本框：用来设置裁切后图像的分辨率，单位可通过其下拉列表框来选择，可选单位为“像素/英寸”和“像素/厘米”。
● “清除”按钮：单击该按钮，可清除“宽度”“高度”和“分辨率”文本框中的数值。
● “拉直”按钮：单击该按钮，可以在画布中拖出一条直线，并以该直线作为水平方向旋转画布。
● “设置裁剪工具的叠加选项”按钮：单击该按钮，可选择图1-44所示的几种裁剪时叠加在上面的参考线命令。
● “设置其他裁剪选项”按钮：单击该按钮，有“使用经典模式”“显示裁剪区域”“自动居中预览”“启用裁剪屏蔽”“自动调整不透明度”这几个选项，如图1-45所示。
● “删除裁剪的像素”复选框：勾选后用于删除裁切掉的图像。
图1-44 设置裁剪工具的叠加选项
图1-45 设置其他裁剪选项
2．裁切图像
以裁切图1-46a所示的图像为例，说明如何使用“裁切工具”来裁切图像。
1）打开“荷花”图像，其宽度为640像素，高度为280像素。
2）单击工具箱中的“裁切工具”按钮
，此时鼠标指针变为
形状。
3）在图像上拖出一个矩形，框选要保留的图像，创建矩形裁切区域。此时可以看到创建的裁切区域的矩形边界线上有多个控制柄，裁切区域中有一个中心标记，如图1-46b所示。
4）在其选项栏中设置“宽度”和“高度”为1cm，保证裁切后的图像宽高比为1∶1，即裁切区域为正方形。在确定宽高比时，所得裁切区域的边界线上有4个控制柄；在不确定宽高比时，则有8个控制柄。
5）调整裁切区域大小：拖动控制柄。
6）调整裁切区域的位置：拖动裁切区域的位置。
7）旋转裁切区域：如图1-47所示，如果拖动移动中心标记
（若裁切区域太小，不方便拖动中心标记，可按住〈Alt〉键后再拖动），则旋转或缩放的中心会随之改变。
图1-46 创建一个矩形裁切区域
图1-47 旋转裁切区域
8）当裁切区域调整完毕后，单击工具箱中的其他工具按钮，打开一个提示对话框，如图1-48所示。单击“裁剪”按钮或按〈Enter〉键，完成图像的裁切。也可以在调整好裁切区域后直接按〈Enter〉键完成裁切。
图1-48 裁切提示对话框
3．裁切图像的白边
如果一幅图像四周有白边，可以通过“裁切”快速删除。例如，选择菜单“图像”→“画布大小”命令将画布向四周扩展30像素，效果如图1-49所示。接着选择菜单“图像”→“裁切”命令，打开“裁切”对话框，如图1-50所示。
图1-49 画布向四周扩展30像素
图1-50 “裁切”对话框
单击“确定”按钮，即可快速完成裁切图像周围的白边。
4．调整图像大小
1）选择菜单“图像”→“图像大小”命令，打开“图像大小”对话框，如图1-51所示。
图1-51 “图像大小”对话框
2）单击“自动”按钮，打开“自动分辨率”对话框。通过该对话框可以设置图像的品质为“好”“草图”或“最好”，单击“确定”按钮即可自动设置分辨率，还可以设置“像素/英寸”或“像素/厘米”形式的分辨率。
3）在“宽度”下拉列表框中先选择“像素”选项，在其文本框中输入640，可以看到“高度”文本框中的数值随之改为480，这是因为勾选了“约束比例”复选框，否则可以分别调整图像的高度和宽度，改变图像宽高比。单击“确定”按钮即可改变图像的大小。