Photoshop網(wǎng)店美工與網(wǎng)店裝修全套教學(xué)課件

Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）第01章

網(wǎng)店美工與PhotoshopCS6基礎(chǔ)全套可編輯PPT課件1.1認(rèn)識(shí)網(wǎng)店美工1.2圖像文件基礎(chǔ)知識(shí)1.3PhotoshopCS6圖像文件基本操作1.4

綜合案例—制作寧寧母嬰網(wǎng)店店招1.1.1網(wǎng)店美工的工作范疇3網(wǎng)店美工與常見的美術(shù)工作者不同，網(wǎng)店美工主要負(fù)責(zé)網(wǎng)店的店面裝修，以及商品圖像的創(chuàng)意處理。網(wǎng)店美工的工作范疇如下。打造網(wǎng)店特色設(shè)計(jì)與裝修網(wǎng)店設(shè)計(jì)活動(dòng)頁面美化商品圖像設(shè)計(jì)與制作推廣圖點(diǎn)面線1.1.2網(wǎng)店美工應(yīng)掌握的設(shè)計(jì)要點(diǎn)41.點(diǎn)、線、面1.1.2網(wǎng)店美工應(yīng)掌握的設(shè)計(jì)要點(diǎn)52.色彩（1）色彩的屬性色相明度純度1.1.2網(wǎng)店美工應(yīng)掌握的設(shè)計(jì)要點(diǎn)62.色彩（2）色彩的比例網(wǎng)店美工在搭配店鋪的頁面色彩時(shí)，需要遵循一定的比例與程序。網(wǎng)店裝修配色的黃金比例為“70:25:5”，其中，主色占總版面的70%，輔助色占25%，而其他點(diǎn)綴性的色彩占5%。1.1.2網(wǎng)店美工應(yīng)掌握的設(shè)計(jì)要點(diǎn)72.色彩（3）色彩的對(duì)比色彩的對(duì)比明度對(duì)比色相對(duì)比冷暖色對(duì)比純度對(duì)比色彩面積對(duì)比154321.1.2網(wǎng)店美工應(yīng)掌握的設(shè)計(jì)要點(diǎn)82.色彩搭配技巧ABC合理選擇主色調(diào)您?善用無彩色?突出前景色和背景色的色彩對(duì)比（4）色彩的搭配技巧1.1.2網(wǎng)店美工應(yīng)掌握的設(shè)計(jì)要點(diǎn)93.文案（1）文案寫作要點(diǎn)通過“利益訴求”吸引消費(fèi)者信息真實(shí)巧用修辭手法鎖定精準(zhǔn)目標(biāo)人群強(qiáng)調(diào)商品賣點(diǎn)1.1.2網(wǎng)店美工應(yīng)掌握的設(shè)計(jì)要點(diǎn)103.文案（2）文案寫作注意事項(xiàng)?避免語句過長避開敏感詞避免重復(fù)1.1.2網(wǎng)店美工應(yīng)掌握的設(shè)計(jì)要點(diǎn)113.文案（3）文案設(shè)計(jì)要點(diǎn)

字體的選擇宋體是網(wǎng)店裝修中使用最廣泛的字體之一，筆畫纖細(xì)，較為優(yōu)雅，具有文藝氣息，常用于家裝類、服裝類等網(wǎng)店中。宋體黑體筆畫橫平豎直，字形方正，具有濃烈的商業(yè)氣息，常用于商品詳情頁、首頁Banner等內(nèi)容中。黑體書法體是指具有書法風(fēng)格的字體，筆畫多變，富有歷史性和文化性，常用于書籍類等具有古典氣息的網(wǎng)店中。書法體美術(shù)體多指一些筆畫和結(jié)構(gòu)有特殊設(shè)計(jì)的字體，具有較強(qiáng)的獨(dú)特性和藝術(shù)性，常用于海報(bào)制作或模板的標(biāo)題部分設(shè)計(jì)。美術(shù)體1.1.2網(wǎng)店美工應(yīng)掌握的設(shè)計(jì)要點(diǎn)123.文案（3）文案設(shè)計(jì)要點(diǎn)

字體的運(yùn)用字體的運(yùn)用可以參照以下兩個(gè)原則：增強(qiáng)文字的可讀性增強(qiáng)排版的美觀性1.1.2網(wǎng)店美工應(yīng)掌握的設(shè)計(jì)要點(diǎn)134.網(wǎng)店頁面結(jié)構(gòu)（1）首頁?頁頭首頁結(jié)構(gòu)頁頭包括店招和導(dǎo)航兩部分。其中店招常展示網(wǎng)店Logo、網(wǎng)店名稱、網(wǎng)店信譽(yù)、收藏網(wǎng)店等內(nèi)容；導(dǎo)航主要展示網(wǎng)店的商品分類。?頁中頁中包括首屏區(qū)、促銷區(qū)、主推商品區(qū)和商品陳列區(qū)四部分。頁尾頁尾主要用于設(shè)置自定義區(qū)，一般展示說明色差和所用快遞等溫馨提示、品牌形象或品牌故事、客服、網(wǎng)店二維碼及頁尾廣告的投放等內(nèi)容。1.1.2網(wǎng)店美工應(yīng)掌握的設(shè)計(jì)要點(diǎn)144.網(wǎng)店頁面結(jié)構(gòu)（2）專題頁和活動(dòng)頁活動(dòng)頁是針對(duì)某個(gè)主題進(jìn)行宣傳，例如，在線抽獎(jiǎng)、限時(shí)活動(dòng)等內(nèi)容，文案比較精簡，頁面內(nèi)容不會(huì)太多，因此頁面高度也不會(huì)太高?；顒?dòng)頁專題頁是針對(duì)于某個(gè)主題或者產(chǎn)品展開一系列的營銷策劃宣傳，內(nèi)容比較豐富，因此頁面高度會(huì)很高。專題頁1.1.2網(wǎng)店美工應(yīng)掌握的設(shè)計(jì)要點(diǎn)154.網(wǎng)店頁面結(jié)構(gòu)（3）商品詳情頁商品詳情頁主要用于展示商品詳情信息，一般包括商品焦點(diǎn)圖、商品賣點(diǎn)圖、商品細(xì)節(jié)圖、商品參數(shù)展示圖、商品包裝圖等內(nèi)容。1.1.2網(wǎng)店美工應(yīng)掌握的設(shè)計(jì)要點(diǎn)165.網(wǎng)店裝修風(fēng)格極簡風(fēng)可愛風(fēng)插畫風(fēng)C4D風(fēng)科技風(fēng)中國風(fēng)1.1認(rèn)識(shí)網(wǎng)店美工1.2圖像文件基礎(chǔ)知識(shí)1.3PhotoshopCS6圖像文件基本操作1.4

綜合案例—制作寧寧母嬰網(wǎng)店店招1.2.1像素和分辨率18像素是構(gòu)成位圖圖像的最小單位，是位圖中的一個(gè)小方格。分辨率是指單位長度上的像素?cái)?shù)目，單位通常為“像素/英寸”和“像素/厘米”。像素分辨率1.2.2位圖和矢量圖191.位圖位圖也稱點(diǎn)陣圖或像素圖，它由多個(gè)像素點(diǎn)構(gòu)成，能夠?qū)艄狻⑼该鞫群蜕疃鹊缺普娴乇憩F(xiàn)出來。將位圖放大到一定程度后，即可看到位圖是由一個(gè)個(gè)小方塊組成的，這些小方塊就是像素。常見的位圖格式有JPEG、PCX、BMP、PSD、PIC、GIF和TIFF等。1.2.2位圖和矢量圖202.矢量圖矢量圖是用一系列計(jì)算機(jī)指令來描述和記錄的圖像，它由點(diǎn)、線、面等元素組成，所記錄的對(duì)象主要包括幾何形狀、線條粗細(xì)和色彩等。矢量圖常用于制作企業(yè)標(biāo)識(shí)或插畫，還可用于商業(yè)信紙或招貼廣告，可隨意縮放的特點(diǎn)使其可在任何打印設(shè)備上以高分辨率進(jìn)行輸出。常見的矢量圖格式有CDR、AI、WMF和EPS等。1.2.3圖像的色彩模式21Lab顏色模式位圖模式雙色調(diào)模式索引顏色模式?RGB顏色模式?CMYK顏色模式多通道模式圖像的色彩模式灰度模式1.1認(rèn)識(shí)網(wǎng)店美工1.2圖像文件基礎(chǔ)知識(shí)1.3PhotoshopCS6圖像文件基本操作1.4

綜合案例—制作寧寧母嬰網(wǎng)店店招1.3.1認(rèn)識(shí)PhotoshopCS6的工作界面23選擇【開始】/【所有程序】/【AdobePhotoshopCS6】命令，啟動(dòng)PhotoshopCS6后，打開如下所示的工作界面。1.3.2新建與打開圖像文件241.新建圖像文件選擇【文件】/【新建】命令或按【Ctrl+N】鍵，打開如圖所示的“新建”對(duì)話框。設(shè)置相關(guān)參數(shù)后單擊“確定”按鈕即可新建一個(gè)圖像文件。1.3.2新建與打開圖像文件252.打開圖像文件使用“打開”命令打開使用“打開為”命令打開拖曳圖像啟動(dòng)程序打開最近使用過的文件1.3.3置入、導(dǎo)入與導(dǎo)出圖像文件261.置入文件選擇【文件】/【置入】命令，在打開的“置入”對(duì)話框中選擇所需選項(xiàng)，然后單擊“置入”按鈕，單擊位于工具屬性欄的

