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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

16、去除圖片水印  某些背景色垂直性漸變顏色的圖標(biāo)，有一個方便的方法去除文字。 方法：用長形選框工具在無文字區(qū)域中作一個選區(qū)，選區(qū)不宜太寬，高度應(yīng)高于文字。然后按住Ctrl+Alt+方向鍵，直至完全覆蓋文字即可 。（三）Photoshop制作倒影步驟：S1：導(dǎo)入素材；S2：復(fù)制圖層（Ctrl+J）；S3：執(zhí)行“編輯”-“垂直旋轉(zhuǎn)”（Ctrl+T)；S4：添加蒙版（將前景色設(shè)置為黑色，從下往上拉動漸變）；或者直接將透明度改為50%即可。（四）店招制作 店招大小在最好在100K以內(nèi)，建議規(guī)格為990*120px。對于店招的裝修，建議掌柜們先從整個店鋪的風(fēng)格考慮，包括主題色

17、，經(jīng)營什么產(chǎn)品等因素，確定好店招要制作成什么風(fēng)格，如果前期掌柜對店招的設(shè)計無從著手，可以到其他店鋪去模仿學(xué)習(xí)一下。另外可以直接在線制作靜態(tài)或動態(tài)的店招，這些都是不錯的選擇。（五）海報設(shè)計與設(shè)計店招一樣，我們在設(shè)計海報的時候，必須對商品十分熟悉，制作符合商品的海報，突出商品的特征，吸引客戶眼球，從而為店鋪帶來流量和提高轉(zhuǎn)化率。步驟：S1：文件-新建（一般采用像素，各可根據(jù)設(shè)計習(xí)慣設(shè)計，1920*450px,1920*500px,1920*550px,1920*600px,1950*620,);S2：調(diào)出標(biāo)尺；S3：再新建一個950*600px的文件，并將其移動到第一個文件中；S4：導(dǎo)入素材，進(jìn)行

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

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

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