分析PhotoShop網(wǎng)頁(yè)設(shè)計(jì)的技巧

李娜

【摘要】網(wǎng)絡(luò)作為人們生活中較為重要的內(nèi)容，網(wǎng)頁(yè)設(shè)計(jì)要求也越來(lái)越嚴(yán)格，其在網(wǎng)絡(luò)發(fā)展中的價(jià)值與地位逐漸凸顯。PhotoShop作為一種有效的技術(shù)手段，在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用越來(lái)越廣泛，加強(qiáng)對(duì)PhotoShop網(wǎng)頁(yè)設(shè)計(jì)技巧的分析，可以提升網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量與效果。

【關(guān)鍵詞】PhotoShop 網(wǎng)頁(yè)設(shè)計(jì) 技巧

PhotoShop作為一種強(qiáng)大的圖像處理軟件，網(wǎng)絡(luò)設(shè)計(jì)者可以通過(guò)PhotoShop設(shè)計(jì)不同風(fēng)格的頁(yè)面，在實(shí)踐中有著較為顯著的價(jià)值與作用。

1 網(wǎng)頁(yè)構(gòu)圖與圖像處理

網(wǎng)頁(yè)布局主要分為方向式布局以及曲線式布局、其他結(jié)構(gòu)式布局不同的類型。方向式布局就是在電子科技、旅游自駕以及汽車汽修中應(yīng)用的主要布局模式，方向式布局可以氛圍水平、垂直以及斜向三種不同的框架。其中水平類型的框架主要分為左右結(jié)構(gòu)，此種結(jié)構(gòu)的主要優(yōu)勢(shì)就是可以提升其整體感，布局也較為簡(jiǎn)單，結(jié)構(gòu)清晰，可以節(jié)約讀者觀看實(shí)踐。而垂直框架以及水平框架不同的就是其為上下結(jié)構(gòu)模式，而斜向型的框架個(gè)性鮮明，具有一定的操作性。曲線式布局相對(duì)較為柔和，可以彰顯較為浪漫的情懷，其具有一定的藝術(shù)特征，主要就是在交友網(wǎng)站以及一些教育類型的網(wǎng)站中應(yīng)用。其他結(jié)構(gòu)式布局并沒(méi)有特定的規(guī)則，主要的優(yōu)勢(shì)就可以彰顯自己的特征，主要在建筑設(shè)計(jì)以及美術(shù)設(shè)計(jì)中應(yīng)用。

而通過(guò)PhotoShop處理簡(jiǎn)單圖像，就是將圖片布置到網(wǎng)頁(yè)中去。網(wǎng)頁(yè)設(shè)計(jì)中會(huì)應(yīng)用部分圖片，對(duì)此網(wǎng)頁(yè)設(shè)計(jì)者必須要通過(guò)PhotoShop對(duì)圖片進(jìn)行處理。首先，先打開(kāi)Photoshop，然后找出原圖片，在工具欄中選擇應(yīng)用的工具，在截取圖片，如果需要精準(zhǔn)的數(shù)據(jù)，就要通過(guò)“樣式”選項(xiàng)卡對(duì)其進(jìn)行比例大小的控制，通過(guò)“固定大小”就可以設(shè)定固定數(shù)值的寬度和高度，在單擊圖像就可以確定其選區(qū)位置，在通過(guò)鼠標(biāo)拖住截取，進(jìn)而獲得其截取的圖片。單擊“菜單一編輯一拷貝”就可以制定對(duì)圖片的復(fù)制處理，在通過(guò)“菜單一文件一新建”的操作則可以重新創(chuàng)設(shè)畫布，通過(guò)單擊“菜單一編輯一粘貼”就可以將剛復(fù)制的圖片粘貼在新畫布中，最后保存圖片。

2.PhotoShop處理圖像背景

通過(guò)PhotoShop處理圖像，設(shè)置圖像背景為透明在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用較為廣泛。在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中經(jīng)常需要將一個(gè)圖片摳出放在另一個(gè)背景之中，這樣必須要保障圖片背景透明。這樣才可以將這張圖片與另一個(gè)背景進(jìn)行有效融合。在操作中，網(wǎng)頁(yè)設(shè)計(jì)者要先打開(kāi)PhotoShop，找到要處理的圖片，通過(guò)選取工具選擇圖形，保留存儲(chǔ)，如果原圖片的背景顏色較為單一，則可以通過(guò)PhotoShop中的魔棒工具選中背景顏色，單擊“菜單—選擇—反向”，就可以通過(guò)反向選擇其要保留的圖片，在通過(guò)PhotoShop對(duì)其進(jìn)行圖像復(fù)制、新建畫布，在PhotoShop畫布的“背景內(nèi)容”項(xiàng)中選擇“透明”在粘貼圖片，這樣就可以將其需要的圖片在原圖片中整理出來(lái)，在通過(guò)尺寸調(diào)整等方式，保存圖片。

3.應(yīng)用PhotoShop使圖像融合