按鈕，或者按【Enter】鍵。1.3.3置入、導(dǎo)入與導(dǎo)出圖像文件272.?導(dǎo)入文件使用Photoshop除了可以編輯圖像外，還可以編輯視頻，但Photoshop并不能直接打開視頻文件，此時(shí)，可以將視頻幀導(dǎo)入Photoshop的圖層中。除此之外，還可以導(dǎo)入注釋、WIA支持等內(nèi)容。導(dǎo)入文件的方法是：選擇【文件】/【導(dǎo)入】命令，在打開子菜單中選擇所需選項(xiàng)。1.3.3置入、導(dǎo)入與導(dǎo)出圖像文件283.導(dǎo)出文件選擇【文件】/【導(dǎo)出】命令，在彈出的子菜單中可以完成多種導(dǎo)出任務(wù)。數(shù)據(jù)組作為文件Zoomify路徑到Illustrator渲染視頻1.3.4保存和關(guān)閉圖像文件291.保存圖像文件2.關(guān)閉圖像文件選擇【文件】/【存儲(chǔ)】命令（快捷鍵為【Ctrl＋S】），打開“存儲(chǔ)為”對(duì)話框，在“保存在”下拉列表框中選擇存儲(chǔ)文件的位置；在“文件名”文本框中輸入存儲(chǔ)文件的名稱；在“格式”下拉列表框中選擇存儲(chǔ)文件的格式，然后單擊“保存”按鈕。010203單擊圖像窗口標(biāo)題欄最右端的“關(guān)閉”按鈕選擇【文件】/【關(guān)閉】命令或按【Ctrl+W】組合鍵按【Ctrl+F4】組合鍵1.3.5移動(dòng)與變換圖像301.移動(dòng)圖像移動(dòng)圖像包括在同一圖像文件中移動(dòng)圖像和在不同的圖像文件中移動(dòng)圖像兩種方式。2.變換圖像縮放圖像旋轉(zhuǎn)圖像斜切圖像123扭曲圖像4透視圖像5變形圖像61.3.6復(fù)制、剪切與粘貼圖像31進(jìn)行復(fù)制操作，可按【Ctrl+C】鍵或選擇【編輯】/【拷貝】命令進(jìn)行復(fù)制操作，也可選擇【編輯】/【剪切】命令進(jìn)行剪切操作。然后再按【Ctrl+V】鍵或選擇【編輯】/【粘貼】命令對(duì)復(fù)制或剪切的圖像進(jìn)行粘貼。1.3.7運(yùn)用圖像輔助工具321.?標(biāo)尺選擇【視圖】/【標(biāo)尺】命令或按【Ctrl+R】鍵，即可在打開的圖像文件左側(cè)邊緣和頂部顯示或隱藏標(biāo)尺。在標(biāo)尺左上角的相交處按住鼠標(biāo)左鍵不放，當(dāng)鼠標(biāo)指針變?yōu)槭中螤顣r(shí)拖曳到圖像中的任意位置，釋放鼠標(biāo)，此時(shí)拖曳到的目標(biāo)位置即為標(biāo)尺的x軸和y軸的相交處。1.3.7運(yùn)用圖像輔助工具332.?網(wǎng)格選擇【視圖】/【顯示】/【網(wǎng)格】命令或按【Ctrl+’】鍵，可以在圖像編輯區(qū)中顯示或隱藏網(wǎng)格，按【Ctrl+K】鍵打開“首選項(xiàng)”對(duì)話框，在左側(cè)的列表中選擇“參考線、網(wǎng)格和切片”選項(xiàng)，然后在右側(cè)的“網(wǎng)格”欄中可設(shè)置網(wǎng)格的顏色、樣式、網(wǎng)格線間隔、子網(wǎng)格數(shù)量。1.3.7運(yùn)用圖像輔助工具343.?參考線啟用智能參考線后，參考線會(huì)在需要時(shí)自動(dòng)出現(xiàn)。選擇【視圖】/【顯示】/【智能參考線】命令，再次移動(dòng)圖形時(shí)，將會(huì)觸發(fā)智能效果，自動(dòng)進(jìn)行智能對(duì)齊顯示。創(chuàng)建智能參考線選擇【視圖】/【新建參考線】命令，打開“新建參考線”對(duì)話框，在“取向”欄中選擇參考線取向，如“垂直”，在“位置”文本框中輸入?yún)⒖季€位置，單擊“確定”按鈕，即可在相應(yīng)位置創(chuàng)建一條參考線。創(chuàng)建參考線1.1認(rèn)識(shí)網(wǎng)店美工1.2圖像文件基礎(chǔ)知識(shí)1.3PhotoshopCS6圖像文件基本操作1.4綜合案例—制作寧寧母嬰網(wǎng)店店招1.4綜合案例—制作寧寧母嬰網(wǎng)店店招364.旋轉(zhuǎn)圖像1.新建參考線?2.移動(dòng)圖像3.縮小圖像1.4綜合案例—制作寧寧母嬰網(wǎng)店店招375.打開文件6.保存文件感謝聆聽！學(xué)習(xí)進(jìn)步！Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）第02章

使用選區(qū)

和圖層美化圖像Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）2.1創(chuàng)建與編輯選區(qū)2.2創(chuàng)建與編輯圖層2.3

綜合案例—制作數(shù)據(jù)線全屏Banner2.1.1創(chuàng)建幾何選區(qū)41創(chuàng)建幾何選區(qū)需要使用選框工具，將鼠標(biāo)指針移動(dòng)到工具箱的選框工具上，單擊鼠標(biāo)右鍵或按住鼠標(biāo)左鍵不放，在打開的下拉列表中可選擇需要的工具。1.矩形選框工具2.橢圓選框工具2.1.1創(chuàng)建幾何選區(qū)423.單行、單列選框工具在工具箱中選擇單行選框工具或單列選框工具，在圖像上單擊，即可創(chuàng)建出一個(gè)寬度為1像素的行或列選區(qū)。創(chuàng)建單行選區(qū)創(chuàng)建單列選區(qū)2.1.2創(chuàng)建不規(guī)則選區(qū)431.套索工具2.多邊形套索工具2.1.2創(chuàng)建不規(guī)則選區(qū)443.磁性套索工具磁性套索工具適用于在圖像中沿圖像顏色反差較大的區(qū)域創(chuàng)建選區(qū)。2.1.3創(chuàng)建顏色選區(qū)451.打開素材并復(fù)制圖層2.創(chuàng)建顏色選區(qū)打開“鼠標(biāo).jpg”商品圖像，使用魔棒工具和快速選擇工具創(chuàng)建顏色選區(qū)，并選擇所需的商品圖像后，將其移至背景圖像上，其具體操作如下。2.1.3創(chuàng)建顏色選區(qū)463.再次創(chuàng)建顏色選區(qū)4.粘貼選區(qū)5.縮小圖像2.1.3創(chuàng)建顏色選區(qū)476.反選選區(qū)7.調(diào)整圖像位置和大小8.最終效果2.1.4編輯選區(qū)48當(dāng)創(chuàng)建的選區(qū)不能滿足對(duì)圖像處理的要求時(shí)，可進(jìn)行調(diào)整與編輯。?移動(dòng)選區(qū)反選選區(qū)?變換選區(qū)?填充選區(qū)?描邊選區(qū)平滑選區(qū)擴(kuò)展選區(qū)收縮選區(qū)羽化選區(qū)存儲(chǔ)選區(qū)載入選區(qū)2.1創(chuàng)建與編輯選區(qū)2.2創(chuàng)建與編輯圖層2.3

綜合案例—制作數(shù)據(jù)線全屏Banner2.2.1認(rèn)識(shí)“圖層”面板50“圖層”面板是對(duì)圖層進(jìn)行操作的主要場所，可對(duì)圖層進(jìn)行新建、重命名、存儲(chǔ)、刪除、鎖定和鏈接等操作。選擇【窗口】/【圖層】命令，即可打開如圖所示的“圖層”面板。2.新建文字圖層3.新建填充圖層2.2.2新建圖層51新建圖層時(shí)，首先要新建或打開一個(gè)圖像文件，然后通過“圖層”面板快速創(chuàng)建，也可以通過命令進(jìn)行新建。1.新建普通圖層4.新建形狀圖層5.新建調(diào)整圖層2.2.3復(fù)制與刪除圖層521.復(fù)制圖層2.刪除圖層通過命令刪除通過快捷鍵刪除abc?在“圖層”面板中復(fù)制通過快捷鍵復(fù)制通過菜單命令復(fù)制2.2.4合并與蓋印圖層531.合并圖層2.蓋印圖層合并圖層合并可見圖層拼合圖像向下蓋印蓋印多個(gè)圖層蓋印可見圖層2.2.5對(duì)齊與分布圖層541.調(diào)整置入素材位置前后對(duì)比效果2.分布圖像?下面將制作運(yùn)動(dòng)背包商品詳情頁的顏色欄，使用對(duì)齊和分布圖層功能，以及圖像輔助工具中的標(biāo)尺和參考線工具，調(diào)整商品圖像位置，從而使圖像布局整齊劃一，其具體操作如下。2.2.5對(duì)齊與分布圖層553.對(duì)齊圖像4.描邊選區(qū)5.效果展示2.2.6移動(dòng)與鏈接圖層561.移動(dòng)圖層2.鏈接圖層選擇要移動(dòng)的圖層，選擇【圖層】/【排列】命令，在彈出的子菜單中選擇需要的命令即可移動(dòng)圖層。選擇兩個(gè)或兩個(gè)以上的圖層，在“圖層”面板上單擊“鏈接圖層”按鈕或選擇【圖層】/【鏈接圖層】命令，即可將所選的圖層鏈接起來。2.2.7圖層混合模式57圖層混合模式圖層混合模式是指上一層圖層與下一層圖層的像素進(jìn)行混合，從而得到一種新的圖像效果。單擊“圖層”面板中的

