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

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

★提示★

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

主站蜘蛛池模板: 朝阳区| 朝阳区| 阜城县| 沁源县| 忻城县| 揭阳市| 上犹县| 呼和浩特市| 资中县| 仙桃市| 东乡| 子长县| 温州市| 武宣县| 永德县| 丰宁| 鹿泉市| 怀远县| 漳浦县| 赤水市| 津南区| 永康市| 巴中市| 古交市| 互助| 海晏县| 瑞金市| 南充市| 台前县| 新泰市| 册亨县| 迭部县| 天门市| 奉贤区| 舒兰市| 永靖县| 板桥市| 遂宁市| 桐庐县| 临泽县| 齐河县|