- 相關(guān)推薦
網(wǎng)頁美工圖像處理技巧
導(dǎo)語：網(wǎng)頁中圖像表的現(xiàn)力是無可替代的,沒有圖像的網(wǎng)頁是枯燥頁單調(diào)的，無法吸引人的注意力，因此圖像在整個(gè)網(wǎng)頁制作中占有非常重要的地位。它不但使網(wǎng)頁內(nèi)容更豐富，表現(xiàn)力、渲染力更強(qiáng)，而且使整個(gè)網(wǎng)頁更具有觀賞性，更具美感、藝術(shù)性。而我們手頭的照片或其他圖片有時(shí)并不適合直接用于網(wǎng)頁的。那么做為網(wǎng)頁美工，就必須要掌握一定的圖像處理技巧。下面和小編一起來看看吧！
一、網(wǎng)頁圖像制作
圖像是網(wǎng)頁中必不可少的元素。如何使用一個(gè)較大的圖象文件恰倒好處的融入網(wǎng)頁之中呢？那么勢(shì)必要對(duì)圖像進(jìn)行切割，ImageReady CS（ImageReady是Photoshop的一個(gè)附件）也可以很好地來完成這項(xiàng)工作。
1．制作切片
盡管網(wǎng)絡(luò)速度一直在提高，但網(wǎng)絡(luò)傳輸?shù)乃俣纫恢笔莻�(gè)瓶頸。假如用戶瀏覽網(wǎng)頁時(shí)，網(wǎng)頁中包含了一個(gè)較大的圖象，由于網(wǎng)絡(luò)傳輸速度過慢，就會(huì)等待很長時(shí)間才能看到這個(gè)圖像。人們想出了一個(gè)方法，就是將圖像進(jìn)行切割，分成若干個(gè)較小的圖像，從而避免了較長的等待時(shí)間。
要切割圖片，可首先選擇工具箱中的切片工具，在圖像窗口單擊并拖動(dòng)，即可以制作出切片。如圖，可看出圖像被分成了9個(gè)部分。
2．切片屬性設(shè)置
在工具箱中單擊切選取工具，然后單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇[編輯切片選項(xiàng)]菜單項(xiàng)，此時(shí)系統(tǒng)彈出“切片選項(xiàng)”對(duì)話框。讀者可以在此對(duì)話框中對(duì)切片的屬性進(jìn)行設(shè)置。在對(duì)話框中可以設(shè)置以下參數(shù)：“切片類型”、“名稱”、“URL”（超級(jí)連接）等。如圖所示。
3．調(diào)整切片的位置尺寸
在工具箱中選擇切片選取工具，單擊屬性工具欄中的“切片選項(xiàng)”圖標(biāo)按鈕，將其設(shè)置為用戶切片。然后將光標(biāo)移動(dòng)到切片區(qū)單擊并拖動(dòng)，實(shí)現(xiàn)切片的移動(dòng)。將光標(biāo)移切片邊界單擊并拖動(dòng)，實(shí)現(xiàn)切片尺寸的調(diào)整。
二、網(wǎng)頁圖像的優(yōu)化輸出
身為網(wǎng)頁美工，我們應(yīng)該知道在Photoshop中，圖像的優(yōu)化輸出可以分為兩類，即基本優(yōu)化與精確優(yōu)化。如果是簡(jiǎn)單地制作能夠用于網(wǎng)頁的優(yōu)化圖像，可選擇菜單中的[文件]→[存儲(chǔ)為]命令，然后在打開的“存儲(chǔ)”對(duì)話框中將文件類型設(shè)置為網(wǎng)頁常用的GIF、JPG格式即可。
如果要精確優(yōu)化圖像，可選擇菜單[文件]→[存儲(chǔ)為Web格式]命令。此時(shí)系統(tǒng)將彈出相應(yīng)的對(duì)話框，其中各工具箱的意義如下圖所示。
設(shè)置優(yōu)化輸出參數(shù)
值得注意的是，要輸出帶有透明區(qū)的圖像時(shí)，在源圖像中必須帶有透明區(qū)域，輸出格式只能是GIF。
【網(wǎng)頁美工圖像處理技巧】相關(guān)文章：
PS實(shí)用技巧-圖像處理技巧03-18
網(wǎng)頁美工色彩搭配技巧03-18
PS圖形圖像的處理技巧03-29
網(wǎng)頁美工學(xué)習(xí)設(shè)計(jì)技巧03-12
網(wǎng)頁美工主圖設(shè)計(jì)技巧03-17
圖像處理軟件Photoshop的使用技巧03-29
PS圖像處理軟件的使用技巧03-27
PS圖像處理的規(guī)范流程和技巧12-22