![网页设计与网站建设完全实战手册](https://wfqqreader-1252317822.image.myqcloud.com/cover/459/27110459/b_27110459.jpg)
6.3 在网页中简单地编辑图像
Dreamweaver CC提供了基本的图像编辑功能,无须使用外部图像编辑应用程序,即可修改图像。插入图像后,如果图像的大小和位置并不合适,还需要对图像的属性进行具体的调整,如大小、位置和对齐方式等。
6.3.1 裁剪图像
使用Dreamweaver CC内置的基本图像编辑功能可以裁剪图像,删除图像中不需要的部分。
01 打开网页文档,选中要裁剪的图像,打开“属性”面板,在“属性”面板中单击“裁剪”按钮,如图6-10所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00217.jpg?sign=1739580712-Tl1XnULeie3ltDWxAd32wiiZ2fmJsc72-0-c96b5cb23a04364ee1a5295042c09123)
图6-10 单击“裁剪”按钮
02 弹出Dreamweaver提示对话框,如图6-11所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00219.jpg?sign=1739580712-lWzpe28G2M3AcE5iyVRCW74YwroCgSRv-0-55d7b14ece356134264a257820aca7c1)
图6-11 提示框
★高手支招★
使用Dreamweaver CC裁剪图像时,会更改磁盘上的源图像文件,因此,需要事先备份图像文件,以备在需要恢复到原始图像时使用。
03 单击“确定”按钮,此时,图像的周围会出现裁剪控制点,如图6-12所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00220.jpg?sign=1739580712-UGqKdcOKNdfJpY8GB9ivraqlerI4ZRX4-0-104af9e674c981c3ef112c2d1e9c66eb)
图6-12 出现裁剪控制点
04 调整裁剪控制点至合适位置,在边界框内部双击或按Enter键裁剪所选区域。如图6-13所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00221.jpg?sign=1739580712-Cvf37aAn7Uogofx5J0AFmJBcUzdaRXAx-0-6efdc91b7f4c0c8db42260fd13aef48d)
图6-13 裁剪图像
★提示★
执行“修改”|“图像”|“裁剪”命令,也可裁剪图像。
6.3.2 调整图像亮度和对比度
用户可以直接在Dreamweaver CC中调整图像的亮度和对比度,对图像的高亮显示、阴影和中间色调进行简单的调整。
01 打开网页文档,选中要调整亮度/对比度的图像。在“属性”面板中单击“亮度/对比度”按钮,如图6-14所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00223.jpg?sign=1739580712-94jW8O9yUrZr9HedWKitvsjXvMyIS9et-0-7b1e6eaed10d1bf56f73fd83256c92ee)
图6-14 单击“亮度/对比度”按钮
02 弹出“亮度/对比度”对话框,如图6-15所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00224.jpg?sign=1739580712-KpbHtPHMYIM3iDy9TzoipVnXpc1gnz2O-0-eef5d377a14cdf766354247f8c8b1a5a)
图6-15 “亮度/对比度”对话框
03 在对话框中拖动亮度和对比度滑块(向左为降低,向右为增加,取值范围为-100~100),选中“预览”复选框,可以在调整图像的同时,预览到对该图像所做的修改。
★提示★
执行“修改”|“图像”|“亮度/对比度”命令,也可用弹出“亮度/对比度”对话框。
04 单击“确定”按钮,即完成了调整图像亮度和对比度的操作。如图6-16所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00225.jpg?sign=1739580712-H7eNF5GoL7ZGVQCDWIGL8Mwz8VemYSCQ-0-91c9f98a0cb68a984377f0b1f40eb5f1)
图6-16 调整亮度和对比度的效果
6.3.3 锐化图像
锐化图像可以通过增加图像中边缘的对比度来调整图像的焦点。扫描图像或拍摄数码照片时,大多数图像捕获软件的默认操作是柔化图像中各对象的边缘,这可以防止特别精致的细节从组成数码图像的像素中丢失。不过,要显示数码图像文件中的细节,经常需要锐化图像,从而提高边缘的对比度,使图像更清晰。
01 打开网页文档,选中要锐化的图像。在“属性”面板中单击“锐化”按钮,如图6-17所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00227.jpg?sign=1739580712-DrWhCA5zXm9EtJLR3TpMN8hPoAz4roEC-0-4d5c922b7d7d0ba8e3efdf55f203e3db)
图6-17 单击“锐化”按钮
02 弹出“锐化”对话框,在对话框中进行相应的设置,在对话框中拖动“锐化”滑块,调至合适的位置,如图6-18所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00228.jpg?sign=1739580712-pueG64aYbHzPiMb9OWUTym41wwNyrRxV-0-9c7feada57d09d4ecff63115ba31d5bc)
图6-18 “锐化”对话框
★提示★
执行“修改”|“图像”|“锐化”命令,也可用弹出“锐化”对话框。
03 单击“确定”按钮,即完成锐化图像的操作,如图6-19所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00229.jpg?sign=1739580712-CwxZhuoDqPLKqaqTRFmTDGtvXMjAu1dc-0-e96975b2750ba0e8d54436438dd34ea6)
图6-19 锐化图像