圖像處理技術(shù)在網(wǎng)頁(yè)制作中的應(yīng)用研究

金琰

[摘 要] 21世紀(jì)我國(guó)社會(huì)全面進(jìn)入信息化時(shí)代，互聯(lián)網(wǎng)成為現(xiàn)代企業(yè)展示自己，與大眾進(jìn)行溝通、交流的主要平臺(tái)。為了提高網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量，培養(yǎng)高素質(zhì)的網(wǎng)頁(yè)設(shè)計(jì)人才，中職學(xué)校開(kāi)設(shè)了網(wǎng)頁(yè)設(shè)計(jì)課程，利用Photoshop軟件可以提高網(wǎng)頁(yè)的整體效果。以利用Photoshop完成圖像的截取和對(duì)圖像尺寸的控制，完成網(wǎng)站LOGO的制作以及完成藝術(shù)字體等的制作為例，分析了Photoshop在網(wǎng)頁(yè)制作圖像處理過(guò)程中的實(shí)用技巧。

[關(guān) 鍵 詞] 圖像處理技術(shù)；網(wǎng)頁(yè)制作；應(yīng)用

[中圖分類號(hào)] TP751 [文獻(xiàn)標(biāo)志碼] A [文章編號(hào)] 2096-0603（2018）22-0196-01

21世紀(jì)我國(guó)進(jìn)入信息化時(shí)代，現(xiàn)代信息傳遞主要依托計(jì)算機(jī)網(wǎng)絡(luò)、多媒體等方式進(jìn)行，現(xiàn)代企業(yè)的行業(yè)發(fā)展也更多依托于網(wǎng)絡(luò)。各類網(wǎng)站的興起讓網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)有著越來(lái)越廣闊的發(fā)展空間，現(xiàn)代社會(huì)對(duì)這類新型人才的需求量和專業(yè)技能要求越來(lái)越高，網(wǎng)頁(yè)設(shè)計(jì)成為中職學(xué)校計(jì)算機(jī)應(yīng)用專業(yè)課程中的一項(xiàng)重要內(nèi)容。在當(dāng)前中職網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)當(dāng)中，許多學(xué)生僅能學(xué)到網(wǎng)頁(yè)設(shè)計(jì)的皮毛，無(wú)法勝任網(wǎng)頁(yè)設(shè)計(jì)的重任，這一方面和當(dāng)前中職學(xué)校學(xué)生素質(zhì)普遍降低有關(guān)，另一方面也和教師采用的教學(xué)策略不能激發(fā)中職學(xué)生學(xué)習(xí)興趣有著莫大關(guān)系。為了全面提升中職學(xué)生的網(wǎng)頁(yè)制作能力，提升他們的綜合職業(yè)素養(yǎng)，就勢(shì)必需要教師在網(wǎng)頁(yè)設(shè)計(jì)課程當(dāng)中銳意創(chuàng)新。圖像處理技術(shù)在網(wǎng)頁(yè)制作當(dāng)中起著重要作用，網(wǎng)頁(yè)制作水平的提高、高質(zhì)量網(wǎng)站的建設(shè)都離不開(kāi)高超的圖像處理技術(shù)。本文將以Photoshop為例對(duì)Photoshop在網(wǎng)頁(yè)制作圖像處理過(guò)程中的實(shí)用技巧進(jìn)行簡(jiǎn)要介紹。

一、網(wǎng)頁(yè)制作中PS圖像處理技術(shù)的典型應(yīng)用

PS圖像處理技術(shù)在網(wǎng)頁(yè)制作當(dāng)中，可以用來(lái)對(duì)網(wǎng)頁(yè)布局進(jìn)行規(guī)劃和調(diào)整，提高網(wǎng)頁(yè)的整體效果，使網(wǎng)站的點(diǎn)擊率得到有效提高?，F(xiàn)代企業(yè)為了自身宣傳的需要，有時(shí)候需要在網(wǎng)頁(yè)上放置宣傳視頻、圖片資料，為了增強(qiáng)企業(yè)宣傳資料與網(wǎng)頁(yè)的兼容性，使用PS對(duì)圖片、視頻素材進(jìn)行處理，統(tǒng)一圖片格式，保障網(wǎng)頁(yè)動(dòng)畫(huà)的質(zhì)量。由于當(dāng)前用來(lái)制作網(wǎng)頁(yè)的Dreamweaver軟件在圖像處理功能方面有所欠缺，在利用Dreamweaver軟件對(duì)網(wǎng)頁(yè)圖像進(jìn)行初步處理的基礎(chǔ)上，還需要借助PS來(lái)完成后期的特效制作?？偠灾?，在網(wǎng)頁(yè)制作當(dāng)中運(yùn)用圖像處理技術(shù)，不僅可以使網(wǎng)頁(yè)的整體構(gòu)造得以進(jìn)一步完善，使網(wǎng)頁(yè)的優(yōu)勢(shì)充分展示出來(lái)，全面提高網(wǎng)頁(yè)質(zhì)量，另一方面，經(jīng)過(guò)PS技術(shù)處理過(guò)的圖像更為規(guī)范，質(zhì)量更優(yōu)，不僅可以在用戶瀏覽網(wǎng)頁(yè)時(shí)為他們提供流暢的視覺(jué)體驗(yàn)，還能夠提高圖像下載速度，提高網(wǎng)頁(yè)點(diǎn)擊率。

