![中文版Dreamweaver CC+Flash CC+Photoshop CC网页设计基础培训教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/593/22691593/b_22691593.jpg)
2.5 调整网页图像
由于图像在不同领域中的应用非常广泛,需要经常对图像以及画布的尺寸进行适当的调整,直至达到满意的效果为止。在Photoshop CC中修改图像或者画布大小时,需要注意像素大小、文档大小以及分辨率的设置。
命令介绍
“图像大小”命令:执行该命令,可以在弹出的“图像大小”对话框中设置图像的尺寸和分辨率等相关信息。
“画布大小”命令:执行该命令,可以在弹出的“画布大小”对话框中设置图像画布的大小,可以扩展画布也可以收缩画布。
2.5.1 课堂案例——修改网页图像大小
【案例学习目标】学习如何调整网页图像的大小。
【案例知识要点】掌握“图像大小”对话框的设置方法,如图2-51所示。
![](https://epubservercos.yuewen.com/FDE6BA/11261877603072106/epubprivate/OEBPS/Images/figure_0037_0001.jpg?sign=1739697417-CKvAceU6Lf3yLbARaFlpfCMzrGvDJWpP-0-7d767431fad59c5dd5d8b2d8944d8e06)
图2-51
【效果所在位置】光盘\源文件\第2章\修改网页图像大小.png。
(1)执行“文件>打开”命令,打开图像“光盘\源文件\第2章\素材\25101.png”,效果如图2-52所示。执行“图像>图像大小”命令,弹出“图像大小”对话框,如图2-53所示。
![](https://epubservercos.yuewen.com/FDE6BA/11261877603072106/epubprivate/OEBPS/Images/figure_0037_0002.jpg?sign=1739697417-scmH6yHN9b4wr9hnKe1lWUUNwma9dB6h-0-a0024326479a4c2f3890cca6d7a942b6)
图2-52
![](https://epubservercos.yuewen.com/FDE6BA/11261877603072106/epubprivate/OEBPS/Images/figure_0037_0003.jpg?sign=1739697417-ysQujRrWh3N1u4DwPuw85745bVFuLHJU-0-7fc009f086617005bee89efb47a32152)
图2-53
(2)修改图像的宽度为800像素,则图像的高度会自动进行修改,如图2-54所示。设置完成后,单击“确定”按钮,可以看到图像效果,如图2-55所示。
![](https://epubservercos.yuewen.com/FDE6BA/11261877603072106/epubprivate/OEBPS/Images/figure_0037_0004.jpg?sign=1739697417-rJSnia5w0WlqxuLBM6gjwVAk7j1xfcwY-0-857d3878dbccba0fec144ad7a036e8ff)
图2-54
![](https://epubservercos.yuewen.com/FDE6BA/11261877603072106/epubprivate/OEBPS/Images/figure_0037_0005.jpg?sign=1739697417-mAIFelIx4FrmHtpLpyj1lKd5HHK2ETEu-0-aca355256ce0e2fcf4eda0acac08ca71)
图2-55
2.5.2 “图像大小”对话框
如果要调整一个现有文件的像素大小、分辨率和打印尺寸等参数,可以在Photoshop CC中打开该图像,然后执行“图像>图像大小”命令或者按快捷键Ctrl+Alt+I,可以弹出“图像大小”对话框,如图2-56所示。在该对话框中即可通过输入相应的数值来调整图像的相关参数。
![](https://epubservercos.yuewen.com/FDE6BA/11261877603072106/epubprivate/OEBPS/Images/figure_0037_0006.jpg?sign=1739697417-ZAYKc4XaZIyucjLwUHExdiBKMsfkQrCK-0-64221fca8d42f293130bf24bbcef3b09)
图2-56
图像大小:该选项用于显示当前图像的容量大小,当对图像尺寸进行修改后,可以看到修改前后图像容量大小的对比。
尺寸:该选项用于显示当前图像的尺寸大小,单击该选项后的三角形按钮,可以在弹出菜单中选择图像尺寸大小的单位,默认为像素,如图2-57所示。
![](https://epubservercos.yuewen.com/FDE6BA/11261877603072106/epubprivate/OEBPS/Images/figure_0038_0001.jpg?sign=1739697417-yiiIUitzaHLWi0szRfCWNDhrQoFGJ5IL-0-2e2c5eff4faaf5fe6c4d73fdc4105cff)
图2-57
宽度和高度:这两个选项用于设置图像的宽度和高度,可以直接在选项文本框中输入尺寸大小的数值。
分辨率:该选项用于设置图像的分辨率,在该选项后的下拉列表中可以选择分辨率单位,包括“像素/英寸”和“像素/厘米”两个选项,默认为“像素/英寸”。
重新采样:勾选该复选框后,在修改图像尺寸时图像像素不会改变,缩小图像的尺寸会自动增加分辨率,反之增加分辨率也会自动缩小图像的尺寸。在该选项的下拉列表中包含了7个选项,如图2-58所示。
减少杂色:该选项用于设置减少图像中的杂色,取值范围为0%~100%。
![](https://epubservercos.yuewen.com/FDE6BA/11261877603072106/epubprivate/OEBPS/Images/figure_0038_0002.jpg?sign=1739697417-HLzJE2Vncz63S1BsqTkjJC5u9wVDYE8L-0-6e449cc3235e95712708a18f8867ef1d)
图2-58
2.5.3 “画布大小”对话框
在Photoshop CC中,经常会根据需要来调整画布的尺寸,画布就是整个文档的工作区域,可以通过执行“图像>画布大小”命令或按快捷键Ctrl+Alt+C,在弹出的“画布大小”对话框中对画布的尺寸进行相应的调整,如图2-59所示。
![](https://epubservercos.yuewen.com/FDE6BA/11261877603072106/epubprivate/OEBPS/Images/figure_0038_0003.jpg?sign=1739697417-Gh8GK4GbIdVt4ovqrmIb622H5Tdk4cRw-0-8ddcde40545debfb891be2fd9d61ff80)
图2-59
当前大小:此处显示了当前图像的宽度和高度以及文档的实际大小。
新建大小:该选项可以用来设置画布的“宽度”和“高度”。如果输入的数值大于原图像尺寸,则增加画布大小,反之则减小画布的大小。
相对:勾选该复选框后,“宽度”和“高度”选项中的数值将代表实际增加或减小的区域大小,而不再显示整个文档的尺寸。如果输入的是正值则增加画布大小,输入负值则减小画布大小。
定位:该选项可以选择为图像扩大画布大小的方向,效果如图2-60所示。
![](https://epubservercos.yuewen.com/FDE6BA/11261877603072106/epubprivate/OEBPS/Images/figure_0038_0004.jpg?sign=1739697417-96dZIWUbODrjrrsVVQqux3SQN0jgkmvU-0-cfb750c9a949b5f2e95cbe0d4e807bfc)
图2-60
画布扩展颜色:在该选项的下拉列表中可以选择填充新画布的颜色。当图像的背景设置为透明时,该选项不可用。