按鈕，在打開的下拉列表中即可選擇需要的模式。2.2.8圖層不透明度58通過設(shè)置圖層的不透明度，可以使圖層產(chǎn)生透明或半透明效果，其方法為：在“圖層”面板選擇圖層，然后在右上方的“不透明度”數(shù)值框中輸入數(shù)值來進(jìn)行設(shè)置，范圍是0%～100%。2.2.9圖層樣式59選擇【圖層】/【圖層樣式】命令，在彈出的子菜單中選擇一種圖層樣式命令，或在“圖層”面板底部單擊“添加圖層樣式”按鈕，在打開的下拉列表中選擇需要?jiǎng)?chuàng)建的樣式選項(xiàng)，或雙擊圖層名稱右側(cè)的空白區(qū)域，Photoshop將打開如圖所示的“圖層樣式”對(duì)話框。2.1創(chuàng)建與編輯選區(qū)2.2創(chuàng)建與編輯圖層2.3綜合案例—制作數(shù)據(jù)線全屏Banner2.3

綜合案例—制作數(shù)據(jù)線全屏Banner611.反選選區(qū)?2.收縮選區(qū)3.羽化選區(qū)2.3

綜合案例—制作數(shù)據(jù)線全屏Banner624.添加“顏色疊加”圖層樣式?5.添加“投影”圖層樣式感謝聆聽！學(xué)習(xí)進(jìn)步！Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）第03章

修飾商品圖像Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）3.1修復(fù)瑕疵3.2修飾細(xì)節(jié)3.3清除背景3.4

綜合案例—制作智能音箱商品主圖3.1.1污點(diǎn)修復(fù)畫筆工具66污點(diǎn)修復(fù)畫筆工具主要用于快速修復(fù)圖像中的斑點(diǎn)或小塊雜物等，可自動(dòng)從修復(fù)區(qū)域的周圍取樣，從而修復(fù)圖像。3.1.2修復(fù)畫筆工具67使用修復(fù)畫筆工具可通過取樣被修復(fù)區(qū)域周圍的像素，將樣本的紋理、光照、透明度及陰影等與所修復(fù)的像素匹配，從而去除照片中的污點(diǎn)和劃痕。3.1.3修補(bǔ)工具681.繪制選區(qū)2.拖曳鼠標(biāo)指針3.去除花朵圖像效果展示打開“牙膏.jpg”商品圖像，使用修補(bǔ)工具去除背景圖像上的花朵圖像，凸顯商品圖像的主體地位，制作首頁商品推薦區(qū)的部分區(qū)域，其具體操作如下。3.1.3修補(bǔ)工具694.修復(fù)突兀區(qū)域5.調(diào)整圖像大小6.完成后的效果3.1.4內(nèi)容感知移動(dòng)工具70利用內(nèi)容感知移動(dòng)工具可以在修復(fù)圖像時(shí)移動(dòng)或擴(kuò)展圖像，使新圖像和原圖像融合的更加自然。3.1.5紅眼工具71利用紅眼工具可以快速去除照片中人物眼晴由于閃光燈引發(fā)的紅色、白色或綠色的反光斑點(diǎn)，但是不能用于位圖、索引顏色和多通道色彩模式的圖像中。3.1.6仿制圖章工具72利用仿制圖章工具可以將圖像編輯區(qū)中的局部圖像或全部圖像復(fù)制到其他圖像中。3.1.7圖案圖章工具73使用圖案圖章工具可以將Photoshop自帶的圖案或自定義的圖案填充到圖像中。3.1修復(fù)瑕疵3.2修飾細(xì)節(jié)3.3清除背景3.4

綜合案例—制作智能音箱商品主圖3.2.1模糊工具75使用模糊工具可以降低圖像中相鄰像素之間的對(duì)比度，從而使圖像產(chǎn)生模糊的效果。3.2.2銳化工具761.涂抹兔子裝飾表面2.涂抹兔子裝飾右耳邊緣處打開“手鐲.jpg”商品圖像，使用銳化工具強(qiáng)化商品圖像的細(xì)節(jié)部分，美化商品圖像，制作詳情頁中的商品參數(shù)圖，其具體操作如下。3.2.2銳化工具774.添加“投影”圖層樣3.涂抹鐲子內(nèi)側(cè)5.完成后的效果3.2.3涂抹工具78涂抹工具用于選取單擊鼠標(biāo)左鍵處的顏色，并沿拖曳鼠標(biāo)指針的方向擴(kuò)張顏色，從而模擬出用手指在未干的畫布上進(jìn)行涂抹的效果，常用于美化毛料制品的商品圖像。3.2.4減淡工具79減淡工具可通過提高圖像的曝光度來提高涂抹區(qū)域的亮度。3.2.5加深工具801.涂抹前后對(duì)比效果2.涂抹陰影區(qū)域打開“拖鞋.jpg”商品圖像，使用加深工具降低拖鞋圖像的背景部分亮度，強(qiáng)化拖鞋圖像的主體地位，然后制作詳情頁中的商品賣點(diǎn)圖，其具體操作如下。3.2.5加深工具813.涂抹高光區(qū)域4.完成后的圖像3.2.6海綿工具82海綿工具可增加或降低圖像的飽和度，即像海綿吸水一樣，為圖像增加或減少光澤感。3.1修復(fù)瑕疵3.2修飾細(xì)節(jié)3.3清除背景3.4

綜合案例—制作智能音箱商品主圖3.3.1橡皮擦工具84橡皮擦工具主要用來擦除當(dāng)前圖像中的顏色。3.3.2背景橡皮擦工具851.使用背景橡皮擦工具擦除背景打開“數(shù)字鬧鐘.jpg”商品圖像，使用背景橡皮擦工具工具擦除背景部分的圖像，然后將剩余圖像制作成PC端Banner，其具體操作如下。3.3.2背景橡皮擦工具862.擦除背景四角殘留部分3.擦除數(shù)字鬧鐘周圍殘留部分3.3.2背景橡皮擦工具874.使用橡皮擦工具擦除鬧鐘邊緣5.調(diào)整圖像大小3.3.3魔術(shù)橡皮擦工具88魔術(shù)橡皮擦工具是一種根據(jù)像素顏色擦除圖像的工具。3.1修復(fù)瑕疵3.2修飾細(xì)節(jié)3.3清除背景3.4綜合案例—制作智能音箱商品主圖3.4

綜合案例——制作智能音箱商品主圖901.涂抹瑕疵3.4

綜合案例——制作智能音箱商品主圖912.銳化圖像3.減淡圖像3.4

綜合案例——制作智能音箱商品主圖924.模糊圖像前后對(duì)比效果3.4

綜合案例——制作智能音箱商品主圖935.添加“描邊”圖層樣式6.添加“投影”圖層樣式感謝聆聽！學(xué)習(xí)進(jìn)步！Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）第04章

商品圖像調(diào)色Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）4.1調(diào)整圖像的明暗度4.2調(diào)整圖像的色彩4.3調(diào)整特殊圖像4.4綜合案例—制作移動(dòng)端網(wǎng)店沖鋒衣Banner4.1.1自動(dòng)色調(diào)/對(duì)比度/顏色97自動(dòng)色調(diào)自動(dòng)對(duì)比度自動(dòng)顏色4.1.2“亮度/對(duì)比度”命令

98使用“亮度/對(duì)比度”命令可以調(diào)整圖像的亮度和對(duì)比度。選擇【圖像】/【調(diào)整】/【亮度/對(duì)比度】命令，在打開的“亮度/對(duì)比度”對(duì)話框中調(diào)整參數(shù)，單擊“確定”按鈕。4.1.3“色階”命令

99使用“色階”命令可以調(diào)整圖像的高光、中間調(diào)及暗調(diào)的強(qiáng)度級(jí)別，校正色調(diào)范圍和色彩平衡，即該命令可以調(diào)整圖像的明暗度、色調(diào)和色彩。選擇【圖像】/【調(diào)整】/【色階】命令或按【Ctrl+L】鍵，可打開“色階”對(duì)話框。4.1.4“曲線”命令

100打開“魔方.jpg”商品圖像，使用“曲線”命令調(diào)整圖像的明暗度，美化商品圖像，再制作該商品的詳情頁焦點(diǎn)圖，其具體操作如下。1.打開圖像文件2.調(diào)整畫面對(duì)比度4.1.4“曲線”命令

1013.調(diào)整紅色亮度4.調(diào)整藍(lán)色亮度5.調(diào)整“RGB”通道的曲線4.1.4“曲線”命令

1026.平滑選區(qū)7.調(diào)整圖像位置和大小8.完成效果展示4.1.5“曝光度”命令

103使用“曝光度”命令調(diào)整“曝光度”“位移”和“灰度系數(shù)校正”可以控制圖像的明亮程度，使圖像變亮或變暗。選擇【圖像】/【調(diào)整】/【曝光度】命令，可打開“曝光度”對(duì)話框4.1.6“陰影/高光”命令

104使用“陰影/高光”命令可以修復(fù)圖像中過亮或過暗的區(qū)域，從而使圖像顯示更多的細(xì)節(jié)。選擇【圖像】/【調(diào)整】/【陰影/高光】命令，可打開“陰影/高光”對(duì)話框。4.1調(diào)整圖像的明暗度4.2調(diào)整圖像的色彩4.3調(diào)整特殊圖像4.4綜合案例—制作移動(dòng)端網(wǎng)店沖鋒衣Banner4.2.1“自然飽和度”命令

106使用“自然飽和度”命令可增加圖像色彩的飽和度，常用于在增加飽和度的同時(shí)，防止色彩過于飽和而出現(xiàn)溢色，適合于處理帶有人物的商品圖像。選擇【圖像】/【調(diào)整】/【自然飽和度】命令，可打開“自然飽和度”對(duì)話框。4.2.2“色相/飽和度”命令

107使用“色相/飽和度”命令可以調(diào)整圖像的色相、飽和度及明度，從而達(dá)到改變圖像色彩的目的。選擇【圖像】/【調(diào)整】/【色相/飽和度】命令或按【Ctrl+U】鍵，可打開“色相/飽和度”對(duì)話框。4.2.3“色彩平衡”命令