二、Photoshop在網(wǎng)頁(yè)制作圖像處理過(guò)程中的實(shí)用技巧

（一）利用Photoshop可以完成圖像的截取和對(duì)圖像尺寸的控制

網(wǎng)頁(yè)整體效果的好壞受到圖像尺寸的直接影響，因此，在網(wǎng)頁(yè)制作當(dāng)中要注意圖像的布局。相比較而言，大尺寸圖像和小尺寸圖像各自有其優(yōu)勢(shì)，大尺寸圖像具有更為直觀，包含內(nèi)容更為豐富、更為精細(xì)清晰的優(yōu)勢(shì)，可以成功吸引網(wǎng)頁(yè)瀏覽者的注意力，而那些個(gè)性化較強(qiáng)的尺寸較小的圖像則對(duì)烘托網(wǎng)頁(yè)整體效果具有重要作用。因此，可以利用Photoshop完成網(wǎng)頁(yè)制作過(guò)程中對(duì)圖像的截取和對(duì)圖像尺寸的控制，在對(duì)圖像進(jìn)行處理的過(guò)程中，Photoshop更為便捷。在打開(kāi)需要進(jìn)行編輯的圖像之后，可以利用Photoshop工具欄當(dāng)中相應(yīng)的截圖工具完成對(duì)圖像外形的處理，圖像截取完成后，利用“樣式”可以完成對(duì)截圖尺寸的設(shè)置，將圖像設(shè)置成合適的尺寸；接著可以用設(shè)定好尺寸、形狀的選區(qū)框移動(dòng)到需要截取的合適部位，將截取好的局部圖像運(yùn)用Ctrl+C的命令復(fù)制下來(lái)，在使用Ctrl+N命令新建畫(huà)布的基礎(chǔ)上將截取并復(fù)制的局部圖像粘貼到畫(huà)布上，就可以保存成為網(wǎng)頁(yè)所需尺寸、形狀的圖像了。

（二）利用Photoshop可以完成網(wǎng)站LOGO的制作

在網(wǎng)頁(yè)制作當(dāng)中，考慮到不同網(wǎng)站創(chuàng)建目的和定位的區(qū)別，為不同網(wǎng)站制作、添加代表網(wǎng)站標(biāo)志的LOGO極為重要。為了制作出能夠體現(xiàn)網(wǎng)站內(nèi)涵、傳遞網(wǎng)站理念的LOGO，可以利用Photoshop完成對(duì)網(wǎng)站LOGO的繪制。網(wǎng)站LOGO的制作可以通過(guò)以下步驟完成：（1）根據(jù)LOGO大小用畫(huà)筆工具在新建畫(huà)布上面勾畫(huà)出大概輪廓。（2）運(yùn)用轉(zhuǎn)換點(diǎn)工具對(duì)輪廓路徑當(dāng)中的直線進(jìn)行調(diào)整，調(diào)整成為具有一定弧度的曲線。（3）在對(duì)曲線弧度進(jìn)一步進(jìn)行精細(xì)化調(diào)整的過(guò)程中，運(yùn)用“直接選擇工具”對(duì)某些錨點(diǎn)的位置進(jìn)行調(diào)整。（4）按下Ctrl+Enter鍵對(duì)選擇區(qū)域進(jìn)行填充，完成網(wǎng)站LOGO的制作。

（三）利用Photoshop完成藝術(shù)字體等的制作

利用Photoshop不僅可以完成對(duì)圖像的處理，還可以通過(guò)圖層、路徑等完成特殊效果藝術(shù)字的創(chuàng)作。（1）將需要編輯的文字輸入后為其選擇合適的字體。（2）首先將文字轉(zhuǎn)換成為路徑，完成對(duì)文字輪廓的修改后將新字形重新轉(zhuǎn)換成為選區(qū)。（3）在形成的新圖層當(dāng)中為選區(qū)填充好所需顏色，用“樣式”將文字制作成水晶字、玻璃字等不同樣式的藝術(shù)字體。（4）如果需要對(duì)藝術(shù)字進(jìn)行進(jìn)一步的加工，制作出鏤空或者透明的效果，則需要將修改好外形的文字放在通道當(dāng)中進(jìn)行調(diào)整，然后回到圖層中對(duì)其樣式或顏色進(jìn)行進(jìn)一步加工，制作成所需文字效果。

總而言之，在網(wǎng)絡(luò)社會(huì)中，為了將網(wǎng)絡(luò)的基本元素——網(wǎng)頁(yè)設(shè)計(jì)得更獨(dú)特、更完美，可以應(yīng)用圖像處理技術(shù)對(duì)網(wǎng)頁(yè)進(jìn)行進(jìn)一步的加工和完善。這就需要中職學(xué)生熟練掌握以Photoshop為主的圖形處理工具，進(jìn)一步提升網(wǎng)頁(yè)的美觀性、藝術(shù)性，促進(jìn)中職學(xué)生網(wǎng)頁(yè)設(shè)計(jì)水平的整體提升。

參考文獻(xiàn)：

[1]劉麗君.淺談Photoshop在網(wǎng)頁(yè)制作中的應(yīng)用[J].科技廣場(chǎng)，2007（7）：131-132.

[2]李丹.淺談多媒體技術(shù)發(fā)展及在網(wǎng)站設(shè)計(jì)中的應(yīng)用[J].吉林省經(jīng)濟(jì)管理干部學(xué)院學(xué)報(bào)，2009（4）.