艾甜芳

摘? 要：近年來(lái)，我國(guó)的網(wǎng)絡(luò)事業(yè)得到了較大程度的發(fā)展，越來(lái)越多的人們習(xí)慣了通過(guò)互聯(lián)網(wǎng)進(jìn)行辦公、學(xué)習(xí)，使互聯(lián)網(wǎng)已經(jīng)成為了人們?nèi)粘Ｉ钪胁豢扇鄙俚囊徊糠?。而在人們?duì)互聯(lián)網(wǎng)進(jìn)行應(yīng)用的過(guò)程中，網(wǎng)頁(yè)是其中非常重要的一個(gè)元素。在本文中，將就Photoshop在網(wǎng)頁(yè)制作中的應(yīng)用進(jìn)行一定的分析與探討。

關(guān)鍵詞：Photoshop;網(wǎng)頁(yè)制作;應(yīng)用

一、引言

可以說(shuō)，我們目前的網(wǎng)絡(luò)時(shí)代是通過(guò)一個(gè)個(gè)不同形式的網(wǎng)頁(yè)所組成的。網(wǎng)頁(yè)要想能夠?qū)υL問(wèn)者產(chǎn)生更大的吸引力，自身的形式具有非常重要的作用。而在我們對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)制作的過(guò)程中，Photoshop是一項(xiàng)具有重要作用的設(shè)計(jì)軟件。對(duì)此，就需要我們能夠?qū)hotoshop在網(wǎng)頁(yè)制作中的應(yīng)用方式進(jìn)行熟練的掌握，從而通過(guò)良好的運(yùn)用來(lái)設(shè)計(jì)出更好的網(wǎng)頁(yè)頁(yè)面。

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

（一）網(wǎng)頁(yè)頂部圖片。網(wǎng)頁(yè)頂部圖片具有網(wǎng)站自身名稱(chēng)以及l(fā)ogo等重要信息。在Photoshop設(shè)計(jì)的過(guò)程中則應(yīng)當(dāng)先將網(wǎng)站的logo復(fù)制在網(wǎng)頁(yè)的頂部圖片上，并將該圖片調(diào)整到背景層之上。之后，我們?cè)僭趫D層調(diào)板位置添加圖層蒙版，并通過(guò)漸變工具以及畫(huà)筆工具的使用對(duì)圖片進(jìn)行更進(jìn)一步的處理，以此來(lái)保證這兩層圖片能夠融合為一處而看不到縫隙。在這部分操作完成之后，則可以借助文字工具的應(yīng)用在圖片上輸入本網(wǎng)站的標(biāo)題，并在全部設(shè)計(jì)完畢之后將設(shè)計(jì)保存。

（二）網(wǎng)頁(yè)底紋處理。在對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)的過(guò)程中，背景顏色方面通常是較為固定的，或者是通過(guò)一幅完整的圖像作為我們的底紋，并以此使我們獲取的網(wǎng)頁(yè)形式能夠更為生動(dòng)。而我們?cè)谠O(shè)置圖像底紋時(shí)，首先需要保證的就是網(wǎng)頁(yè)背景圖案的無(wú)縫性，即保證圖像的四周邊緣能夠以更為平滑、自然的方式融合，且不存在明顯的拼圖以及邊緣情況。而在具體實(shí)現(xiàn)方面，我們首先要打開(kāi)一幅之前所選定的底紋圖像，再對(duì)整個(gè)圖像進(jìn)行選擇之后通過(guò)offset濾鏡的選擇將圖像向左上移動(dòng)，并保持環(huán)繞的形式。之后，再通過(guò)圖章工具的應(yīng)用對(duì)分割線(xiàn)周?chē)膱D像進(jìn)行復(fù)制，并通過(guò)分隔線(xiàn)對(duì)其覆蓋。完成此項(xiàng)功能之后，再繼續(xù)對(duì)其進(jìn)行細(xì)化的處理，并最終在同邊界保持良好融合之后形成無(wú)縫圖。

