淺談PS在網(wǎng)店裝修中的應(yīng)用--楊沁(0326)

1、武漢商學(xué)院畢業(yè)設(shè)計(jì)（論文） 武 漢 商 學(xué) 院2015屆畢業(yè)設(shè)計(jì)（論文） 題目:淺談PS在網(wǎng)店裝修中的應(yīng)用學(xué) 號(hào)： 601224148 姓 名： 楊 沁 專(zhuān) 業(yè)： 電子商務(wù) 班 級(jí)： 2012級(jí)電子商務(wù)4班 指導(dǎo)老師： 劉華 完成日期： 2015-3-2 畢業(yè)設(shè)計(jì)(論文)任務(wù)書(shū)論文題目淺談PS在網(wǎng)店裝修中的應(yīng)用系（部）名稱(chēng)商貿(mào)物流學(xué)院專(zhuān)業(yè)班級(jí)名稱(chēng) 2012級(jí)電子商務(wù)四班學(xué)生姓名楊沁指導(dǎo)教師 劉華畢業(yè)設(shè)計(jì)（論文）的內(nèi)容和基本要求基本內(nèi)容：本文主要介紹了Photoshop在網(wǎng)店裝修上的應(yīng)用，包括圖片美化處理，店招設(shè)計(jì)，海報(bào)設(shè)計(jì)，倒影制作，去水印，添加水印，摳圖，切片工具的使用等，涵蓋網(wǎng)店裝修的各個(gè)

2、部分?；疽螅喊匆?guī)格書(shū)寫(xiě)文字達(dá)5000字左右，按要求設(shè)置字體字號(hào)，經(jīng)指導(dǎo)老師修改指導(dǎo)后裝訂成冊(cè)。在內(nèi)容上結(jié)合自己當(dāng)前實(shí)習(xí)工作，結(jié)合專(zhuān)業(yè)，就某個(gè)專(zhuān)業(yè)問(wèn)題談自己的實(shí)習(xí)經(jīng)歷，談該行業(yè)目前狀況，前景展望等。畢業(yè)設(shè)計(jì)（論文）的主要階段計(jì)劃（分前期、中期、后期）前期：確定主題，整理收集資料，關(guān)注與論文有關(guān)的信息，制定論文提綱；中期：撰寫(xiě)正文部分，運(yùn)用長(zhǎng)期實(shí)戰(zhàn)經(jīng)驗(yàn)，提交論文初稿；后期：根據(jù)指導(dǎo)老師要求修改論文內(nèi)容、格式等，最后定稿。主要參考文獻(xiàn)、資料：1 許偉民，袁鵬飛.Photoshop七大核心技術(shù)M.北京:人民郵電出版社，20122 毛小平, 徐春紅, 魏瓊.Photoshop CS4完全學(xué)習(xí)手冊(cè)M.

3、北京:人民郵電出版社，2010任務(wù)下發(fā)日期2014.10完成日期2015.3指導(dǎo)教師意見(jiàn)指導(dǎo)教師（簽字）：淺談PS在網(wǎng)店裝修中的應(yīng)用摘要：近年來(lái)，隨著信息技術(shù)的快速發(fā)展和應(yīng)用使個(gè)人電腦上的網(wǎng)頁(yè)設(shè)計(jì)進(jìn)入一個(gè)新的階段，各種圖像處理軟件也越來(lái)越完善，普及程度不斷的提高。尤其是在圖片處理上的應(yīng)用越來(lái)越廣泛，網(wǎng)店上的商品圖片常用Photoshop工具來(lái)進(jìn)行美化處理，其中的圖像軟件處理工具Photoshop是目前公認(rèn)的、較好的通用平面美術(shù)設(shè)計(jì)軟件，它功能完善，性能穩(wěn)定，使用方便。Photoshop為美工必備軟件。Photoshop所具有的功能包括：可以對(duì)圖像進(jìn)行修飾、對(duì)圖形進(jìn)行編輯、對(duì)圖像的色彩進(jìn)行處理等