108使用“色彩平衡”命令可以在圖像原色的基礎(chǔ)上添加其他色彩，或通過增加某種色彩的補(bǔ)色以減少該色彩的數(shù)量，多用于調(diào)整明顯偏色的圖像。選擇【圖像】/【調(diào)整】/【色彩平衡】命令或按【Ctrl+B】鍵，可打開“色彩平衡”對(duì)話框。4.2.4“照片濾鏡”命令

109使用“照片濾鏡”命令可以模擬傳統(tǒng)光學(xué)濾鏡特效，使圖像呈暖色調(diào)、冷色調(diào)或其他色調(diào)顯示。下面將使用“照片濾鏡”命令調(diào)整獼猴桃商品圖像的色調(diào)，使其在視覺效果上呈現(xiàn)統(tǒng)一的暖色調(diào)，再制作該商品的詳情頁賣點(diǎn)圖，其具體操作如下。1.打開圖像文件2.加強(qiáng)暖色調(diào)4.2.4“照片濾鏡”命令

1103.打開圖像文件4.加強(qiáng)紅色占比5.打開圖像文件6.加強(qiáng)暖色調(diào)4.2.4“照片濾鏡”命令

1117.完成效果展示4.2.5“通道混合器”命令

112使用“通道混合器”命令可以對(duì)圖像不同通道中的顏色進(jìn)行混合，從而達(dá)到改變圖像色彩的目的。選擇【圖像】/【調(diào)整】/【通道混合器】命令，可打開“通道混合器”對(duì)話框。4.1調(diào)整圖像的明暗度4.2調(diào)整圖像的色彩4.3調(diào)整特殊圖像4.4綜合案例—制作移動(dòng)端網(wǎng)店沖鋒衣Banner4.3.1“漸變映射”命令

114使用“漸變映射”命令可使圖像顏色根據(jù)指定的漸變顏色進(jìn)行改變。選擇【圖像】/【調(diào)整】/【漸變映射】命令，可打開“漸變映射”對(duì)話框。4.3.2“可選顏色”命令

115使用“可選顏色”命令可以對(duì)RGB顏色、CMYK顏色及灰度等色彩模式的商品圖像中的某種顏色進(jìn)行調(diào)整，并且不影響其他顏色。選擇【圖像】/【調(diào)整】/【可選顏色】命令，可打開“可選顏色”對(duì)話框。4.3.3“匹配顏色”命令

116使用“匹配顏色”命令可以匹配不同圖像之間、多個(gè)圖層之間或多個(gè)選區(qū)之間的顏色，還可以通過更改圖像的亮度、色彩范圍及中和色調(diào)來調(diào)整圖像的顏色。選擇【圖像】/【調(diào)整】/【匹配顏色】命令，可打開“匹配顏色”對(duì)話框。4.3.4“替換顏色”命令

117打開“手包.jpg”商品圖像，使用“替換顏色”命令調(diào)整手包的色彩，使其變?yōu)橥畈煌纳唐穲D像，便于制作該商品的詳情頁設(shè)計(jì)理念圖，其具體操作如下。2.替換顏色1.復(fù)制手包圖像4.3.4“替換顏色”命令

1183.調(diào)整裝飾品顏色4.調(diào)整第二排左側(cè)手包顏色4.3.4“替換顏色”命令

1195.調(diào)整第二排右側(cè)手包顏色6.完成效果展示4.3.5“色調(diào)分離”命令

120使用“色調(diào)分離”命令可以指定圖像的色調(diào)級(jí)數(shù)，并按此級(jí)數(shù)將圖像的像素映射為最接近的顏色。選擇【圖像】/【調(diào)整】/【色調(diào)分離】命令，可打開“色調(diào)分離”對(duì)話框。4.1調(diào)整圖像的明暗度4.2調(diào)整圖像的色彩4.3調(diào)整特殊圖像4.4綜合案例—制作移動(dòng)端網(wǎng)店沖鋒衣Banner4.4

綜合案例—制作移動(dòng)端網(wǎng)店沖鋒衣Banner

1221.調(diào)整圖像明暗度4.4

綜合案例—制作移動(dòng)端網(wǎng)店沖鋒衣Banner

1232.校正圖像明暗度3.調(diào)整圖像飽和度4.調(diào)整圖像色彩4.4

綜合案例—制作移動(dòng)端網(wǎng)店沖鋒衣Banner

1245.替換模特臉部顏色4.4

綜合案例—制作移動(dòng)端網(wǎng)店沖鋒衣Banner

1256.調(diào)整圖像色調(diào)7.查看最終效果感謝聆聽！學(xué)習(xí)進(jìn)步！Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）第05章

使用圖形和文字

完善網(wǎng)店內(nèi)容Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）5.1使用鋼筆工具組繪制圖形5.2使用形狀工具組繪制圖形5.3使用畫筆工具繪制圖形5.4使用文字工具組添加文字5.5

綜合案例—制作曲奇咔咔脆店標(biāo)5.1.1認(rèn)識(shí)路徑1291.認(rèn)識(shí)路徑元素2.認(rèn)識(shí)“路徑”面板“路徑”面板主要用于存儲(chǔ)和編輯路徑。5.1.2使用鋼筆工具組繪圖

130使用鋼筆工具繪制茶葉網(wǎng)店店標(biāo)，并使用鋼筆工具組內(nèi)其他工具進(jìn)行輔助繪制，其具體操作如下。1.創(chuàng)建第1個(gè)錨點(diǎn)3.調(diào)整曲線走向2.創(chuàng)建第2個(gè)錨點(diǎn)5.1.2使用鋼筆工具組繪圖

1314.創(chuàng)建第3個(gè)錨點(diǎn)6.填充路徑5.閉合路徑7.調(diào)整復(fù)制后的圖形9.效果展示8.輸入文字5.1使用鋼筆工具組繪制圖形5.2使用形狀工具組繪制圖形5.3使用畫筆工具繪制圖形5.4使用文字工具組添加文字5.5

綜合案例—制作曲奇咔咔脆店標(biāo)5.2.1矩形工具

133使用矩形工具可以繪制矩形和正方形。矩形工具屬性欄設(shè)置矩形比例使用矩形工具的效果5.2.2圓角矩形工具

134圓角矩形工具可以繪制出具有圓角效果的矩形，常用于按鈕、復(fù)選框的繪制，其繪制方法與矩形工具相同。5.2.3橢圓工具

135橢圓工具用于創(chuàng)建橢圓和圓形，選擇橢圓工具后，在圖像窗口中單擊并拖動(dòng)鼠標(biāo)即可繪制。5.2.4多邊形工具

136多邊形工具屬性欄多邊形工具用于繪制正多邊形和星形。5.2.5直線工具

137寬度分別為500%和1000%直線工具屬性欄長度分別為200%和500%箭頭尾部向內(nèi)和向外凹陷5.2.6自定形狀工具

138使用“有機(jī)蔬菜.jpg”商品圖像制作該商品的智鉆圖，并使用外部載入的形狀美化智鉆圖，其具體操作如下。1.分析畫面2.設(shè)置填充色3.取消描邊色5.2.6自定形狀工具

1394.載入形狀5.打開“載入”對(duì)話框6.繪制并調(diào)整形狀5.2.6自定形狀工具

1407.設(shè)置填充和描邊8.選擇“花1”選項(xiàng)9.效果展示5.1使用鋼筆工具組繪制圖形5.2使用形狀工具組繪制圖形5.3使用畫筆工具繪制圖形5.4使用文字工具組添加文字5.5

綜合案例—制作曲奇咔咔脆店標(biāo)5.3.1認(rèn)識(shí)畫筆工具

1421.認(rèn)識(shí)畫筆工具屬性欄2.認(rèn)識(shí)畫筆預(yù)設(shè)5.3.2設(shè)置與應(yīng)用畫筆樣式143選擇畫筆工具，單擊屬性欄中的“切換畫筆面板”按鈕，可打開如圖所示的“畫筆”面板，在其中調(diào)整參數(shù)可更改畫筆樣式。5.3.3載入特殊畫筆樣式

144選擇【窗口】/【畫筆預(yù)設(shè)】命令，打開“畫筆預(yù)設(shè)”面板，在其右上角單擊

按鈕，在彈出的快捷菜單中選擇“預(yù)設(shè)管理器”命令，打開“預(yù)設(shè)管理器”窗口，單擊“載入”按鈕，打開“載入”對(duì)話框，選擇要載入的畫筆文件，單擊“載入”按鈕，返回“預(yù)設(shè)管理器”窗口，單擊“完成”按鈕。5.3.4使用畫筆工具

145下面將使用畫筆工具制作牛奶商品的淘寶海報(bào)，整體海報(bào)采用插畫風(fēng)格，因此在置入插畫風(fēng)格的素材后，使用畫筆工具繪制各類裝飾元素，裝扮該淘寶海報(bào)，使畫面風(fēng)格統(tǒng)一，視覺效果美觀，其具體操作步驟如下。1.設(shè)置“紋理”參數(shù)2.設(shè)置“雙重畫筆”參數(shù)3.設(shè)置畫筆5.3.4使用畫筆工具

1464.繪制山脈5.繪制云朵6.設(shè)置畫筆7.繪制陰影5.3.4使用畫筆工具

1478.載入并選擇筆刷9.繪制小草5.1使用鋼筆工具組繪制圖形5.2使用形狀工具組繪制圖形5.3使用畫筆工具繪制圖形5.4使用文字工具組添加文字5.5

綜合案例—制作曲奇咔咔脆店標(biāo)5.4.1認(rèn)識(shí)工具屬性欄

149文字工具組內(nèi)的不同文字工具，其工具屬性欄基本相同，以下為常用的橫排文本工具屬性欄。5.4.2創(chuàng)建文字

150創(chuàng)建點(diǎn)文字創(chuàng)建選區(qū)文字創(chuàng)建段落文字創(chuàng)建路徑文字5.4.3創(chuàng)建變形文字