網(wǎng)頁(yè)設(shè)計(jì)者在進(jìn)行網(wǎng)頁(yè)的設(shè)計(jì)過(guò)程中會(huì)進(jìn)行背景圖片的制作，而多數(shù)的設(shè)計(jì)必須要融合兩張或者超過(guò)兩張的圖像，形成一個(gè)圖片。通過(guò)PhotoShop對(duì)其進(jìn)行處理，就有效的提升圖片合成的效率與質(zhì)量。例如，在將兩張較為相似的圖片進(jìn)行合成的時(shí)候，其主要的操作具體如下：首先在PhotoShop中打開(kāi)一種要處理的圖片，然后在找到第二章圖片，通過(guò)鼠標(biāo)對(duì)其進(jìn)行處理拖進(jìn)來(lái)，調(diào)整其具體的位置；如果兩張圖片存在不協(xié)調(diào)的地方，可以通過(guò)PhotoShop的工具欄中的工具對(duì)其進(jìn)行調(diào)整，保障其統(tǒng)一性，然后在第二張圖片的圖層中構(gòu)建模板，選擇漸變工具，在拖拽兩張圖片，通過(guò)處理將兩張圖片結(jié)合的位置變成黑白漸變的狀態(tài)，最后在調(diào)整圖片的不透明度，保存圖片，這樣就會(huì)融合兩張圖片。

4.在PhotoShop中使用特殊字體

在網(wǎng)頁(yè)設(shè)計(jì)中較為常見(jiàn)的處理要素就是字體，通過(guò)PhotoShop對(duì)網(wǎng)頁(yè)中的特殊字體進(jìn)行處理，可以提升網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量與效果。在網(wǎng)頁(yè)設(shè)計(jì)中是不可能應(yīng)用單一的字體，而人們的個(gè)性化發(fā)展越來(lái)越顯著，對(duì)于行業(yè)設(shè)計(jì)的要求也越來(lái)越嚴(yán)格，希望通過(guò)不同的字體表現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)價(jià)值與內(nèi)涵。但是在多數(shù)狀況之下計(jì)算機(jī)默認(rèn)狀況中并沒(méi)有這些字體，對(duì)此必須要通過(guò)網(wǎng)絡(luò)下載的方式在計(jì)算機(jī)中安裝不同的字體，在合理應(yīng)用。例如，在圖片中添加計(jì)算機(jī)上是沒(méi)有的字體，可以通過(guò)PhotoShop對(duì)其進(jìn)行處理。在操作中，首先，在網(wǎng)絡(luò)上下載要添加的字體，并且將其安裝在電筒上，下載的字體主要的格式就是.ttf類型的文件，然后復(fù)制此種類型的文件，將其粘貼到c盤中的Window文件夾之下的Font文件夾之中，這樣就會(huì)完成字體的安裝，然后將PhotoShop關(guān)閉，在沖重新啟動(dòng)PhotoShop就會(huì)發(fā)現(xiàn)在PhotoShop的字體列表中就會(huì)出現(xiàn)要添加的字體，然后在圖片中輸入內(nèi)容，保存就可以完成特殊字體的應(yīng)用。

5.PhotoShop進(jìn)行網(wǎng)站Logo的繪制

網(wǎng)站Logo就是網(wǎng)站的標(biāo)志，在網(wǎng)頁(yè)設(shè)計(jì)中的作用較為重要，在網(wǎng)頁(yè)瀏覽過(guò)程中首先關(guān)注的就是網(wǎng)頁(yè)的標(biāo)志。網(wǎng)站中的標(biāo)志傳遞的就是網(wǎng)站的內(nèi)涵以及理念，是網(wǎng)站自己風(fēng)格的彰顯，具有個(gè)性化特征的標(biāo)志會(huì)加強(qiáng)對(duì)人們的吸引，進(jìn)而增加點(diǎn)擊量，通過(guò)PhotoShop進(jìn)行網(wǎng)站Logo的繪制，會(huì)提升網(wǎng)頁(yè)設(shè)計(jì)的質(zhì)量與效果，豐富網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)涵。在實(shí)踐中主要就是通過(guò)PhotoShop新建一個(gè)畫布，在通過(guò)港鋼筆工具勾勒出大致的標(biāo)志輪廓，通過(guò)PhotoShop“轉(zhuǎn)化點(diǎn)工具”就可以將直線變?yōu)榍€，在適當(dāng)?shù)脑黾尤岷投龋ㄟ^(guò)“直接選擇工具”對(duì)標(biāo)志的弧度進(jìn)行調(diào)整，在暗柱Ctrl+Enter鍵把路徑變?yōu)檫x區(qū)，并且填充選區(qū)，添加文字，在保存，就實(shí)現(xiàn)了網(wǎng)站標(biāo)志的繪制。

結(jié)束語(yǔ)：總而言之，PhotoShop在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用效果顯著，通過(guò)對(duì)PhotoShop在網(wǎng)頁(yè)設(shè)計(jì)中的技巧分析，可以提升網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量與效率，進(jìn)而增強(qiáng)網(wǎng)頁(yè)的展示效果。

參考文獻(xiàn)：

[1]龍敏敏.網(wǎng)頁(yè)設(shè)計(jì)中使用表格和層排版的技巧分析[J].無(wú)線互聯(lián)科技，2015（20）：40-41.

[2]張成忠.PhotoShop網(wǎng)頁(yè)設(shè)計(jì)的技巧研究[J].電腦知識(shí)與技術(shù)，2015，11（20）：152-154.

[3]王音音.網(wǎng)頁(yè)設(shè)計(jì)的原則與制作技巧分析[J].電子制作，2014（21）：70.