4、，此外，還有繪圖和輸出功能。在實(shí)際生活和工作中，人們可以將數(shù)碼照相機(jī)拍攝下來(lái)的照片利用Photoshop進(jìn)行編輯和修飾，還可以利用Photoshop為圖像制作特效效果，如果和其它工具軟件配合使用，則可以進(jìn)行高質(zhì)量的廣告設(shè)計(jì)、美術(shù)創(chuàng)意和三維動(dòng)畫(huà)制作。由于Photoshop功能強(qiáng)大，目前，正在被越來(lái)越多的圖像編排、網(wǎng)頁(yè)布局、廣告和形象設(shè)計(jì)以及婚紗影樓等領(lǐng)域廣泛使用，是一個(gè)非常受歡迎的應(yīng)用軟件。本畢業(yè)論文中的案例欣賞就主要采用了Photoshop中切片工具得以實(shí)現(xiàn)。關(guān)鍵詞：Photoshop 處理 美工 網(wǎng)店裝修 切片工具引言：隨著電腦的日益普及，越來(lái)越多的人們開(kāi)始使用圖像處理軟件進(jìn)行平面設(shè)計(jì)、網(wǎng)頁(yè)

5、設(shè)計(jì)、圖像處理、影像合成和數(shù)碼照片后期處理等。Adobe Photoshop就是一款功能強(qiáng)大、應(yīng)用廣泛的專(zhuān)業(yè)級(jí)圖像處理軟件。如今，Photoshop擁有大量的用戶(hù)，除了專(zhuān)業(yè)級(jí)設(shè)計(jì)人員外，網(wǎng)店和影樓工作人員都普遍使用該軟件進(jìn)行圖像修飾。本文以理論和實(shí)際相結(jié)合的方式，系統(tǒng)地闡述了Photoshop在網(wǎng)店裝修中的應(yīng)用，摳圖，去水印，店招設(shè)計(jì)，海報(bào)設(shè)計(jì)等。一、Photoshop概論（一）認(rèn)識(shí)PhotoshoAdobe Photoshop，簡(jiǎn)稱(chēng)“PS”，是由Adobe Systems開(kāi)發(fā)和發(fā)行的圖像處理軟件。Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像。使用其眾多的編輯與繪圖工具，可以有效地進(jìn)行圖片

6、編輯工作。photoshop有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及。（二）適用范圍1.平面設(shè)計(jì)平面設(shè)計(jì)是Photoshop應(yīng)用最為廣泛的領(lǐng)域，無(wú)論是圖書(shū)封面，還是招帖、海報(bào)，這些平面印刷品都需要Photoshop軟件對(duì)圖像進(jìn)行處理。2.修復(fù)照片PHOTOSHOP具有強(qiáng)大的圖像修飾功能。利用這些功能，可以快速修復(fù)一張破損的老照片，也可以修復(fù)人臉上的斑點(diǎn)等缺陷。3.廣告攝影 廣告攝影作為一種對(duì)視覺(jué)要求非常嚴(yán)格的工作，其最終成品往往要經(jīng)過(guò)PHOTOSHOP的修改才能得到滿(mǎn)意的效果。 4.藝術(shù)文字 當(dāng)文字遇到PHOTOSHOP處理，就已經(jīng)注定不再普通。利用PHOTOSHOP可以使文

7、字發(fā)生各種各樣的變化，并利用這些藝術(shù)化處理后的文字為圖像增加效果。5.網(wǎng)頁(yè)制作網(wǎng)絡(luò)的普及是促使更多人需要掌握Photoshop，因?yàn)樵谥谱骶W(wǎng)頁(yè)時(shí)Photoshop是必不可少的網(wǎng)頁(yè)圖像處理軟件。 6.后期處理當(dāng)前越來(lái)越多的婚紗影樓開(kāi)始使用數(shù)碼相機(jī)這也便得婚紗照片設(shè)計(jì)的處理成為一個(gè)新興的行業(yè)。7.視覺(jué)創(chuàng)意視覺(jué)創(chuàng)意與設(shè)計(jì)是設(shè)計(jì)藝術(shù)的一個(gè)分支，此類(lèi)設(shè)計(jì)通常沒(méi)有非常明顯的商業(yè)目的，但由于他為廣大設(shè)計(jì)愛(ài)好者提供了廣闊的設(shè)計(jì)空間，因此越來(lái)越多的設(shè)計(jì)愛(ài)好者開(kāi)始學(xué)習(xí)Photoshop，并進(jìn)行具有個(gè)人特色與風(fēng)格的視覺(jué)創(chuàng)意。（三）界面組成從功能上看，該軟件可分為圖像編輯、圖像合成、校色調(diào)色及特功能特色效制作部分等。