151將文字轉(zhuǎn)換為路徑文字變形自由變換文字選擇要變形的文字，單擊“創(chuàng)建文字變形”按鈕，打開“變形文字”對(duì)話框，在“樣式”下拉列表框中選擇需要的選項(xiàng)，完成后單擊”確定“按鈕。先柵格化文字圖層，然后選擇【編輯】/【變換】命令，在彈出的子菜單中選擇相應(yīng)的命令，拖曳定界框四周的控制點(diǎn)可對(duì)文字進(jìn)行透視、縮放、旋轉(zhuǎn)、扭曲或變形等操作。在文字圖層上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“轉(zhuǎn)換為形狀”或“創(chuàng)建工作路徑”命令，將文字轉(zhuǎn)換為路徑，然后使用路徑選擇工具或鋼筆工具編輯路徑，可將文字變形。5.4.4使用“字符”面板

152通過文字工具屬性欄只能對(duì)文字的字體、字形和字號(hào)等部分文字屬性進(jìn)行設(shè)置。若要進(jìn)行更詳細(xì)的設(shè)置，可選擇【窗口】/【字符】命令，或者單擊工具屬性欄上的“切換字符和段落面板”按鈕，在打開的“字符”面板中進(jìn)行設(shè)置。5.4.5使用“段落”面板

153下面制作網(wǎng)店詳情頁中的網(wǎng)店介紹圖，通過文字?jǐn)⑹鼍W(wǎng)店實(shí)力，并使用“段落”面板去設(shè)置其中的段落文字，其具體操作如下。1.輸入段落文字3.段后添加空格2.居中對(duì)齊5.4.5使用“段落”面板

1545.效果展示4.輸入其他文字5.1使用鋼筆工具組繪制圖形5.2使用形狀工具組繪制圖形5.3使用畫筆工具繪制圖形5.4使用文字工具組添加文字5.5綜合案例—制作曲奇咔咔脆店標(biāo)5.5

綜合案例—制作曲奇咔咔脆店標(biāo)1561.繪制兩個(gè)橢圓路徑2.編輯路徑3.繪制內(nèi)側(cè)厚度4.繪制外側(cè)厚度5.繪制巧克力碎5.5

綜合案例—制作曲奇咔咔脆店標(biāo)1576.輸入并設(shè)置文字7.設(shè)置畫筆樣式8.繪制裝飾5.繪制巧克力碎感謝聆聽！學(xué)習(xí)進(jìn)步！Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）第06章

使用

通道、蒙版和濾鏡Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）6.1使用通道6.2使用蒙版6.3使用濾鏡6.4

綜合案例6.1.1認(rèn)識(shí)通道和“通道”面板161通道可以分為顏色通道、Alpha通道和專色通道3種類型。圖像文件的色彩模式不同，包含的顏色通道也會(huì)有所不同。??RGB顏色模式圖像的通道??CMYK顏色模式圖像的通道Lab顏色模式圖像的通道灰度模式圖像的通道位圖模式圖像的通道索引模式圖像的通道1.認(rèn)識(shí)通道6.1.1認(rèn)識(shí)通道和“通道”面板162對(duì)通道的操作需要在“通道”面板中進(jìn)行。默認(rèn)情況下，“通道”面板、“圖層”面板和“路徑”面板在同一組面板中，可以直接單擊“通道”選項(xiàng)卡，打開“通道”面板。2.

認(rèn)識(shí)“通道”面板6.1.2創(chuàng)建通道163Alpha通道主要用于保存圖像的選區(qū)，在默認(rèn)情況下新創(chuàng)建的一般通道名稱默認(rèn)為AlphaX（X為按創(chuàng)建順序依次排列的數(shù)字）通道。單擊“通道”面板下方的“創(chuàng)建新通道”按鈕，可新建一個(gè)Alpha通道。1.

創(chuàng)建Alpha通道6.1.2創(chuàng)建通道1642.

創(chuàng)建專色通道專色是指使用一種預(yù)先混合好的顏色替代或補(bǔ)充除了CMYK以外的油墨顏色，如明亮的橙色、綠色、熒光色及金屬金銀色。單擊“通道”面板右上角的

按鈕，在打開的菜單中選擇“新建專色通道”命令，接著在打開的對(duì)話框中設(shè)置名稱、顏色和密度，單擊“確定”按鈕，可得到新建的專色通道。6.1.3編輯通道1651.

復(fù)制和刪除通道通過拖曳鼠標(biāo)指針進(jìn)行刪除通過命令進(jìn)行刪除通過按鈕刪除刪除通道通過拖曳鼠標(biāo)指針進(jìn)行復(fù)制通過命令進(jìn)行復(fù)制復(fù)制通道6.1.3編輯通道1662.

分離和合并通道分離通道合并通道打開需要分離通道的圖像文件，在“通道”面板右上角單擊

按鈕，在彈出的快捷菜單中選擇“分離通道”命令，此Photoshop將對(duì)通道進(jìn)行分離操作。單擊“通道”面板右上角的

按鈕，在彈出的快捷菜單中選擇“合并通道”命令，打開“合并通道”對(duì)話框，在“模式”下拉列表框中選擇合并模式，單擊“確定”按鈕，然后在打開的“合并多通道”對(duì)話框中保持指定通道的默認(rèn)設(shè)置，單擊“下一步”按鈕，單擊出現(xiàn)的“確定”按鈕，完成通道的合并。6.1.4混合通道1671.使用“應(yīng)用圖像”命令將需要混合通道的兩個(gè)圖像放置到一個(gè)圖像文件的不同圖層中，選擇目標(biāo)圖層，選擇【圖像】/【應(yīng)用圖像】命令，打開“應(yīng)用圖像”對(duì)話框，設(shè)置源圖層與通道，設(shè)置混合模式與不透明度，單擊“確定”按鈕。6.1.4混合通道1682.使用“計(jì)算”命令使用“計(jì)算”命令可以將一個(gè)圖像文件或多個(gè)圖像文件中的單個(gè)通道混合起來，選擇圖層，選擇【圖像】/【計(jì)算】命令，打開“計(jì)算”對(duì)話框，設(shè)置源1通道、源2通道和混合模式，單擊“確定”按鈕，生成新的Alpha通道。6.1使用通道6.2使用蒙版6.3使用濾鏡6.4

綜合案例6.2.1認(rèn)識(shí)蒙版和“蒙版”面板1701.?認(rèn)識(shí)蒙版2.認(rèn)識(shí)“蒙版”面板矢量蒙版剪貼蒙版圖層蒙版快速蒙版6.2.2矢量蒙版1711.創(chuàng)建矢量蒙版選擇需要添加矢量蒙版的圖層，使用矢量工具繪制路徑，選擇【圖層】/【矢量蒙版】/【當(dāng)前路徑】命令，基于當(dāng)前路徑創(chuàng)建矢量蒙版。6.2.2矢量蒙版1722.編輯矢量蒙版將矢量蒙版轉(zhuǎn)換為圖層蒙版刪除矢量蒙版鏈接/取消鏈接矢量蒙版?停用矢量蒙版6.2.3剪貼蒙版1731.創(chuàng)建剪貼蒙版剪貼蒙版主要由基底圖層和內(nèi)容圖層組成，是指使用基底圖層的形狀（下層圖層）來限制內(nèi)容圖層（上層圖層）的顯示狀態(tài)。將需要?jiǎng)?chuàng)建剪貼蒙版的圖像圖層移動(dòng)到形狀圖層上方，再選擇圖像所在的圖層，選擇【圖層】/【創(chuàng)建剪貼蒙版】命令或按【Alt+Ctrl+G】鍵，將該圖層與下面的圖層創(chuàng)建為一個(gè)剪貼蒙版。6.2.3剪貼蒙版1742.編輯剪貼蒙版（1）釋放剪貼蒙版選擇【圖層】/【釋放剪貼蒙版】命令或按【Ctrl+Alt+G】鍵通過菜單命令單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“釋放剪貼蒙版”命令

通過快捷菜單按住【Alt】鍵不放，將鼠標(biāo)指針放置到內(nèi)容圖層和基底圖層中間的分割線上，當(dāng)鼠標(biāo)光標(biāo)變?yōu)?/p>

形狀時(shí)單擊鼠標(biāo)左鍵，可釋放剪貼蒙版。通過拖曳鼠標(biāo)指針6.2.3剪貼蒙版1752.編輯剪貼蒙版（2）設(shè)置剪貼蒙版的不透明度和混合模式在“圖層”面板中選擇剪貼蒙版，在“不透明度”數(shù)值框中輸入需要的透明度，在“模式”下拉列表框中選擇需要的混合模式。6.2.4圖層蒙版1761.創(chuàng)建圖層蒙版選擇要?jiǎng)?chuàng)建圖層蒙版的圖層，在“圖層”面板中單擊“添加圖層蒙版”按鈕或選擇【圖層】/【圖層蒙版】/【顯示選區(qū)】命令，為圖像添加圖層蒙版，然后將前景色設(shè)置為黑色，使用畫筆工具在圖像上進(jìn)行涂抹即可。6.2.4圖層蒙版1772.編輯圖層蒙版（1）停用圖層蒙版通過“停用”菜單命令通過“停用圖層蒙版”快捷菜單命令通過“屬性”面板（2）啟用圖層蒙版“通過“啟用”菜單命令通過“屬性”面板（3）刪除圖層蒙版“通過“刪除”菜單命令通過“刪除圖層蒙版”快捷菜單命令6.2.4圖層蒙版1782.編輯圖層蒙版（4）復(fù)制與轉(zhuǎn)移圖層蒙版復(fù)制圖層蒙版轉(zhuǎn)移圖層蒙版將某個(gè)圖層中創(chuàng)建的圖層蒙版復(fù)制到另一個(gè)圖層中，則這兩個(gè)圖層將同時(shí)擁有屬性一致的圖層蒙版。其方法是將鼠標(biāo)指針移動(dòng)到圖層蒙版縮略圖上，按住【Alt】鍵不放，再按住鼠標(biāo)左鍵不放將圖層蒙版拖曳到另一個(gè)圖層上，然后釋放鼠標(biāo)。將某個(gè)圖層中創(chuàng)建的圖層蒙版移動(dòng)到另一個(gè)圖層中，而該圖層中的圖層蒙版將不再存在。其方法是將鼠標(biāo)指針移動(dòng)到圖層蒙版略縮圖上，按住鼠標(biāo)左鍵不放直接將其拖曳到另一個(gè)圖層上，然后釋放鼠標(biāo)。6.2.4圖層蒙版1792.編輯圖層蒙版（5）圖層蒙版與選區(qū)的運(yùn)算在使用圖層蒙版時(shí)，可以通過對(duì)選區(qū)進(jìn)行運(yùn)算來得到復(fù)雜的蒙版。在圖層蒙版縮略圖上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中有以下3個(gè)關(guān)于蒙版與選區(qū)的命令。從選區(qū)中減去蒙版蒙版與選區(qū)交叉添加蒙版到選區(qū)6.2.5快速蒙版180快速蒙版常用于選取復(fù)雜圖像或創(chuàng)建特殊圖像的選區(qū)，是美化商品圖像中常用的蒙版工具。使用“客廳.jpg”圖像文件，以及快速蒙版功能來制作全屋定制商品焦點(diǎn)圖，其具體操作如下。1.創(chuàng)建快速蒙版2.創(chuàng)建選區(qū)3.置入并調(diào)整圖像6.2.5快速蒙版1813.添加“投影”圖層樣式4.完成的效果6.1使用通道6.2使用蒙版6.3使用濾鏡6.4

