網(wǎng)頁(yè)制作中圖像處理PS的運(yùn)用分析

摘 要：文章指出，隨著互聯(lián)網(wǎng)技術(shù)的不斷深入發(fā)展，人們的生活、工作和學(xué)習(xí)中出現(xiàn)了各種各樣的信息化工具，各行各業(yè)都積極通過(guò)互聯(lián)網(wǎng)來(lái)營(yíng)造一個(gè)現(xiàn)代化的環(huán)境。各種各樣的網(wǎng)站隨著網(wǎng)絡(luò)技術(shù)的不斷普及而興起，這在一定程度上促進(jìn)了我國(guó)網(wǎng)絡(luò)技術(shù)的成熟和多元化發(fā)展的同時(shí)還增加了網(wǎng)頁(yè)制作工作的負(fù)擔(dān)。在進(jìn)行圖像處理時(shí)，PS技術(shù)的良好運(yùn)用能夠?yàn)橹谱饕粋€(gè)精美、華麗、高質(zhì)量的網(wǎng)頁(yè)提供巨大的幫助，對(duì)此，就需要將這一技術(shù)在網(wǎng)頁(yè)制作中進(jìn)行運(yùn)用。

關(guān)鍵詞：網(wǎng)頁(yè)制作;圖像處理;PS技術(shù);運(yùn)用分析

0 引言

隨著時(shí)代的不斷飛速發(fā)展，網(wǎng)頁(yè)制作的工具變得五花八門(mén)，在當(dāng)前使用最為普遍的就是DW。實(shí)際上這一軟件只能夠?qū)⒕W(wǎng)頁(yè)元素組織起來(lái)，將各種文字、圖像、聲音、視頻或者動(dòng)畫(huà)等元素進(jìn)行有機(jī)重組，最終構(gòu)成一個(gè)網(wǎng)頁(yè)。網(wǎng)頁(yè)的美觀效果主要在于其自身所具備的文字、圖像的有機(jī)結(jié)合，在進(jìn)行制作的過(guò)程中，PS技術(shù)的良好運(yùn)用能夠?qū)ζ涮峁┚薮蟮挠行椭５窃诋?dāng)前的社會(huì)發(fā)展中，大部分人對(duì)PS技術(shù)的認(rèn)知只停留在修圖上，沒(méi)有對(duì)其在整個(gè)網(wǎng)頁(yè)制作過(guò)程中所發(fā)揮的整體作用產(chǎn)生更多的認(rèn)識(shí)，這就導(dǎo)致了PS技術(shù)在運(yùn)用時(shí)沒(méi)有將自身所具備的作用良好地發(fā)揮^[1]。針對(duì)這一情況，本文進(jìn)行了簡(jiǎn)要的分析，并且提出了PS技術(shù)在網(wǎng)頁(yè)制作中的應(yīng)用策略，希望能夠?yàn)閺V大網(wǎng)頁(yè)制作人員提供更多的有效幫助。

1 簡(jiǎn)述圖像處理技術(shù)

在進(jìn)行網(wǎng)頁(yè)制作時(shí)，圖像處理技術(shù)的良好應(yīng)用是不可或缺的，通過(guò)利用處理軟件，能夠系統(tǒng)化地做好圖片的優(yōu)化。在圖像處理工作中，包含了大量需要處理的信息，如顏色和層次樣式等，帶著目的進(jìn)行加工制作，就能夠?qū)崿F(xiàn)預(yù)期的效果。在進(jìn)行網(wǎng)頁(yè)制作時(shí)，常用的圖像處理工具一般為分割、編碼和疊片等，在進(jìn)行制作時(shí)也應(yīng)該注意以網(wǎng)頁(yè)制作的實(shí)際需要為主，盡可能地將原始的圖像進(jìn)行改善，形成一個(gè)良好精美的網(wǎng)頁(yè)。在當(dāng)前發(fā)展現(xiàn)狀中，PS技術(shù)的應(yīng)用較為廣泛。圖像處理技術(shù)，主要是利用相關(guān)軟件進(jìn)行圖像的處理，抓住需求者的心理變化和視覺(jué)的需求，使網(wǎng)頁(yè)信息內(nèi)容能夠更加快速地傳遞。如通過(guò)對(duì)比網(wǎng)站的整體，圖像性質(zhì)高的網(wǎng)站更能夠抓住人們的注意力，圖像質(zhì)量越高，人們所瀏覽的時(shí)間便越長(zhǎng)，也能夠更加客觀地進(jìn)行網(wǎng)站內(nèi)容的展示。對(duì)此，就能夠?yàn)橹谱鞴ぷ魈峁└嗟膭?chuàng)新發(fā)展途徑和思路，推動(dòng)網(wǎng)頁(yè)制作的長(zhǎng)遠(yuǎn)發(fā)展。

