網(wǎng)頁(yè)美工圖像處理技巧

　　導語(yǔ)：網(wǎng)頁(yè)中圖像表的現力是無(wú)可替代的,沒(méi)有圖像的網(wǎng)頁(yè)是枯燥頁(yè)單調的，無(wú)法吸引人的注意力，因此圖像在整個(gè)網(wǎng)頁(yè)制作中占有非常重要的地位。它不但使網(wǎng)頁(yè)內容更豐富，表現力、渲染力更強，而且使整個(gè)網(wǎng)頁(yè)更具有觀(guān)賞性，更具美感、藝術(shù)性。而我們手頭的照片或其他圖片有時(shí)并不適合直接用于網(wǎng)頁(yè)的。那么做為網(wǎng)頁(yè)美工，就必須要掌握一定的圖像處理技巧。下面和小編一起來(lái)看看吧！

　　一、網(wǎng)頁(yè)圖像制作

　　圖像是網(wǎng)頁(yè)中必不可少的元素。如何使用一個(gè)較大的圖象文件恰倒好處的融入網(wǎng)頁(yè)之中呢？那么勢必要對圖像進(jìn)行切割，ImageReady CS（ImageReady是Photoshop的一個(gè)附件）也可以很好地來(lái)完成這項工作。

　　1．制作切片

　　盡管網(wǎng)絡(luò )速度一直在提高，但網(wǎng)絡(luò )傳輸的速度一直是個(gè)瓶頸。假如用戶(hù)瀏覽網(wǎng)頁(yè)時(shí)，網(wǎng)頁(yè)中包含了一個(gè)較大的圖象，由于網(wǎng)絡(luò )傳輸速度過(guò)慢，就會(huì )等待很長(cháng)時(shí)間才能看到這個(gè)圖像。人們想出了一個(gè)方法，就是將圖像進(jìn)行切割，分成若干個(gè)較小的圖像，從而避免了較長(cháng)的等待時(shí)間。

　　要切割圖片，可首先選擇工具箱中的切片工具，在圖像窗口單擊并拖動(dòng)，即可以制作出切片。如圖，可看出圖像被分成了9個(gè)部分。

　　2．切片屬性設置

　　在工具箱中單擊切選取工具，然后單擊鼠標右鍵，從彈出的快捷菜單中選擇[編輯切片選項]菜單項，此時(shí)系統彈出“切片選項”對話(huà)框。讀者可以在此對話(huà)框中對切片的屬性進(jìn)行設置。在對話(huà)框中可以設置以下參數：“切片類(lèi)型”、“名稱(chēng)”、“URL”（超級連接）等。如圖所示。

　　3．調整切片的位置尺寸

　　在工具箱中選擇切片選取工具，單擊屬性工具欄中的“切片選項”圖標按鈕，將其設置為用戶(hù)切片。然后將光標移動(dòng)到切片區單擊并拖動(dòng)，實(shí)現切片的移動(dòng)。將光標移切片邊界單擊并拖動(dòng)，實(shí)現切片尺寸的調整。

　　二、網(wǎng)頁(yè)圖像的優(yōu)化輸出

　　身為網(wǎng)頁(yè)美工，我們應該知道在Photoshop中，圖像的優(yōu)化輸出可以分為兩類(lèi)，即基本優(yōu)化與精確優(yōu)化。如果是簡(jiǎn)單地制作能夠用于網(wǎng)頁(yè)的優(yōu)化圖像，可選擇菜單中的[文件]→[存儲為]命令，然后在打開(kāi)的“存儲”對話(huà)框中將文件類(lèi)型設置為網(wǎng)頁(yè)常用的GIF、JPG格式即可。

　　如果要精確優(yōu)化圖像，可選擇菜單[文件]→[存儲為Web格式]命令。此時(shí)系統將彈出相應的對話(huà)框，其中各工具箱的意義如下圖所示。

　　設置優(yōu)化輸出參數

　　值得注意的是，要輸出帶有透明區的圖像時(shí)，在源圖像中必須帶有透明區域，輸出格式只能是GIF。

【網(wǎng)頁(yè)美工圖像處理技巧】相關(guān)文章：

PS實(shí)用技巧-圖像處理技巧03-18

網(wǎng)頁(yè)美工設計技巧03-12

網(wǎng)頁(yè)美工色彩搭配技巧03-18

PS圖形圖像的處理技巧03-29

網(wǎng)頁(yè)美工學(xué)習設計技巧03-12

網(wǎng)頁(yè)美工主圖設計技巧03-17

圖像處理軟件Photoshop的使用技巧03-29

PS圖像處理軟件的使用技巧03-27

PS圖像處理的規范流程和技巧12-22