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