綜合案例6.3.1認(rèn)識(shí)濾鏡庫183濾鏡庫整合了“扭曲”“畫筆描邊”“素描”“紋理”“藝術(shù)效果”“風(fēng)格化”6類濾鏡效果。選擇【濾鏡】/【濾鏡庫】命令，在打開的“濾鏡庫”對(duì)話框中選擇任意濾鏡效果選項(xiàng)，然后單擊“確定”按鈕即可添加濾鏡。6.3.1認(rèn)識(shí)濾鏡庫1841.風(fēng)格化“風(fēng)格化”濾鏡組可以生成印象派風(fēng)格的圖像效果。濾鏡庫中只有“照亮邊緣”一種風(fēng)格化濾鏡效果，可以照亮圖像邊緣輪廓。2.畫筆描邊12345678成角的線條噴濺噴色描邊墨水輪廓強(qiáng)化的邊緣煙灰墨陰影線深色線條6.3.1認(rèn)識(shí)濾鏡庫1853.扭曲4.素描玻璃海洋波紋擴(kuò)散亮光1234567半調(diào)圖案石膏效果便條紙鉻黃漸變繪圖筆基底凸現(xiàn)粉筆和炭筆891011121314水彩畫紙影印撕邊炭精筆圖章網(wǎng)狀炭筆6.3.1認(rèn)識(shí)濾鏡庫1865.紋理6.藝術(shù)效果龜裂縫紋理化顆粒染色玻璃馬賽克拼貼拼綴圖壁畫彩色鉛筆粗糙蠟筆底紋效果干畫筆海報(bào)邊緣海綿繪畫涂抹膠片顆粒木刻霓虹燈光水彩塑料包裝調(diào)色刀涂抹棒6.3.2應(yīng)用獨(dú)立濾鏡187Photoshop除了提供濾鏡庫來處理圖像外，還提供了“液化”“消失點(diǎn)”“自適應(yīng)廣角”“鏡頭校正”和“油畫”等常用的獨(dú)立濾鏡。打開“柿子.jpg”圖像文件，使用獨(dú)立濾鏡來制作裝飾畫定制詳情頁中的情景展示圖，以便讓消費(fèi)者能夠清楚該商品定制的使用場景，其具體操作如下。1.觀察圖像?2.使用“自適應(yīng)廣角”濾鏡調(diào)整圖像6.3.2應(yīng)用獨(dú)立濾鏡1883.使用“鏡頭校正”濾鏡調(diào)整圖像4.調(diào)整圖像亮度和對(duì)比度6.3.2應(yīng)用獨(dú)立濾鏡1895.使用“油畫”濾鏡調(diào)整圖像6.使用“消失點(diǎn)”濾鏡調(diào)整圖像6.3.3應(yīng)用特效濾鏡190下面將應(yīng)用特效濾鏡來制作直通車的背景圖，從而制作一張完整的月餅直通車，其具體操作如下。1.拼貼圖像2.添加雜色3.扭曲圖像6.3.3應(yīng)用特效濾鏡1914.豐富背景圖像5.模糊圖像6.3.3應(yīng)用特效濾鏡1926.銳化圖像7.完成的效果6.1使用通道6.2使用蒙版6.3使用濾鏡6.4綜合案例6.4.1制作指甲剪套裝詳情頁首焦圖1941.選擇”藍(lán)副本”通道2.涂黑圖像3.創(chuàng)建選區(qū)6.4.1制作指甲剪套裝詳情頁首焦圖1954.調(diào)整矩形方向5.創(chuàng)建剪貼蒙版?6.添加濾鏡6.4.1制作指甲剪套裝詳情頁首焦圖1968.調(diào)整圖像方向9.繪制圓角矩形7.添加“投影”圖層樣式6.4.2制作越野遙控車詳情頁核心賣點(diǎn)圖1971.調(diào)整”藍(lán)副本”通道的黑白對(duì)比度2.創(chuàng)建剪貼蒙版6.4.2制作越野遙控車詳情頁核心賣點(diǎn)圖1984.創(chuàng)建剪貼蒙版3.使用“風(fēng)”濾鏡調(diào)整圖像6.4.2制作越野遙控車詳情頁核心賣點(diǎn)圖1995.置入素材6.涂抹水花感謝聆聽！學(xué)習(xí)進(jìn)步！Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）第07章

切片、批處理與幀動(dòng)畫Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）7.1切片7.2動(dòng)作與批處理圖像7.3

創(chuàng)建幀動(dòng)畫7.4

綜合案例7.1.1切片類型203Photoshop中有兩種切片類型，分別是用戶切片和自動(dòng)切片。其中，用戶切片是指用戶通過切片工具手動(dòng)創(chuàng)建的切片；自動(dòng)切片是指Photoshop自動(dòng)生成的切片。7.1.2

創(chuàng)建切片2041.

切片工具2.

“新建基于圖層的切片”菜單命令選擇切片工具后，按住鼠標(biāo)左鍵不放并在圖像編輯區(qū)上拖曳，完成選區(qū)的繪制。在“圖層”面板中選擇某個(gè)圖層后，選擇【圖層】/【新建基于圖層的切片】命令，可基于該圖層創(chuàng)建切片，該切片會(huì)包含所選圖層中的所有像素。7.1.3編輯切片2051.

切片選擇工具2.

切片的選擇、移動(dòng)、復(fù)制使用切片選擇工具可以對(duì)切片進(jìn)行選擇、調(diào)整堆疊順序、對(duì)齊與分布等操作。選擇切片選擇工具后將顯示如圖所示的工具屬性欄。選擇切片：選擇切片選擇工具，在圖像編輯區(qū)中的切片上單擊鼠標(biāo)左鍵，可直接選擇切片，按住【Shift】鍵的同時(shí)在各個(gè)切片上單擊鼠標(biāo)左鍵，可選擇多個(gè)切片。移動(dòng)切片：選擇切片后，按住鼠標(biāo)左鍵不放并拖曳鼠標(biāo)指針，可沿著軌跡移動(dòng)所選切片。復(fù)制切片：選擇切片，按住【Alt】鍵，當(dāng)鼠標(biāo)指針變?yōu)?/p>

形狀時(shí)按住鼠標(biāo)左鍵不放并拖曳鼠標(biāo)指針，可復(fù)制該切片。7.1.3編輯切片2063.

刪除切片4.

鎖定切片通過按【Delete】鍵或【Backspace】鍵刪除通過【視圖】/【清除切片】命令刪除通過快捷菜單中的“刪除切片”命令刪除當(dāng)圖像中的切片過多時(shí)，可將部分切片鎖定，防止因誤觸而產(chǎn)生錯(cuò)誤操作。選擇【視圖】/【鎖定切片】命令，鎖定選擇的切片。7.1.4保存切片207選擇【文件】/【存儲(chǔ)為Web所用格式】命令，打開“存儲(chǔ)為Web所用格式”對(duì)話框，在其中設(shè)置圖像格式、顏色及大小，完成后單擊“存儲(chǔ)”按鈕，打開“將優(yōu)化結(jié)果存儲(chǔ)為”對(duì)話框，在“格式”下拉列表框中選擇保存的切片格式，輸入文件名稱后，單擊“保存”按鈕保存切片。7.1切片7.2動(dòng)作與批處理圖像7.3

創(chuàng)建幀動(dòng)畫7.4

綜合案例7.2.1認(rèn)識(shí)“動(dòng)作”面板209“動(dòng)作”面板是用于創(chuàng)建、播放、修改和刪除動(dòng)作的區(qū)域。打開該面板的方法為：選擇【窗口】/【動(dòng)作】命令，或按【Alt＋F9】鍵，可打開“動(dòng)作”面板，在其中進(jìn)行動(dòng)作的有關(guān)操作。7.2.2創(chuàng)建與保存動(dòng)作210下面將打開“椅子.jpg”圖像文件，調(diào)整該圖像的色彩，然后創(chuàng)建與保存動(dòng)作，以便對(duì)椅子詳情頁中的其他商品圖像進(jìn)行調(diào)整，其具體操作如下。1.單擊“創(chuàng)建新組”按鈕2.新建組7.2.2創(chuàng)建與保存動(dòng)作2113.新建動(dòng)作4.設(shè)置亮度/對(duì)比度5.設(shè)置自然飽和度6.設(shè)置照片濾鏡7.2.2創(chuàng)建與保存動(dòng)作2122.新建組7.設(shè)置色相/飽和度8.完成動(dòng)作錄制9.選擇“存儲(chǔ)動(dòng)作”命令?10.保存動(dòng)作7.2.3批處理圖像2131.使用“批處理”命令打開需要批處理的所有圖像文件或?qū)⑺形募苿?dòng)到相同的文件夾中，選擇【文件】/【自動(dòng)】/【批處理】命令，打開“批處理”對(duì)話框。7.2.3批處理圖像2142.創(chuàng)建快捷批處理方式7.1切片7.2動(dòng)作與批處理圖像7.3創(chuàng)建幀動(dòng)畫7.4