2 圖像處理技術(shù)的優(yōu)勢(shì)

圖像處理技術(shù)在當(dāng)前的網(wǎng)頁(yè)制作工作中所具備的功能是十分強(qiáng)大的，能夠體現(xiàn)十分優(yōu)異的處理優(yōu)勢(shì)。首先，完善一個(gè)網(wǎng)頁(yè)制作的整體結(jié)構(gòu)，高水平地進(jìn)行圖像處理工作，能夠使網(wǎng)頁(yè)表現(xiàn)出一個(gè)極高的質(zhì)量，充分地將優(yōu)質(zhì)圖像作用進(jìn)行發(fā)揮，從而提高網(wǎng)頁(yè)制作的吸引力，充分創(chuàng)造網(wǎng)頁(yè)自身所具備的優(yōu)勢(shì)，充分發(fā)揮網(wǎng)頁(yè)自身所具備的價(jià)值;其次，優(yōu)化網(wǎng)頁(yè)的運(yùn)行，通過(guò)使用相關(guān)先進(jìn)技術(shù)進(jìn)行處理后的圖像，自身的各項(xiàng)參數(shù)都能夠達(dá)到網(wǎng)頁(yè)制作的相關(guān)標(biāo)準(zhǔn)，且達(dá)到規(guī)范的要求，不會(huì)干擾網(wǎng)頁(yè)的運(yùn)行空間，保障了搜索的質(zhì)量。使用者在通過(guò)搜索引擎點(diǎn)擊網(wǎng)頁(yè)時(shí)，一個(gè)優(yōu)質(zhì)的圖像能夠提高下載的速度，使網(wǎng)頁(yè)能夠具備更多的流暢性，這不僅能使搜索內(nèi)容更加快速地呈現(xiàn)給使用者，還能夠吸引大量的用戶點(diǎn)擊量，使網(wǎng)頁(yè)的競(jìng)爭(zhēng)排名得到提高，促進(jìn)網(wǎng)頁(yè)制作企業(yè)在當(dāng)前信息技術(shù)競(jìng)爭(zhēng)激烈的環(huán)境下站穩(wěn)腳跟，得到更加長(zhǎng)遠(yuǎn)的發(fā)展。

3 網(wǎng)頁(yè)制作中圖像處理的PS工具

3.1 移動(dòng)工具

創(chuàng)建一個(gè)選區(qū)，是PS軟件的一大重要功能，能夠?qū)W(wǎng)頁(yè)中圖形的某一個(gè)部分進(jìn)行選擇，對(duì)所選擇的區(qū)域進(jìn)行圖像的處理，如通過(guò)矩形全框工具選擇某一區(qū)域圖像，然后再使用選擇工具將所選取的這一區(qū)域移動(dòng)至另一張圖像上，通過(guò)方向鍵進(jìn)行位置的微調(diào)，直至所選圖片符合預(yù)期的位置，從而達(dá)到移動(dòng)、復(fù)制圖像的目的。

3.2 自由變換工具

自由變換工具在PS技術(shù)中的運(yùn)用率十分高，能夠?qū)D像進(jìn)行等比例的縮放和旋轉(zhuǎn)等操作，從而能夠滿足網(wǎng)頁(yè)設(shè)計(jì)工作的各種要求。通過(guò)使用自由變換工具，能夠有效地將圖像內(nèi)容進(jìn)行隨意調(diào)整，通過(guò)畫(huà)筆的推動(dòng)，能夠使圖像按照設(shè)計(jì)人員的意圖進(jìn)行改變，經(jīng)過(guò)各種微調(diào)最終達(dá)到預(yù)期的效果。這一工具，能夠使網(wǎng)頁(yè)制作在進(jìn)行圖像處理工作中變得更加順利高效，高質(zhì)量地完成圖像處理工作，提高了網(wǎng)頁(yè)的界面整潔度和美觀度，吸引了更多使用者的目光和點(diǎn)擊率，促進(jìn)網(wǎng)頁(yè)企業(yè)的長(zhǎng)遠(yuǎn)發(fā)展。

3.3 漸變和模糊工具