8、 圖像編輯是圖像處理的基礎(chǔ)，可以對(duì)圖像做各種變換如放大、縮小、旋轉(zhuǎn)、傾斜、鏡像、透視等；也可進(jìn)行復(fù)制、去除斑點(diǎn)、修補(bǔ)、修飾圖像的殘損等。圖像合成則是將幾幅圖像通過(guò)圖層操作、工具應(yīng)用合成完整的、傳達(dá)明確意義的圖像，這是美術(shù)設(shè)計(jì)的必經(jīng)之路；該軟件提供的繪圖工具讓外來(lái)圖像與創(chuàng)意很好地融合。校色調(diào)色可方便快捷地對(duì)圖像的顏色進(jìn)行明暗、色偏的調(diào)整和校正，也可在不同顏色進(jìn)行切換以滿(mǎn)足圖像在不同領(lǐng)域如網(wǎng)頁(yè)設(shè)計(jì)、印刷、多媒體等方面應(yīng)用。特效制作在該軟件中主要由濾鏡、通道及工具綜合應(yīng)用完成。包括圖像的特效創(chuàng)意和特效字的制作，如油畫(huà)、浮雕、素描等常用的傳統(tǒng)美術(shù)技巧都可藉由該軟件特效完成。（四）功能使用1.標(biāo)題欄：位

9、于主窗口頂端，最左邊是Photoshop標(biāo)記，右邊分別是最小化、最大化/還原和關(guān)閉按鈕。屬性欄(又稱(chēng)工具選項(xiàng)欄)。選中某個(gè)工具后，屬性欄就會(huì)改變成相應(yīng)工具的屬性設(shè)置選項(xiàng)，可更改相應(yīng)的選項(xiàng)。2.菜單欄：菜單欄為整個(gè)環(huán)境下所有窗口提供菜單控制，包括:文件、編輯、圖像、圖層、選擇、濾鏡、視圖、窗口和幫助九項(xiàng)。Photoshop中通過(guò)兩種方式執(zhí)行所有命令，一是菜單，二是快捷鍵。3.圖像編輯窗口：中間窗口是圖像窗口，它是Photoshop的主要工作區(qū)，用于顯示圖像文件。圖像窗口帶有自己的標(biāo)題欄，提供了打開(kāi)文件的基本信息，如文件名、縮放比例、顏色模式等。如同時(shí)打開(kāi)兩副圖像，可通過(guò)單擊圖像窗口進(jìn)行切換。圖像

10、窗口切換可使用Ctrl+Tab。4.狀態(tài)欄：主窗口底部是狀態(tài)欄，由三部分組成。（1）文本行，說(shuō)明當(dāng)前所選工具和所進(jìn)行操作 的功能與作用等信息。（2）縮放欄，顯示當(dāng)前圖像窗口的顯示比例，用戶(hù)也可在此窗口中輸入數(shù)值后按回車(chē)來(lái)改變顯示比例。（3）預(yù)覽框，單擊右邊的黑色三角按扭，打開(kāi)彈出菜單，選擇任一命令，相應(yīng)的信息就會(huì)在預(yù)覽框中顯示。5.工具箱：工具箱中的工具可用來(lái)選擇、繪畫(huà)、編輯以及查看圖像。拖動(dòng)工具箱的標(biāo)題欄，可移動(dòng)工具箱；單擊可選中工具或移動(dòng)光標(biāo)到該工具上，屬性欄會(huì)顯示該工具的屬性。有些工具的右下角有一個(gè)小三角形符號(hào)，這表示在工具位置上存在一個(gè)工具組，其中包括若干個(gè)相關(guān)工具。6.控制面板：共有

