陳東方 王魁祎

摘要：Photoshop是一款圖形圖像處理軟件，Photoshop的功能十分強大，適用范圍比較廣泛，既可以用在圖形圖像的切片處理，也可以應(yīng)用在圖形文件的切割和剪裁，在網(wǎng)頁制作、廣告精修、美術(shù)作品處理上非常實用。對于網(wǎng)頁制作來說，一個網(wǎng)站的圖形圖像標(biāo)志是一個網(wǎng)站的重要門戶標(biāo)志，而圖形圖像的處理離不開Photoshop的后期制作?，F(xiàn)代社會是信息時代，也是品牌時代，品牌形象對于一個網(wǎng)站門戶的影響不可忽視，一個精致的圖形標(biāo)志不僅可以吸引客戶的注意力，同時對于提升品牌形象和氣質(zhì)也有重要作用。本文首先對網(wǎng)頁制作的基本要求進行簡單的介紹，然后對Photoshop在網(wǎng)頁制作中的運用進行了分析。

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

中圖分類號：TP37 文獻標(biāo)識碼：A 文章編號：1009-3044（2018）21-0236-01

Photoshop在近年來被越來越多人所應(yīng)用，尤其在網(wǎng)頁制作中，具有其他軟件不可替代的優(yōu)勢。在制作過程中不僅方便用戶查閱，同時可以將較大內(nèi)容的文件圖像通過圖片切割和剪切的方式分成若干個小圖片，可以快速上傳，方便用戶瀏覽。將完整的網(wǎng)頁圖像分割成不同的小型圖像，在圖片處理時比較方便，通過優(yōu)化的方式進行后期的美工和設(shè)計，在版面和顏色上進行調(diào)劑，十分便利。在Photoshop軟件中，所包含的素材功能具有多樣化，內(nèi)容新穎，簡單易學(xué)，是目前各大網(wǎng)頁制作設(shè)計者的首選，由于Photoshop軟件使用簡單，難度較低，可以在短時間內(nèi)制作出一個完整的網(wǎng)頁形象，已經(jīng)逐漸成為網(wǎng)頁制作的主要應(yīng)用工具。

1 網(wǎng)頁制作的基本要求

網(wǎng)頁設(shè)計和制作主要看網(wǎng)頁中畫面感的呈現(xiàn)以及畫面內(nèi)容所呈現(xiàn)出來的實際效果，這也就離不開后期圖片的處理和制作。首先，網(wǎng)頁圖片畫面在制作過程中應(yīng)該遵循以下幾個原則，統(tǒng)一性原則、連貫性原則、切割性原則、對比性原則以及畫面內(nèi)容和諧性原則。只有遵循以上幾個原則，制作出來的網(wǎng)頁畫面才會具有連貫性，給人耳目一新的感覺。統(tǒng)一性原則是指網(wǎng)頁制作的整體性，整個網(wǎng)頁畫面的內(nèi)容是和諧一致的，整個網(wǎng)頁的作品設(shè)計給人的感覺是連貫完整的，這也是網(wǎng)頁設(shè)計制作的基本要求。網(wǎng)頁設(shè)計的整體效果對于一個網(wǎng)頁作品來說是非常重要的，其中包含了作品圖像的剪裁切割，作品圖像的后期處理，圖形圖像的后期美化等。網(wǎng)頁設(shè)計講求的是頁面內(nèi)容之間的相互連貫性，網(wǎng)頁作品在設(shè)計過程中一旦出現(xiàn)內(nèi)容分散的情況，在后期欣賞時會給人一種雜亂無章的印象，也會失去網(wǎng)頁作品設(shè)計的連貫性。

網(wǎng)頁設(shè)計者在設(shè)計過程中首先要注重網(wǎng)頁作品的內(nèi)在需求，也就是網(wǎng)頁作品所要表達的主要內(nèi)容，其次，要注重網(wǎng)頁作品設(shè)計的形式內(nèi)容，注重內(nèi)在與外在的相互結(jié)合，并且使整個頁面的設(shè)計內(nèi)涵不脫離作品設(shè)計的初衷。網(wǎng)頁設(shè)計和網(wǎng)頁制作對于瀏覽者來說，最重要的是第一印象，第一印象來自網(wǎng)頁頁面的視覺效果。在網(wǎng)頁設(shè)計的首頁應(yīng)該做到各環(huán)節(jié)的相互呼應(yīng)，內(nèi)容相互融合。切割性原則指的是在網(wǎng)頁畫面制作中將大的畫面分割成不同的小型圖像進行分批處理和制作，在小型圖像處理時根據(jù)網(wǎng)頁制作的實際需求使用不同的顏色處理和功能處理，達到后期視覺上的效果。

通過圖片圖形的切割，在后期分批進行制作處理，在信息量充足的情況下，可以使瀏覽者和網(wǎng)頁設(shè)計者在觀看時更加清晰，通過不同模塊圖形的處理去了解不同小型圖像所要傳達的網(wǎng)頁信息和網(wǎng)頁內(nèi)容。在進行畫面切割的過程中需要注意的是畫面的協(xié)調(diào)性和完整性，不僅需要注重外在形式的和諧完整，更要注重的是網(wǎng)頁制作內(nèi)在所要表達的含義。從另一種角度去理解網(wǎng)頁制作的分割性原則，在網(wǎng)頁總體效果的表達內(nèi)容中，將網(wǎng)頁中所表達的不同內(nèi)容的畫面和文字通過分類處理劃分為不同的模塊。

2 Photoshop在網(wǎng)頁制作中的運用

2.1 在網(wǎng)頁圖像中的應(yīng)用