PS技術(shù)中，漸變工具和模糊工具的使用十分常見(jiàn)，這是圖像處理的一大常用工具。通過(guò)使用漸變工具，能夠讓所制作的立體圖形具備一定的動(dòng)感，通過(guò)各種濾鏡模糊、徑向模糊和高斯模糊等設(shè)置，能夠令圖形自身的顏色、大小和陰影效果等得到更加立體的展現(xiàn)，制作了一個(gè)具備較高立體度的圖形。將這一圖像放到網(wǎng)頁(yè)的合理位置上，就能夠吸引人們的重視目光和注意力，豐富了網(wǎng)頁(yè)的多元化場(chǎng)景，使網(wǎng)頁(yè)制作企業(yè)能夠在當(dāng)前的社會(huì)發(fā)展中站穩(wěn)腳步，得到更加長(zhǎng)遠(yuǎn)的發(fā)展。

4 網(wǎng)頁(yè)制作圖像處理中PS的運(yùn)用

4.1 圖片批量處理

在進(jìn)行大量的圖片上傳工作時(shí)，可以通過(guò)使用PS技術(shù)中的“批量處理”功能進(jìn)行圖像的上傳，從而有效地避免漏傳、重復(fù)傳輸?shù)痊F(xiàn)象的發(fā)生，同時(shí)也能夠解決圖片上傳大小不一的問(wèn)題。首先啟動(dòng)PS軟件，設(shè)置圖像的大小、畫(huà)布的尺寸等基礎(chǔ)參數(shù)內(nèi)容，并且將其創(chuàng)建為一個(gè)新的動(dòng)作文件，從而確保上傳的圖像文件能夠符合動(dòng)作參數(shù)的實(shí)際需要。若是需要上傳的圖片數(shù)量較多，則可通過(guò)將圖片保留在文件夾中，通過(guò)使用PS軟件中的批處理來(lái)選擇源文件中的圖片，進(jìn)行批量處理。這樣一來(lái)，就能夠保障網(wǎng)頁(yè)制作時(shí)，圖像上傳工作更加快速高效地進(jìn)行，極大程度地降低了制作人員的工作力度，更快地完成工作需求。

4.2 網(wǎng)頁(yè)圖標(biāo)處理

在進(jìn)行網(wǎng)頁(yè)制作的時(shí)候，首先需要制作一個(gè)獨(dú)一無(wú)二的Logo，這是網(wǎng)頁(yè)制作工作的一大重要圖像之一。在進(jìn)行圖標(biāo)制作的時(shí)候，可以通過(guò)使用PS技術(shù)中的矢量圖繪制功能來(lái)進(jìn)行直接繪制。在繪制的過(guò)程中，需要設(shè)計(jì)人員自身具備一定的設(shè)計(jì)理念，通過(guò)使用狀態(tài)選擇工具來(lái)進(jìn)行矢量線條的制作，經(jīng)過(guò)反復(fù)的修改和精進(jìn)，設(shè)計(jì)出一個(gè)符合網(wǎng)頁(yè)實(shí)際情況、具備高質(zhì)量的Logo線稿。然后再通過(guò)使用填充工具進(jìn)行路徑顏色的填充，最終完成矢量圖形的繪制。根據(jù)網(wǎng)頁(yè)的實(shí)際需要來(lái)進(jìn)行Logo圖標(biāo)大小的縮放，且在進(jìn)行調(diào)整時(shí)，因?yàn)閳D像類(lèi)別為矢量圖，則不易出現(xiàn)圖像失真的情況，保障了網(wǎng)頁(yè)制作Logo圖標(biāo)設(shè)計(jì)工作的良好落實(shí)^[2]。

4.3 圖像輸出格式處理

圖像所占有的網(wǎng)頁(yè)空間存儲(chǔ)量較大，且為了保證網(wǎng)頁(yè)自身的運(yùn)行速度，需要對(duì)圖像的精度進(jìn)行處理，通過(guò)使用 72 dpi分辨率來(lái)進(jìn)行圖像文件大小的控制。在圖像顏色的處理方面，可以使用PS技術(shù)來(lái)進(jìn)行圖片顏色深度的調(diào)整，使用64色，降低圖像輸出精度。圖像存為JPG格式時(shí)，可以通過(guò)使用PS技術(shù)打開(kāi)所保存的圖像，這樣既能夠使圖像細(xì)節(jié)像素丟失問(wèn)題得到良好的避免和降低，又能夠?qū)⒃袌D像的存儲(chǔ)空間進(jìn)行縮小。