11、14個(gè)面板，可通過(guò)“窗口/顯示”來(lái)顯示面板。按Tab鍵，自動(dòng)隱藏命令面板，屬性欄和工具箱，再次按鍵，顯示以上組件。按Shift+Tab，隱藏控制面板，保留工具箱。使用形狀或鋼筆工具時(shí)，可以使用三種不同的模式進(jìn)行繪制。在選定形狀或鋼筆工具時(shí)，可通過(guò)選擇選項(xiàng)欄中的圖標(biāo)來(lái)選取一種模式。7.路徑：在當(dāng)前圖層中繪制一個(gè)工作路徑，隨后可使用它來(lái)創(chuàng)建選區(qū)、創(chuàng)建矢量蒙版或者使用顏色填充和描邊以創(chuàng)建柵格圖形（與使用繪畫(huà)工具非常類(lèi)似）。除非存儲(chǔ)工作路徑，否則它是一個(gè)臨時(shí)路徑。路徑出現(xiàn)在“路徑”面板中。二、網(wǎng)店裝修演練（一）摳圖1.蒙版摳圖步驟：S1：導(dǎo)入素材；S2：復(fù)制圖層（Ctrl+J）；S3：按快捷鍵Q（進(jìn)入

12、快速蒙版）；S4：按快捷鍵F5（調(diào)出畫(huà)筆）；S5：調(diào)節(jié)不透明度和流量；S6：按快捷鍵Q（退出快速蒙版）；S7：將摳出的圖片移動(dòng)到新窗口。2.橡皮擦摳圖步驟：S1：導(dǎo)入素材；S2：復(fù)制圖層（Ctrl+J）；S3：?jiǎn)螕粝鹌げ?，選擇魔術(shù)橡皮擦工具；S4：然后在素材邊緣點(diǎn)擊；S5：有痕跡的地方用橡皮擦工具進(jìn)行擦拭即可；S6：將摳出的圖片移動(dòng)到新窗口。3.白色背景步驟：S1：導(dǎo)入素材；S2：復(fù)制圖層（Ctrl+J）；S3：然后在圖層面板處選擇正片疊底；S4：將摳出的圖片移動(dòng)到新窗口。4.黑色背景步驟：S1：導(dǎo)入素材；S2：復(fù)制圖層（Ctrl+J）；S3：然后在圖層面板選擇濾色；S4：將摳出的圖片移動(dòng)到新

13、窗口。5.鋼筆工具（基本上圖片都可以用此工具，過(guò)程較為繁瑣）步驟：S1：導(dǎo)入素材；S2：復(fù)制圖層（Ctrl+J）；S3：選擇“鋼筆”工具；S4：按住CTRL鍵不放，用鼠標(biāo)點(diǎn)住各個(gè)節(jié)點(diǎn)（控制點(diǎn)），拖動(dòng)改變位置；S5：將摳出的圖片移動(dòng)到新窗口。6.濾鏡摳圖（婚紗，人物頭像）步驟：S1：導(dǎo)入素材；S2：復(fù)制圖層（Ctrl+J）；S3：執(zhí)行“濾鏡-抽出”；S4：設(shè)置好其他參數(shù)后，在圖片上進(jìn)行涂抹；S5：將摳出的圖片移動(dòng)到新窗口。7.快速選擇工具步驟：S1:導(dǎo)入素材；S2：復(fù)制圖層（Ctrl+J）；S3：在需要摳出的圖像上進(jìn)行點(diǎn)擊；S4：將摳出的圖片移動(dòng)到新窗口。8.魔棒工具步驟：S1：導(dǎo)入素材；S2：

14、復(fù)制圖層（Ctrl+J）；S3：點(diǎn)擊“魔術(shù)棒”工具；S4：在“魔術(shù)棒”工具條中，在“連續(xù)”項(xiàng)前打勾；S5：設(shè)置“容差”；S6：如果對(duì)虛框的范圍不滿(mǎn)意，可以先按CTRL+D取消虛框，再對(duì)“容差”值進(jìn)行調(diào)節(jié)；S7：將摳出的圖片移動(dòng)到新窗口。（二）去水印1.使用仿制圖章工具去除文字水印 這是比較常用的方法，具體的操作是:選取仿制圖章工具，按住Alt鍵，在無(wú)文字區(qū)域點(diǎn)擊相似的色彩名圖案采樣，然后在文字區(qū)域拖動(dòng)鼠標(biāo)復(fù)制以覆蓋文字。要注意的是，采樣點(diǎn)即為復(fù)制的起始點(diǎn)。選擇不同的筆刷直徑會(huì)影響繪制的范圍，而不同的筆刷硬度會(huì)影響繪制區(qū)域的邊緣融合效果。2.使用修補(bǔ)工具去除文字水印 如果圖片的背景色彩或圖案比較