綜合案例7.3.1認(rèn)識(shí)“時(shí)間軸”面板216“時(shí)間軸”面板有兩種模式，分別是“視頻時(shí)間軸”模式和“幀動(dòng)畫”模式。選擇“幀動(dòng)畫”模式的方法為：選擇【窗口】/【時(shí)間軸】命令，打開“時(shí)間軸”面板，單擊面板上的“創(chuàng)建幀動(dòng)畫”按鈕，切換為“幀動(dòng)畫”模式，然后在其中進(jìn)行一系列的操作，制作出幀動(dòng)畫，如圖所示。7.3.2創(chuàng)建、選擇與導(dǎo)出幀動(dòng)畫217下面將使用制作好的“義苒家居店招.psd”文件，將其制作成幀動(dòng)畫，展示出動(dòng)態(tài)的效果，其具體操作如下。1.拆解文字?2.復(fù)制幀7.3.2創(chuàng)建、選擇與導(dǎo)出幀動(dòng)畫2183.調(diào)整第1幀畫面?6.設(shè)置動(dòng)畫循環(huán)4.調(diào)整第2幀~第5幀畫面5.設(shè)置幀延遲時(shí)間7.3.2創(chuàng)建、選擇與導(dǎo)出幀動(dòng)畫2197.導(dǎo)出幀動(dòng)畫7.3.3編輯動(dòng)畫幀220在幀動(dòng)畫的制作過程中，經(jīng)常需要對(duì)幀進(jìn)行跳轉(zhuǎn)修改和編輯。單擊”時(shí)間軸“面板右上角的

按鈕，在彈出的快捷菜單里選擇相應(yīng)的命令，如圖所示，即可編輯幀。7.1切片7.2動(dòng)作與批處理圖像7.3創(chuàng)建幀動(dòng)畫7.4綜合案例7.4.1切片家居網(wǎng)店首頁2222.創(chuàng)建切片1.創(chuàng)建參考線7.4.1切片家居網(wǎng)店首頁2233.設(shè)置名稱4.劃分切片5.查看效果7.4.2制作香囊動(dòng)態(tài)首焦圖2241.調(diào)整第1幀畫面2.調(diào)整第2幀畫面3.添加過渡幀7.4.2制作香囊動(dòng)態(tài)首焦圖2254.設(shè)置動(dòng)畫播放循環(huán)5.查看效果感謝聆聽！學(xué)習(xí)進(jìn)步！Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）第08章

