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