15、一致，使用修補(bǔ)工具就比較方便,具體操作是：選取修補(bǔ)工具，在公共欄中選擇修補(bǔ)項(xiàng)為“源”，關(guān)閉“透明”選項(xiàng)。然后用修補(bǔ)工具框選文字，拖動(dòng)到無(wú)文字區(qū)域中色彩或圖案相似的位置，松開(kāi)鼠標(biāo)就完成復(fù)制。修補(bǔ)工具具有自動(dòng)匹配顏色的功能，復(fù)制的效果與周?chē)纳瘦^為融合，這是仿制圖章工具所不具備的。3.使用修復(fù)畫(huà)筆工具去除文字水印 操作的方法與仿制圖章工具相似。按住Alt鍵，在無(wú)文字區(qū)域點(diǎn)擊相似的色彩或圖案采樣，然后在文字區(qū)域拖動(dòng)鼠標(biāo)復(fù)制以覆蓋文字，只是修復(fù)畫(huà)筆工具與修補(bǔ)工具一樣，也具有自動(dòng)匹配顏色的功能，可根據(jù)需要進(jìn)行選用。4.Ctrl+Alt+方向鍵去除圖片水印 某些背景色垂直性漸變顏色的圖標(biāo)，有一個(gè)方便的方

16、法去除文字。方法：用長(zhǎng)形選框工具在無(wú)文字區(qū)域中作一個(gè)選區(qū)，選區(qū)不宜太寬，高度應(yīng)高于文字。然后按住Ctrl+Alt+方向鍵，直至完全覆蓋文字即可。（三）Photoshop制作倒影步驟：S1：導(dǎo)入素材；S2：復(fù)制圖層（Ctrl+J）；S3：執(zhí)行“編輯”-“垂直旋轉(zhuǎn)”（Ctrl+T)；S4：添加蒙版（將前景色設(shè)置為黑色，從下往上拉動(dòng)漸變）；或者直接將透明度改為50%即可。（四）店招制作 店招大小在最好在100K以?xún)?nèi)，建議規(guī)格為990*120px。對(duì)于店招的裝修，建議掌柜們先從整個(gè)店鋪的風(fēng)格考慮，包括主題色，經(jīng)營(yíng)什么產(chǎn)品等因素，確定好店招要制作成什么風(fēng)格，如果前期掌柜對(duì)店招的設(shè)計(jì)無(wú)從著手，可以到其他店

17、鋪去模仿學(xué)習(xí)一下。另外可以直接在線(xiàn)制作靜態(tài)或動(dòng)態(tài)的店招，這些都是不錯(cuò)的選擇。（五）海報(bào)設(shè)計(jì)與設(shè)計(jì)店招一樣，我們?cè)谠O(shè)計(jì)海報(bào)的時(shí)候，必須對(duì)商品十分熟悉，制作符合商品的海報(bào)，突出商品的特征，吸引客戶(hù)眼球，從而為店鋪帶來(lái)流量和提高轉(zhuǎn)化率。步驟：S1：文件-新建（一般采用像素，各可根據(jù)設(shè)計(jì)習(xí)慣設(shè)計(jì)，1920*450px,1920*500px,1920*550px,1920*600px,1950*620,);S2：調(diào)出標(biāo)尺；S3：再新建一個(gè)950*600px的文件，并將其移動(dòng)到第一個(gè)文件中；S4：導(dǎo)入素材，進(jìn)行海報(bào)創(chuàng)作。（六）水印制作方法一：輸入文字，然后調(diào)節(jié)不透明度，一般調(diào)為50%即可，可根據(jù)自己的選擇

