- Dreamweaver+jQuery移動網頁設計從新手到高手
- 張雪玲 劉琳
- 890字
- 2020-09-18 10:26:16
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
★提示★
只能在保存頁面之前撤銷“銳化”命令的效果,并恢復到原始圖像狀態。頁面一旦保存,對圖像所做的更改將無法恢復。