（三）網(wǎng)頁(yè)按鈕的制作。在網(wǎng)頁(yè)中，往往涉及到很多用戶(hù)選擇按鈕和提交的按鈕等等，這也是我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)過(guò)程中非常重要的一部分，如果按鈕設(shè)計(jì)的美觀、漂亮，對(duì)整個(gè)網(wǎng)站增添色彩。而在我們實(shí)際設(shè)計(jì)的過(guò)程中，也需要借助Photoshop的應(yīng)用在結(jié)合網(wǎng)頁(yè)整體風(fēng)格的基礎(chǔ)上去選擇適當(dāng)?shù)陌粹o類(lèi)型，如發(fā)光按鈕、立體按鈕以及水晶按鈕等等。

三、簡(jiǎn)單web頁(yè)面的設(shè)計(jì)

在Photoshop特有的環(huán)境中，對(duì)網(wǎng)頁(yè)的初稿設(shè)計(jì)能夠具有更為直觀以及方便的特點(diǎn)。設(shè)計(jì)時(shí)，首先應(yīng)當(dāng)通過(guò)Photoshop的應(yīng)用對(duì)網(wǎng)頁(yè)的整體輪廓進(jìn)行設(shè)計(jì)，并在輪廓設(shè)計(jì)完畢之后通過(guò)切片工具的應(yīng)用對(duì)圖像進(jìn)行分割，并根據(jù)我們的需求將其分割成很多個(gè)較小的圖片組。之所以要分割，是因?yàn)樵谖覀儗?duì)網(wǎng)頁(yè)進(jìn)行瀏覽時(shí)，這種一個(gè)個(gè)的小圖片能夠更方便我們對(duì)其快速的下載。同時(shí)，我們也可以通過(guò)ImageReady的應(yīng)用來(lái)創(chuàng)建一種具有動(dòng)畫(huà)特點(diǎn)的效果，從而使圖片能夠更加形象、生動(dòng)。為了能夠獲取更好的設(shè)計(jì)效果，也可以通過(guò)第三方軟件如Frontpage以及Dreamweaver等進(jìn)行配合設(shè)計(jì)。即先通過(guò)Photoshop的應(yīng)用將網(wǎng)頁(yè)大框進(jìn)行設(shè)計(jì)，之后再通過(guò)第三方軟件的應(yīng)用對(duì)相關(guān)文件進(jìn)行進(jìn)一步的優(yōu)化與處理，并獲得更好的設(shè)計(jì)效果。

四、創(chuàng)建web畫(huà)廊

通過(guò)Photoshop，我們也可以對(duì)web照片的畫(huà)廊進(jìn)行創(chuàng)建。對(duì)于畫(huà)廊而言，通過(guò)其鏈接能夠幫助我們以更方便的形式對(duì)不同頁(yè)面進(jìn)行訪問(wèn)。在photoshop“文件-自動(dòng)”選項(xiàng)中點(diǎn)擊web照片畫(huà)廊，并選擇我們所需的樣式并填寫(xiě)電子郵件地址。之后，我們?cè)賹?duì)源文件進(jìn)行選擇，并將源圖像中的“使用”選擇“文件夾”的形式。在我們對(duì)網(wǎng)頁(yè)的存放位置進(jìn)行選擇之后，則能夠完成web畫(huà)廊的制作。

五、結(jié)束語(yǔ)

總的說(shuō)，Photoshop是一款功能強(qiáng)大的軟件，尤其適用于網(wǎng)頁(yè)設(shè)計(jì)工作中。在上文中，我們對(duì)于Photoshop在網(wǎng)頁(yè)制作中的應(yīng)用進(jìn)行了一定的研究分析，在實(shí)際操作的過(guò)程中，也需要我們?cè)趐hotoshop功能熟練掌握的基礎(chǔ)上獲得更好的設(shè)計(jì)效果。

參考文獻(xiàn)：

[1] 李建霞.淺談圖像處理技術(shù)在網(wǎng)頁(yè)制作中的應(yīng)用[J].電腦知識(shí)與技術(shù).2010（14）：101-102.

[2] 丁宏.Flash動(dòng)畫(huà)在網(wǎng)頁(yè)制作中的應(yīng)用與發(fā)展探討[J].計(jì)算機(jī)光盤(pán)軟件與應(yīng)用.2012（11）：162-163.endprint