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

金琰

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

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

[中圖分類號] TP751 [文獻標志碼] A [文章編號] 2096-0603（2018）22-0196-01

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

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

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

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

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

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

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

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

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

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

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

參考文獻：

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

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