5 網(wǎng)頁(yè)設(shè)計(jì)中PS圖像處理的教學(xué)

從學(xué)生入學(xué)的第一學(xué)期起，將計(jì)劃兩學(xué)期的時(shí)間來(lái)對(duì)PS圖像處理軟件進(jìn)行授課，讓學(xué)生能非常熟練運(yùn)用圖形圖像處理。

根據(jù)對(duì)學(xué)生認(rèn)知水平和學(xué)習(xí)狀態(tài)的分析、整合，筆者在教學(xué)中主要采用項(xiàng)目教學(xué)法、分組合作法、小老師制結(jié)合，意圖讓學(xué)生對(duì)這類(lèi)專(zhuān)業(yè)課程保持很高的學(xué)習(xí)興趣，如果學(xué)生興趣不濃厚，最終教學(xué)效果將大打折扣^[3]。

在教學(xué)實(shí)施前，根據(jù)教學(xué)目標(biāo)將每學(xué)期需要完成的項(xiàng)目進(jìn)行分解，按項(xiàng)目實(shí)施流程對(duì)教學(xué)內(nèi)容進(jìn)行順序調(diào)整和計(jì)劃，將每次需要完成的項(xiàng)目效果圖先展示給學(xué)生，讓他們對(duì)結(jié)果有整體了解，然后再進(jìn)行分組合作，并且每個(gè)小組選出小老師，負(fù)責(zé)小組內(nèi)項(xiàng)目的具體實(shí)施和指導(dǎo)。幾種教學(xué)方法相結(jié)合，能讓學(xué)生在做中學(xué)、學(xué)中做，學(xué)生學(xué)得輕松、老師教得輕松。

6 結(jié)語(yǔ)

綜上所述，在進(jìn)行網(wǎng)頁(yè)制作工作時(shí)將PS技術(shù)進(jìn)行良好的結(jié)合，能夠讓圖像處理技術(shù)變得更加高效率、高質(zhì)量。圖像在網(wǎng)頁(yè)設(shè)計(jì)工作中是一項(xiàng)必不可少的重要元素，在進(jìn)行網(wǎng)頁(yè)制作時(shí)將這一技術(shù)進(jìn)行良好的運(yùn)用，能夠?qū)γ阑W(wǎng)頁(yè)、提高網(wǎng)頁(yè)下載速度等帶來(lái)巨大的幫助。除此之外，通過(guò)使用PS技術(shù)還能夠令網(wǎng)站頁(yè)面變得更加簡(jiǎn)潔精美，提高網(wǎng)頁(yè)制作的效率，彰顯網(wǎng)頁(yè)制作的技術(shù)能力，穩(wěn)定網(wǎng)頁(yè)的讀取，使各種不合格的圖像能夠得到控制，提高整體流通的速度，實(shí)現(xiàn)制作高效益，促使網(wǎng)頁(yè)制作構(gòu)建高質(zhì)量的網(wǎng)站建設(shè)。

作者簡(jiǎn)介：焦雅玲（1984— ），女，四川樂(lè)山人，講師，學(xué)士;研究方向：計(jì)算機(jī)圖形圖像處理和網(wǎng)頁(yè)設(shè)計(jì)。

[參考文獻(xiàn)]

[1]金琰.圖像處理技術(shù)在網(wǎng)頁(yè)制作中的應(yīng)用研究[J].現(xiàn)代職業(yè)教育，2018（22）：196.

[2]陳東方，王魁祎.淺析Photoshop在網(wǎng)頁(yè)制作中的運(yùn)用[J].電腦知識(shí)與技術(shù)，2018（21）：236，245.

[3]汪琴.Photoshop在圖像處理中的應(yīng)用策略分析[J].信息與電腦（理論版），2018（24）：49-50，54.

（編輯?傅金睿）

Analysis on the application of image processing PS in web page production

Jiao Yaling

（Leshan Computer School， Leshan 614000， China）

Abstract：With the continuous development of Internet technology， a variety of informationzation tools appear in peoples life， work and study. All walks of life actively create a modern environment through the Internet. With the popularity of network technology， a variety of websites are rising， which promotes the maturity and diversified development of network technology in China to a certain extent， but also increases the burden of web page production. In the process of image processing， the good use of PS technology can provide a great help for the production of a beautiful， gorgeous， high-quality web page， so we need to use this technology in web page production.

Key words：web page production; image processing; PS technology; application analysis