Photoshop軟件相比于其他的圖像制作軟件來說，功能十分齊全，可以滿足不同種類的網(wǎng)頁制作，在網(wǎng)頁圖像制作中進行創(chuàng)新應(yīng)用，采用智能化科技進行網(wǎng)頁處理，在網(wǎng)頁制作中對每個環(huán)節(jié)進行嚴(yán)格審核，或者以編碼的形式進行處理。在網(wǎng)頁圖像制作中，網(wǎng)站的代表性標(biāo)識通常以圖像logo的形式來表現(xiàn)，通過對不同類型的網(wǎng)頁進行瀏覽可以發(fā)現(xiàn)，大部分的網(wǎng)頁logo位于網(wǎng)頁的頂端，可以快速地吸引瀏覽者的目光，通過網(wǎng)頁logo的制作可以體現(xiàn)出網(wǎng)站整體所要表達的內(nèi)容及精神。

網(wǎng)頁logo的設(shè)計和制作關(guān)系到整個網(wǎng)頁所呈現(xiàn)出來的整體效果。利用Photoshop進行網(wǎng)頁圖像制作，在制作過程中將網(wǎng)頁頂端代表性圖標(biāo)復(fù)制到指定文件夾中，通過網(wǎng)頁的背景形象設(shè)置將背景顏色和基調(diào)調(diào)到指定顏色。Photoshop具有圖層蒙版功能，在圖層調(diào)板時可以通過圖層蒙版功能來添加，添加之后，本圖層為蒙版圖層。Photoshop中可以使用畫筆功能和漸變功能，漸變功能可以對背景圖案的基調(diào)進行調(diào)試，還可以使用畫筆功能進行輔助制作，在網(wǎng)頁標(biāo)題處進行添加。在經(jīng)過圖層蒙版功能調(diào)試后，可以實現(xiàn)兩個不同類型圖片的無縫連接，實現(xiàn)不同的視覺效果，滿足網(wǎng)頁制作的基本需求。在完成基本的圖像制作之后，可以將圖像保存為JPG模式，還可以通過另存為的形式保存為PSD模式，通過不同的保存方法留存網(wǎng)頁中的圖像信息和圖像內(nèi)容，防止圖像的丟失給網(wǎng)頁制作帶來影響。

2.2 在網(wǎng)頁背景圖片制作中的應(yīng)用

一個完整的網(wǎng)頁主要有網(wǎng)頁logo、網(wǎng)頁背景圖片、網(wǎng)頁圖像內(nèi)容構(gòu)成，網(wǎng)頁背景圖片的制作對于網(wǎng)頁整體的和諧性具有重要影響，也是整個網(wǎng)頁中不可缺少的重要元素。在網(wǎng)頁圖片美工中，最重要的環(huán)節(jié)就是網(wǎng)頁背景圖片的美工和處理，可以通過GIF形式對圖像文件進行處理。在圖像模式制作下，可以通過圖像轉(zhuǎn)變功能將網(wǎng)頁中的圖像進行模式轉(zhuǎn)變，既可以轉(zhuǎn)變顏色，也可以轉(zhuǎn)變圖像基調(diào)，最后通過相應(yīng)的保存形式進行背景圖像的保存。在背景圖像制作處理過程中，可以將不同格式的兩個文件相互轉(zhuǎn)換，實現(xiàn)互異性文件之間的相互連接，Photoshop之所以被大多數(shù)人所接受，是因為在背景圖片設(shè)計中，可以實現(xiàn)透明效果，達到視覺上的美觀，滿足不同類型網(wǎng)站的設(shè)計和制作。

2.3 在網(wǎng)頁文底處理中的應(yīng)用

在網(wǎng)頁的設(shè)計和制作過程中，為了使網(wǎng)頁的整個畫面感更加和諧搭配，通常會采用固定的背景和底色，并且采用相對合適的背景圖像作為網(wǎng)頁文底進行圖像處理，這樣既顯得圖像生動，又會使整個畫面更加搭配。在制作過程中，如果采用固定的圖像作為文底處理，將會在整個網(wǎng)頁中進行圖像平鋪設(shè)計，也就是分為上下左右四個方向平鋪展開，將原本設(shè)計好的固定圖像鋪滿整個網(wǎng)頁背景畫面。在這個過程中，需要注意的是每個畫面之間的連續(xù)性和不間斷性，圖像與圖像之間不可出現(xiàn)縫隙，并且沒有明顯的平鋪痕跡，這樣才會給網(wǎng)頁瀏覽者一種新穎的視覺體驗。在網(wǎng)頁文底處理時利用Photoshop進行圖片和后期處理，可以設(shè)置成環(huán)繞式圖像，并且可以隨時移動圖像，具有更強的動態(tài)性效果，形成無縫連接式的網(wǎng)頁圖像處理。

3 小結(jié)

網(wǎng)頁設(shè)計離不開統(tǒng)一性、連貫性、切割性原則，一個網(wǎng)頁設(shè)計和制作的成功與否，不僅需要在內(nèi)容設(shè)計上進行創(chuàng)新，在外觀形象上進行處理也十分重要。利用Photoshop進行網(wǎng)頁制作和處理，包括在網(wǎng)頁圖像中的應(yīng)用、在網(wǎng)頁背景圖片制作中的應(yīng)用以及在網(wǎng)頁文底處理中的應(yīng)用都會起到不可忽視的重要作用。

參考文獻：

[1] 周蓮波.Photoshop在網(wǎng)頁制作中的運用探索[J].科技視，2013（22）：112，2.

[2] 劉麗君，陳強.淺談Photoshop在網(wǎng)頁制作中的應(yīng)用[J].科技廣場，2007（11）：22，24.

[3] 張志明，段紅玉.Photoshop在網(wǎng)頁制作中的應(yīng)用[J].科技信息，2010（10）.

【通聯(lián)編輯：張薇】