18、進(jìn)行調(diào)節(jié)；方法二：導(dǎo)入素材，將前景色設(shè)置為黑色，背景色設(shè)置為白色；在素材上輸入文字，在圖層面板將“填充值”設(shè)置為0%,這個(gè)時(shí)候，圖像上的文字就看不見(jiàn)了，右擊圖層面板下方的f(x)進(jìn)入圖層樣式，將陰影項(xiàng)勾上即可。如需要其他水印效果可有選擇地勾選其他選項(xiàng)，即可達(dá)到想要的效果。（七）背景圖設(shè)計(jì)步驟：S1：選張好看的背景圖，用photoshop編輯下將尺寸改為1920*1080px;S2：中間空間部分尺寸為950*1080px，可以做個(gè)陰影；S3：保存為.jpg格式，上傳到店鋪空間即可。（八）商品主圖設(shè)計(jì) 步驟：S1：文件-新建（360*360px;500*500px;600*600px;800*80

19、0px等）S2：突出產(chǎn)品特色；S3：加上標(biāo)簽（如LOGO);S4:添加文案。（九）寶貝詳情撰寫(xiě)步驟：S1：文件-新建（750*自定義）；S2：根據(jù)商品的特征進(jìn)行商品描述，加入文案等。（十）切片工具使用步驟：S1：導(dǎo)入素材；S2：右擊裁剪工具，選擇“切片工具”；S3：從你想切的地方開(kāi)始切，這時(shí)會(huì)出現(xiàn)方形的區(qū)域塊，這就是要切的范圍;S4：拖動(dòng)鼠標(biāo)依次切片；S5：將切好的圖片保存（文件-存儲(chǔ)為”Web和設(shè)備所用格式“，將品質(zhì)設(shè)置為”80-100“，選擇.jpg,單擊存儲(chǔ);S6：選擇存儲(chǔ)路徑，選擇格式為”HTML和圖像“點(diǎn)擊”保存“。S7：根據(jù)之前保存的路徑，找到該文件夾，打開(kāi)后就可以看到一張張圖片和

20、HTML文件。三、案例欣賞（實(shí)例：靜數(shù)夏你如蓮）（一）步驟：S1：進(jìn)入淘寶網(wǎng)首頁(yè)；S2：在搜索欄處點(diǎn)擊”店鋪“；S3：輸入“靜數(shù)夏你如蓮”S4：回車(chē)；（二）分析：本網(wǎng)店首頁(yè)裝修選取的是一張PSD源文件，通過(guò)修圖，美化等，將其變?yōu)樽约合胍臉幼?，然后用切片工具，將其分為一張張的圖片，接著將這些圖片上傳到圖片空間，在首頁(yè)添加自定義內(nèi)容區(qū)，隱藏標(biāo)題，插入圖片粘貼鏈接，即可達(dá)到效果。總結(jié) 隨著信息技術(shù)的快速發(fā)展，電子商務(wù)在我們生活中發(fā)揮著越來(lái)越重要的作用，催生的購(gòu)物網(wǎng)站更是層出不窮。IT時(shí)代，幾乎沒(méi)有哪一行能和網(wǎng)絡(luò)脫離關(guān)系，因此網(wǎng)站的規(guī)劃與建設(shè)已經(jīng)成為一項(xiàng)專(zhuān)門(mén)職業(yè)。在網(wǎng)站規(guī)劃建設(shè)中，網(wǎng)頁(yè)美工布局設(shè)計(jì)是其至關(guān)重要的一環(huán)，它關(guān)系到網(wǎng)站能否吸引更多人的眼球，直接反映網(wǎng)站的點(diǎn)擊率，而點(diǎn)擊率正是網(wǎng)站的生命所在。所以網(wǎng)頁(yè)布局設(shè)計(jì)是否美觀(guān)、規(guī)范、合理越來(lái)越受到網(wǎng)頁(yè)設(shè)計(jì)師的重視。 本次畢業(yè)設(shè)計(jì)，我最大的收獲是對(duì)網(wǎng)站的設(shè)計(jì)有了更熟練的運(yùn)用，對(duì)網(wǎng)站頁(yè)面整體的設(shè)計(jì)有了很好的把握。畢業(yè)設(shè)計(jì)的制作從開(kāi)始的想法，到實(shí)際的規(guī)劃設(shè)計(jì)，以及工具的選擇，到最后的實(shí)際的制作，后期的調(diào)整，這整個(gè)過(guò)程自己遇到了很多的問(wèn)題，由于