官术网_书友最值得收藏!

3.4 在網頁中編輯圖像

裁剪、調整亮度/對比度和銳化等一些輔助性的圖像編輯功能不用離開Dreamweaver就能夠完成。有了這些簡單的圖像處理工具,在編輯網頁圖像時就輕松多了,不需要打開其他圖像編輯軟件進行處理,從而大幅提高工作效率。

3.4.1 裁剪圖像

裁剪圖像的具體操作步驟如下。

01選中圖像,打開“屬性”面板,在該面板中單擊“編輯”右側的“裁剪”按鈕,如圖3-16所示。

圖3-16

02彈出Dreamweaver提示對話框,如圖3-17所示。

圖3-17

03單擊“確定”按鈕,在圖像上出現裁剪的控制點,如圖3-18所示,調整大小后,雙擊圖像,即可裁剪圖像。

★提示★

使用Dreamweaver裁剪圖像時,會直接更改磁盤上的源圖像文件,因此,可能需要備份圖像文件,以在需要恢復圖像時使用。

在退出Dreamweaver或在外部圖像編輯軟件中編輯該文件之前,可以撤銷“裁剪”命令的效果。

圖3-18

3.4.2 重新取樣圖像

重新取樣可以添加或減少已調整大小的JPEG和GIF圖像文件中的像素,并與原始圖像的外觀盡可能匹配,對圖像重新取樣會減小圖像文件的大小,并提高圖像的下載性能。在“屬性”面板中單擊“重新取樣”按鈕,如圖3-19所示。

3.4.3 調整圖像的亮度和對比度

圖像“屬性”面板中的“亮度和對比度”按鈕用于調整圖像的亮度和對比度,具體操作步驟如下。

01選中圖像,在圖像“屬性”面板中單擊“編輯”右側的“亮度和對比度”按鈕,如圖3-20所示。

02彈出“亮度/對比度”對話框,在該對話框中拖動“亮度”和“對比度”滑塊到合適的位置,如圖3-21所示。

圖3-19

圖3-20

圖3-21

03調整“亮度”和“對比度”后,單擊“確定”按鈕,效果如圖3-22所示。

圖3-22

★提示★

在“亮度/對比度”對話框中向左拖動滑塊可以降低亮度和對比度;向右拖動滑塊可以增加亮度和對比度,其取值范圍在-100~+100,常用的取值0為最佳。

3.4.4 銳化圖像

銳化將增加圖像邊緣像素的對比度,從而增加圖像的清晰度和銳度,在Dreamweaver中銳化圖像的具體操作步驟如下。

01選中要銳化的圖像,單擊“屬性”面板中的“銳化”按鈕,如圖3-23所示。

圖3-23

02彈出“銳化”對話框,在該對話框中將“銳化”設置為6,如圖3-24所示。

圖3-24

03單擊“確定”按鈕,即可銳化圖像,如圖3-25所示。

圖3-25

★提示★

只能在保存頁面之前撤銷“銳化”命令的效果,并恢復到原始圖像狀態。頁面一旦保存,對圖像所做的更改將無法恢復。

主站蜘蛛池模板: 武乡县| 雅安市| 马龙县| 来凤县| 陈巴尔虎旗| 临城县| 灌南县| 讷河市| 平原县| 大竹县| 旬阳县| 安化县| 当雄县| 阿勒泰市| 安丘市| 五大连池市| 平邑县| 卢氏县| 北票市| 特克斯县| 浪卡子县| 牟定县| 垫江县| 慈利县| 通州市| 大姚县| 眉山市| 双流县| 广平县| 许昌市| 台南市| 通许县| 太白县| 静乐县| 五河县| 东兰县| 马公市| 栖霞市| 潞西市| 云林县| 宜兰县|