![中文版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=1739271251-iPkR8ggqQn2h8QV55DwKEim26cntIXXq-0-ba5b3b2113b48652742ece5dea4071e4)
图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=1739271251-ZvcjYnedzgxpGnDVA6grDzkYc1XpMPpW-0-146da4ccdc9d23b972c567fe4719ea41)
图2-52
![](https://epubservercos.yuewen.com/FDE6BA/11261877603072106/epubprivate/OEBPS/Images/figure_0037_0003.jpg?sign=1739271251-Ufc5eAnCnrV2487vaOogodfyht2Y0T0s-0-6baba03d6a500508c50cf7370950b82b)
图2-53
(2)修改图像的宽度为800像素,则图像的高度会自动进行修改,如图2-54所示。设置完成后,单击“确定”按钮,可以看到图像效果,如图2-55所示。
![](https://epubservercos.yuewen.com/FDE6BA/11261877603072106/epubprivate/OEBPS/Images/figure_0037_0004.jpg?sign=1739271251-mfCkADaxYj0OdFNri5cyp6zIrkniE85D-0-a32b4c2ca96ef266a7293a918a0acd4e)
图2-54
![](https://epubservercos.yuewen.com/FDE6BA/11261877603072106/epubprivate/OEBPS/Images/figure_0037_0005.jpg?sign=1739271251-W5lxWNmfmM6kylbRJqPMVZTmtUOlf45y-0-941b6fe0baddd7c043c8a67f5e8397a4)
图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=1739271251-vp3pX6XrdkLGj2C658FJ66iQswxWNPNV-0-852e51767e0a803a7239c24fcd6ba9cc)
图2-56
图像大小:该选项用于显示当前图像的容量大小,当对图像尺寸进行修改后,可以看到修改前后图像容量大小的对比。
尺寸:该选项用于显示当前图像的尺寸大小,单击该选项后的三角形按钮,可以在弹出菜单中选择图像尺寸大小的单位,默认为像素,如图2-57所示。
![](https://epubservercos.yuewen.com/FDE6BA/11261877603072106/epubprivate/OEBPS/Images/figure_0038_0001.jpg?sign=1739271251-O01L55ppIUKIXDq7T4IM5tOesRXyPvKY-0-973489bb675ced1e1cb575d8c2b28142)
图2-57
宽度和高度:这两个选项用于设置图像的宽度和高度,可以直接在选项文本框中输入尺寸大小的数值。
分辨率:该选项用于设置图像的分辨率,在该选项后的下拉列表中可以选择分辨率单位,包括“像素/英寸”和“像素/厘米”两个选项,默认为“像素/英寸”。
重新采样:勾选该复选框后,在修改图像尺寸时图像像素不会改变,缩小图像的尺寸会自动增加分辨率,反之增加分辨率也会自动缩小图像的尺寸。在该选项的下拉列表中包含了7个选项,如图2-58所示。
减少杂色:该选项用于设置减少图像中的杂色,取值范围为0%~100%。
![](https://epubservercos.yuewen.com/FDE6BA/11261877603072106/epubprivate/OEBPS/Images/figure_0038_0002.jpg?sign=1739271251-SOkBWVBcAPAymiRrziyxHQv8jH0oIoRf-0-ed972fd51211350cf8c4612b19c13de8)
图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=1739271251-UNMqklvrZfZwY8Xx95LdlA2JjPqIK5af-0-391076bc637a31a3ce2cae5c534a5a11)
图2-59
当前大小:此处显示了当前图像的宽度和高度以及文档的实际大小。
新建大小:该选项可以用来设置画布的“宽度”和“高度”。如果输入的数值大于原图像尺寸,则增加画布大小,反之则减小画布的大小。
相对:勾选该复选框后,“宽度”和“高度”选项中的数值将代表实际增加或减小的区域大小,而不再显示整个文档的尺寸。如果输入的是正值则增加画布大小,输入负值则减小画布大小。
定位:该选项可以选择为图像扩大画布大小的方向,效果如图2-60所示。
![](https://epubservercos.yuewen.com/FDE6BA/11261877603072106/epubprivate/OEBPS/Images/figure_0038_0004.jpg?sign=1739271251-dCapZOXNpeBbaN8EqSt5vszHAGN9WY4g-0-dbde7e0a9d886b35d094da32c64d0696)
图2-60
画布扩展颜色:在该选项的下拉列表中可以选择填充新画布的颜色。当图像的背景设置为透明时,该选项不可用。