ITMC網(wǎng)店裝修實(shí)戰(zhàn)Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）8.1ITMC網(wǎng)店設(shè)計(jì)基礎(chǔ)及要點(diǎn)8.2PC端時(shí)尚飾品類網(wǎng)店設(shè)計(jì)8.3移動(dòng)端休閑零食類網(wǎng)店設(shè)計(jì)8.1.1店標(biāo)設(shè)計(jì)基礎(chǔ)及要點(diǎn)229在ITMC中，店標(biāo)設(shè)計(jì)需遵循一定的原則。選擇合適的店標(biāo)素材凸顯店鋪的獨(dú)特性質(zhì)讓店標(biāo)過目不忘統(tǒng)一性常見店鋪類型的尺寸和要求分別如下。PC電商網(wǎng)店店招要求：制作尺寸為230像素×70像素，大小不超過150KB。移動(dòng)電商網(wǎng)店店招要求：制作尺寸為100像素×100像素，大小不超過80KB?？缇畴娚叹W(wǎng)店店招要求：制作尺寸為230像素×70像素，大小不超過150KB。8.1.2店招設(shè)計(jì)基礎(chǔ)及要點(diǎn)230店招，即店鋪的招牌，位于店鋪首頁最頂端，用來對(duì)店鋪進(jìn)行定位。就ITMC考試而言，只有移動(dòng)電商店鋪才需要制作店招，制作時(shí)要求尺寸為642×200像素，大小不超過200KB。在設(shè)計(jì)店招時(shí)也要遵循以下4個(gè)設(shè)計(jì)要點(diǎn)1234適合性流行性廣告性風(fēng)格鮮明、獨(dú)特8.1.3首頁設(shè)計(jì)基礎(chǔ)及要點(diǎn)231網(wǎng)店美工在設(shè)計(jì)首頁時(shí)，不但需要讓其擁有較強(qiáng)的視覺吸引力，還要按照首頁結(jié)構(gòu)合理布局各個(gè)板塊，使消費(fèi)者產(chǎn)生點(diǎn)擊的欲望，從而促進(jìn)銷售。網(wǎng)店美工可參考以下4個(gè)設(shè)計(jì)要點(diǎn)。1234風(fēng)格統(tǒng)一版塊裝飾化布局合理?信息清晰8.1.4Banner設(shè)計(jì)基礎(chǔ)及要點(diǎn)232蒙版式對(duì)稱式傾斜式四角式重心式左右式上下式滿版式不同端口的Banner，其尺寸和大小要求不同。PC電商網(wǎng)店Banner要求：制作尺寸為727像素×416像素，大小不超過150KB。移動(dòng)電商網(wǎng)店Banner要求：制作尺寸為608像素×304像素，大小不超過150KB?？缇畴娚叹W(wǎng)店Banner要求：制作尺寸為980像素×300像素，大小不超過150KB。Banner的設(shè)計(jì)重點(diǎn)在于畫面的構(gòu)圖樣式，常見的構(gòu)圖樣式有以下8種。8.1.5主圖設(shè)計(jì)基礎(chǔ)及要點(diǎn)233不同端口的主圖，其尺寸和大小要求不同。PC電商網(wǎng)店主圖要求：制作尺寸為800像素×800像素，大小不超過200KB。移動(dòng)電商網(wǎng)店主圖要求：制作尺寸為600像素×600像素，大小不超過200KB?？缇畴娚叹W(wǎng)店主圖要求：制作尺寸為800像素×800像素，大小不超過200KB。網(wǎng)店美工在制作時(shí)，可以從以下5個(gè)方面入手，來幫助自身規(guī)劃設(shè)計(jì)思路。?選擇主圖圖片?設(shè)計(jì)圖片場景?選擇背景顏色?添加促銷信息添加水印8.1.6詳情頁設(shè)計(jì)基礎(chǔ)及要點(diǎn)234因移動(dòng)端受到設(shè)備的限制，制作時(shí)要求頁面所有圖片總大小不能超過1536KB；圖片建議寬度為480～620像素、高度不超過960像素；當(dāng)在圖片上添加文字時(shí)，中文字體≥30號(hào)字，英文和阿拉伯?dāng)?shù)字≥20號(hào)字；若添加文字內(nèi)容較多，可使用純文本的方式編輯。詳情頁內(nèi)容構(gòu)建思路如下圖所示。8.1.6詳情頁設(shè)計(jì)基礎(chǔ)及要點(diǎn)235激發(fā)消費(fèi)者購物興趣最簡單的方法就是塑造商品的實(shí)用價(jià)值，這就需要網(wǎng)店美工站在消費(fèi)者的角度去思考，通過深入分析消費(fèi)者的購物行為，從中提煉出消費(fèi)者最關(guān)心的問題，從而找出打動(dòng)消費(fèi)者的痛點(diǎn)，最后再將這個(gè)痛點(diǎn)以醒目的形式展示在商品詳情信息的最上方。1.激發(fā)消費(fèi)者興趣8.1.6詳情頁設(shè)計(jì)基礎(chǔ)及要點(diǎn)236商品賣點(diǎn)應(yīng)該體現(xiàn)出商品的獨(dú)特性和差異性，獨(dú)特性就是指商品獨(dú)一無二、不可復(fù)制的特點(diǎn)；差異性是指與同類商品之間的區(qū)別。一個(gè)完整的商品應(yīng)該包括核心商品、形式商品、延伸商品3個(gè)層次，商品的獨(dú)特性和差異性可從這些層次中體現(xiàn)。2.展示商品賣點(diǎn)8.1.6詳情頁設(shè)計(jì)基礎(chǔ)及要點(diǎn)237商品品質(zhì)是對(duì)商品信息的詳細(xì)展示，功能、性能、工藝、參數(shù)、材質(zhì)、細(xì)節(jié)、性價(jià)比等內(nèi)容都是商品品質(zhì)的展示內(nèi)容。在展示商品品質(zhì)時(shí)，以圖片為主，文案為輔，注意詳情頁的整體視覺效果，突出商品本身。3.展示商品品質(zhì)8.1.6詳情頁設(shè)計(jì)基礎(chǔ)及要點(diǎn)238為打消消費(fèi)者疑慮，可在詳情頁中添加商品資質(zhì)證書、品牌實(shí)力、防偽查詢、售后服務(wù)、包裝展示、消費(fèi)者評(píng)價(jià)、消費(fèi)保障等版塊。4.打消消費(fèi)者疑慮8.1.6詳情頁設(shè)計(jì)基礎(chǔ)及要點(diǎn)239營造緊迫感的方法有很多，如在詳情頁中添加優(yōu)惠信息、贈(zèng)品，講解商品形成不易，或者商品工藝為瀕臨失傳的技術(shù)等信息，但一定要注意寫清規(guī)則，實(shí)事求是，不可弄虛作假，夸大其詞，避免產(chǎn)生糾紛。5.營造購物緊迫感8.1ITMC網(wǎng)店設(shè)計(jì)基礎(chǔ)及要點(diǎn)8.2PC端時(shí)尚飾品類網(wǎng)店設(shè)計(jì)8.3移動(dòng)端休閑零食類網(wǎng)店設(shè)計(jì)8.2.1店標(biāo)設(shè)計(jì)2411.添加“漸變疊加”圖層樣式本考試中網(wǎng)店的名稱為“玫瑰森林RoseForest”，在設(shè)計(jì)時(shí)不但要體現(xiàn)網(wǎng)店所售賣的商品，還需要對(duì)名稱進(jìn)行美化與展現(xiàn)，其具體設(shè)計(jì)步驟如下。3.調(diào)整文字形狀?2.輸入文字8.2.1店標(biāo)設(shè)計(jì)2424.繪制裝飾圓5.PC端網(wǎng)店店標(biāo)8.2.2Banner設(shè)計(jì)243本試題提供了時(shí)尚風(fēng)格的項(xiàng)鏈商品圖像，要求制作“玫瑰森林RoseForest”網(wǎng)店首頁所需的Banner，其具體設(shè)計(jì)步驟如下。1.創(chuàng)建圖層蒙版并涂抹圖像3.涂抹商品圖像2.涂抹第2層背景圖像8.2.2Banner設(shè)計(jì)2444.替換影子顏色6.繪制裝飾6.輸入并設(shè)置文字5.添加照片濾鏡8.2.3主圖設(shè)計(jì)245本例將為項(xiàng)鏈制作PC端商品主圖，其具體操作如下。1.調(diào)整亮度和對(duì)比度?2.添加店標(biāo)3.輸入文字8.2.3主圖設(shè)計(jì)2464.添加“投影”圖層樣式6.輸入其他文字5.效果展示8.2.3主圖設(shè)計(jì)2477.繪制形狀9.粘貼文字圖層樣式8.粘貼圖層樣式并輸入文字8.2.3主圖設(shè)計(jì)24810.第2張主圖效果11.第3張和第4張主圖效果8.2.4詳情頁設(shè)計(jì)249本例主要為項(xiàng)鏈制作詳情頁，在制作過程中，考生可先制作焦點(diǎn)圖，再通過產(chǎn)品圖、亮點(diǎn)圖、實(shí)拍圖等版塊進(jìn)行詳細(xì)展現(xiàn)，其具體操作如下。1.繪制花朵形狀2.焦點(diǎn)圖效果3.參數(shù)圖效果8.2.4詳情頁設(shè)計(jì)2504.亮點(diǎn)部分效果5.裁剪圖片8.2.4詳情頁設(shè)計(jì)2516.實(shí)拍圖效果8.1ITMC網(wǎng)店設(shè)計(jì)基礎(chǔ)及要點(diǎn)8.2PC端時(shí)尚飾品類網(wǎng)店設(shè)計(jì)8.3移動(dòng)端休閑零食類網(wǎng)店設(shè)計(jì)8.3.1店標(biāo)設(shè)計(jì)253本考試中的品牌名稱為“山青”，在設(shè)計(jì)時(shí)不但要體現(xiàn)腰果顆粒飽滿的特點(diǎn)，還要對(duì)名稱進(jìn)行美化與展現(xiàn)。本例將設(shè)計(jì)移動(dòng)端網(wǎng)店店標(biāo)，其具體操作如下。1.繪制腰果2.繪制腰果陰影3.繪制其他腰果8.3.1店標(biāo)設(shè)計(jì)2544.繪制葉子5.輸入文字?6.效果展示8.3.2店招設(shè)計(jì)255本例將制作“山青”網(wǎng)店的店招，通過形狀工具組配合橫排文字工具添加店招內(nèi)的元素，并使用調(diào)整色彩命令美化腰果圖像，最后添加制作好的店標(biāo)構(gòu)成完整的畫面，其具體操作如下。1.粘貼選區(qū)圖像2.校正圖像明暗度8.3.2店招設(shè)計(jì)2563.繪制裝飾線4.輸入文字5.繪制裝飾元素6.完成后的效果8.3.3Banner設(shè)計(jì)257本例將為腰果設(shè)計(jì)Banner，在設(shè)計(jì)時(shí)，學(xué)員可先摳取腰果圖像，并將其與提供的背景素材結(jié)合搭建場景，再通過裝飾物豐富畫面，接著添加文字，布局為左文右圖的經(jīng)典排版，最后添加制作好的店標(biāo)，再統(tǒng)一色調(diào)，強(qiáng)化整體畫面的統(tǒng)一性，其具體操作如下。1.創(chuàng)建選區(qū)2.調(diào)整自然飽和度3.銳化和加深圖像8.3.3Banner設(shè)計(jì)2584.添加裝飾?5.輸入文字6.繪制矩形7.完成后的效果8.3.4主圖設(shè)計(jì)259ITMC考試要求考生制作4張尺寸為600像素×600像素的移動(dòng)端主圖。腰果作為堅(jiān)果類的一員，具有易消化、降血脂的優(yōu)點(diǎn)。在制作主圖時(shí)需要先分析賣點(diǎn)，然后將其重點(diǎn)突出，以吸引消費(fèi)者點(diǎn)擊。其具體操作如下。1.創(chuàng)建選區(qū)2.搭建場景3.繪制陰影8.3.4主圖設(shè)計(jì)2604.調(diào)整圖層屬性5.輸入文字6.修改文字7.繪制裝飾8.豐富畫面9.效果展示8.3.4主圖設(shè)計(jì)26110.第2張主圖效果11.第3張主圖效果12.第4張主圖效果8.3.5詳情頁設(shè)計(jì)262考生在制作詳情頁時(shí)，可根據(jù)Banner、主圖中使用的顏色，進(jìn)行整體顏色的策劃，再制作焦點(diǎn)圖、詳細(xì)參數(shù)、商品賣點(diǎn)、商品亮點(diǎn)和商品優(yōu)勢等版塊詳細(xì)介紹商品。本例延續(xù)腰果商品作為主體商品制作詳情頁，其具體操作如下。1.調(diào)整文字2.添加裝飾3.焦點(diǎn)圖效果8.3.5詳情頁設(shè)計(jì)2635.加粗文字6.繪制剪貼蒙版形狀7.品質(zhì)圖效果4.商品參數(shù)圖像8.3.5詳情頁設(shè)計(jì)26411.創(chuàng)建剪貼蒙版?8.繪制圓角矩形9.調(diào)整文字10.亮點(diǎn)圖1效果8.3.5詳情頁設(shè)計(jì)26512.特點(diǎn)圖2效果13.創(chuàng)建剪貼蒙版14.優(yōu)勢圖展示感謝聆聽！學(xué)習(xí)進(jìn)步！Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）第09章

ITMC網(wǎng)店開設(shè)與裝修實(shí)訓(xùn)軟件Photoshop網(wǎng)店美工與網(wǎng)店裝修（微課版）9.1系統(tǒng)登錄操作說明9.2PC端店鋪裝修9.3移動(dòng)端店鋪裝修9.4跨境端店鋪裝修9.1.1登錄競賽平臺(tái)269在瀏覽器地址欄中輸入登錄系統(tǒng)登錄網(wǎng)址，可以打開系統(tǒng)，點(diǎn)擊進(jìn)入比賽欄目，出現(xiàn)登錄界面。9.1.2用戶登錄270在登錄頁面中輸入教師分配的用戶名和初始密碼，單擊“立即登錄”按鈕即可進(jìn)入比賽系統(tǒng)。9.1.2用戶登錄271為了防止店鋪信息被篡改，可先修改店鋪的登錄密碼。修改登錄密碼操作步驟如下。1.展開系統(tǒng)菜單2.密碼修改頁面9.1系統(tǒng)登錄操作說明9.2PC端店鋪裝修9.3移動(dòng)端店鋪裝修9.4跨境端店鋪裝修9.2.1店鋪裝修比賽說明273店鋪裝修比賽說明比賽資源下載9.2.2網(wǎng)店開設(shè)274比賽資源下載完后，單擊頁面下方的“網(wǎng)店開設(shè)”按鈕，即可進(jìn)入店鋪開設(shè)環(huán)節(jié)，然后按照系統(tǒng)流程先開設(shè)店鋪，設(shè)置店鋪信息，包括店主姓名、身份證號(hào)、身份證復(fù)印件、銀行賬號(hào)、店鋪名稱、店鋪主營、店鋪特色、營業(yè)執(zhí)照、店鋪分類，其中標(biāo)*的選項(xiàng)為必填項(xiàng)，如圖所示。9.2.3店標(biāo)設(shè)計(jì)275單擊“瀏覽”按鈕，選擇要上傳的店鋪Logo。單擊“上傳”按鈕，把店鋪Logo上傳到服務(wù)器。單擊“查看已上傳店鋪logo”按鈕，可以查看店鋪Logo上傳后的效果。根據(jù)上傳要求，將設(shè)計(jì)好的店鋪Logo上傳，其具體操作如下。9.2.4網(wǎng)店Banner設(shè)計(jì)276店鋪Logo上傳成功后，單擊“下一步”按鈕即可進(jìn)入上傳網(wǎng)店Banner環(huán)節(jié)，其方法為：單擊Banner1后面的“瀏覽”按鈕，選擇要上傳的Banner1，然后單擊“上傳”按鈕，把Banner1上傳到服務(wù)器，單擊“查看已上傳Banner1”按鈕，即可查看Banner1上傳后的效果。重復(fù)上述步驟，上傳Banner2、Banner3和Banner4。9.2.5詳情頁設(shè)計(jì)2771.

詳情頁設(shè)計(jì)—初始設(shè)置初始設(shè)置包括商品圖片管理、商品分類管理和店鋪品牌管理，如圖所示。9.2.5詳情頁設(shè)計(jì)278