《網(wǎng)店美工》高職 全套教學課件

網(wǎng)店美工全套可編輯PPT課件項目一認識Photoshop軟件·知識目標·技能目標·素質(zhì)目標熟悉Photoshop軟件的工作界面。（1）熟練運用Photoshop軟件的工作界面。（2）理解圖層的含義。（1）培養(yǎng)做事細心、耐心的行為習慣。（2）培養(yǎng)自主學習的能力。01Photoshop軟件界面認識任務(wù)一Photoshop軟件界面認識一、案例引入及相關(guān)知識我們在上網(wǎng)購物的時候會發(fā)現(xiàn)商品的圖片通常十分美觀，還有一些圖片上有營銷的文字信息。產(chǎn)品在圖片氛圍和文案的襯托下更加吸引人，能引起我們的購買欲望。那這些美化的圖片、精心設(shè)計的產(chǎn)品照片都是用什么工具完成的呢？電商網(wǎng)站的圖片美化，照相館的攝影照片后期修圖，路邊廣告牌的海報設(shè)計……這些圖片的設(shè)計美化，大多是設(shè)計師們用Photoshop軟件完成的。Photoshop軟件是一款專門用來處理圖像的工具，我們可以使用這款工具針對圖像進行各種修飾、美化，以達到自己想要的效果。二、資源準備任務(wù)一Photoshop軟件界面認識三、實踐操作實踐操作1-1:Photoshop軟件界面認識1.任務(wù)要求（1）認識軟件工作界面。（2）熟悉常用工具。（3）熟悉圖層樣式。2.實施步驟步驟1雙擊桌面上的Photoshop圖標，打開軟件。步驟2單擊“新建”按鈕，如圖1-1所示，彈出新建窗口，高度和寬度均設(shè)置為800像素，分辨率為72像素/英寸，顏色模式為RGB顏色，然后單擊“創(chuàng)建”按鈕，如圖1-2所示。工作界面如圖1-3所示。（1）菜單欄：幾乎包括Photoshop中所有的功能。（2）工具箱：包括Photoshop中所有的工具。（3）屬性欄：當選擇不同工具的時候，會出現(xiàn)不同的屬性。（4）圖層窗口：顯示操作步驟。（5）畫板：操作區(qū)域。任務(wù)一Photoshop軟件界面認識三、實踐操作實踐操作1-1:Photoshop軟件界面認識圖1-1新建畫板任務(wù)一Photoshop軟件界面認識三、實踐操作實踐操作1-1:Photoshop軟件界面認識圖1-2畫板參數(shù)設(shè)置任務(wù)一Photoshop軟件界面認識三、實踐操作實踐操作1-1:Photoshop軟件界面認識圖1-3工作界面任務(wù)一Photoshop軟件界面認識三、實踐操作實踐操作1-1:Photoshop軟件界面認識圖1-4工具箱步驟3將鼠標放在工具箱的某一工具上方，系統(tǒng)將顯示該工具名稱。如果工具的右下角有三角符號，就表示它是組合工具，右擊或長按三角符號，就會顯示包含的其他所有工具，如圖1-4所示。任務(wù)一Photoshop軟件界面認識三、實踐操作實踐操作1-1:Photoshop軟件界面認識圖1-5復(fù)位基本功能步驟4界面的右側(cè)是一些活動面板，包括圖層、屬性、顏色、歷史記錄等，這些活動面板可縮小、關(guān)閉或者隨意挪動。所有被關(guān)閉的活動面板，都可以在窗口里找到使之再出現(xiàn)。如果覺得被隨意挪動的活動面板使界面變得凌亂，我們可以通過一個操作迅速將界面恢復(fù)到默認設(shè)置，即執(zhí)行菜單欄命令“窗口”→“工作區(qū)”→“復(fù)位基本功能”，如圖1-5所示。02圖層認識——檸檬主圖制作任務(wù)二圖層認識——檸檬主圖制作一、案例引入及相關(guān)知識我們通過觀察檸檬主圖（圖1-6）來理解Photoshop中圖層的含義，掌握Photoshop軟件的基本操作流程。圖層是Photoshop中最基本也是最重要的概念之一。圖層我們可以理解為一張一張上下疊起來的透明紙，沒有繪制內(nèi)容的區(qū)域是透明的，透過透明區(qū)可以看到下面圖層的內(nèi)容，將在每一個圖層上繪制的內(nèi)容疊加起來就構(gòu)成了一幅完整的圖像。二、資源準備圖1-6檸檬主圖任務(wù)二圖層認識——檸檬主圖制作三、實踐操作實踐操作2-1：圖層認識——檸檬主圖制作1.任務(wù)要求（1）完成檸檬主圖的制作。（2）熟悉軟件的工作界面、操作基本流程以及圖層的含義。2.實施步驟步驟1雙擊桌面上的Photoshop圖標打開Photoshop軟件，單擊“打開”按鈕，如圖1-7所示。選擇素材文件夾中的“背景.jpg”，效果如圖1-8所示。圖1-7單擊“打開”按鈕任務(wù)二圖層認識——檸檬主圖制作三、實踐操作實踐操作2-1：圖層認識——檸檬主圖制作圖1-8打開素材任務(wù)二圖層認識——檸檬主圖制作三、實踐操作實踐操作2-1：圖層認識——檸檬主圖制作圖1-9放置素材步驟2使用工具箱中的移動工具分別拖入素材文件“檸檬”“文字”“葉子”放置于背景畫板上方。按Enter鍵確定置入圖像，如圖1-9所示。任務(wù)二圖層認識——檸檬主圖制作三、實踐操作實踐操作2-1：圖層認識——檸檬主圖制作圖1-10圖層上下關(guān)系步驟3

使用移動工具移動背景畫板上的“葉子”“文字”“檸檬”三個圖層至合適位置，圖層的上下遮擋關(guān)系調(diào)整，只需在“圖層”面板中選中要調(diào)整位置的圖層，然后按住鼠標左鍵不放，將其拖至指定位置并釋放鼠標左鍵即可，如圖1-10所示。任務(wù)二圖層認識——檸檬主圖制作三、實踐操作實踐操作2-1：圖層認識——檸檬主圖制作圖1-11自由變換步驟4

選擇移動工具，單擊“文字”圖層。選中該圖層后，執(zhí)行菜單欄命令“編輯”→“自由變換”（Ctrl+T），如圖1-11所示。圖像的周圍出現(xiàn)變換框，將光標移至四周任意一個控制點上，按住鼠標左鍵不放拖動即可放大或縮小該圖像?？s放至合適大小，松開鼠標，按Enter鍵確定。最終效果如圖1-12所示。任務(wù)二圖層認識——檸檬主圖制作三、實踐操作實踐操作2-1：圖層認識——檸檬主圖制作圖1-12檸檬主圖最終效果任務(wù)二圖層認識——檸檬主圖制作三、實踐操作實踐操作2-1：圖層認識——檸檬主圖制作圖1-13存儲為步驟5執(zhí)行菜單欄命令“文件”→“存儲為”，如圖1-13所示，存儲時注意定義文件名稱、文件存儲的位置以及文件的格式。文件名稱：自定；位置：自定；格式：psd（源文件）/jpeg（圖片）。保存完成后就可在保存的文件夾中找到該文件的源文件和圖片。網(wǎng)店美工項目二商品賣點圖制作·知識目標·技能目標·素質(zhì)目標（1）掌握商品賣點圖的設(shè)計要點、具體設(shè)計步驟。（2）掌握Photoshop軟件中的形狀工具以及圖層樣式的使用。（1）根據(jù)需要設(shè)計制作出商品賣點圖。（2）熟練使用Photoshop中的相關(guān)工具。培養(yǎng)理論聯(lián)系實際的創(chuàng)新能力。01精油賣點圖制作任務(wù)一精油賣點圖制作一、案例引入及相關(guān)知識消費者在購買商品時，除了注重商品的美觀性外，還十分注重商品的實用性，所以我們需要制作商品的功能展示圖。這個過程中既要保證圖像的美觀性，又要突出商品的賣點、特征，以此來刺激消費者的購買欲望。二、資源準備三、實踐操作實踐操作2-1：精油賣點圖制作1.任務(wù)要求（1）圖片設(shè)計尺寸：750×600像素，分辨率：72像素/英寸，顏色模式：RGB顏色。（2）產(chǎn)品賣點突出。任務(wù)一精油賣點圖制作步驟1打開Photoshop軟件，新建大小為750×600像素，分辨率為72像素/英寸，名稱為“精油賣點圖”的文件，操作步驟如圖2-1所示。三、實踐操作實踐操作2-1：精油賣點圖制作圖2-1新建畫板“精油賣點圖”的操作步驟任務(wù)一精油賣點圖制作步驟2使用工具箱中的移動工具拖入素材文件“精油.png”，放置在畫板左方，如圖2-2所示。三、實踐操作實踐操作2-1：精油賣點圖制作圖2-2拖入素材文件“精油.png”任務(wù)一精油賣點圖制作步驟3在“圖層”面板中，雙擊“精油”圖層，彈出“圖層樣式”窗口，勾選“投影”前的復(fù)選框，在右側(cè)調(diào)整投影參數(shù)，不透明度：59%，角度：135度，距離：3像素，擴展：0%，大?。?像素，如圖2-3所示。三、實踐操作實踐操作2-1：精油賣點圖制作圖2-3設(shè)置“精油”圖層投影任務(wù)一精油賣點圖制作步驟4選擇矩形工具,在屬性欄中設(shè)置填充為白色（#ffffff），描邊為關(guān)閉，按住鼠標左鍵不放，在圖像窗口中繪制與畫板大小一致的矩形，如圖2-4所示。三、實踐操作實踐操作2-1：精油賣點圖制作圖2-4繪制白色矩形任務(wù)一精油賣點圖制作步驟5在“圖層”面板中雙擊“矩形1”圖層，彈出“圖層樣式”窗口，在左側(cè)勾選“內(nèi)陰影”前的復(fù)選框，在右側(cè)調(diào)整內(nèi)陰影參數(shù)，混合模式：正片疊底，顏色為#bd7b40，不透明度：82%，角度：120度，距離：9像素，阻塞：5%，大?。?1像素，如圖2-5所示，然后單擊“確定”按鈕。三、實踐操作實踐操作2-1：精油賣點圖制作圖2-5設(shè)置“矩形1”圖層內(nèi)陰影任務(wù)一精油賣點圖制作步驟6在“圖層”面板上方將“正常”改為“正片疊底”，如圖2-6所示。三、實踐操作實踐操作2-1：精油賣點圖制作圖2-6正片疊底1任務(wù)一精油賣點圖制作步驟7在工具箱中選擇文字工具，在畫板上方輸入“5大優(yōu)勢，讓肌膚水潤光澤”文案，文本格式為方正中粗雅宋、45點、#ba5e0d。再輸入“有效保濕抗衰老，讓肌膚恢復(fù)健康光澤”文案，文本格式為宋體、20點、#ba5e0d，如圖2-7所示。三、實踐操作實踐操作2-1：精油賣點圖制作圖2-7輸入文案1任務(wù)一精油賣點圖制作步驟8在工具箱中選擇橢圓工具，按住Shift鍵，繪制正圓，顏色：#724329，如圖2-8所示。三、實踐操作實踐操作2-1：精油賣點圖制作圖2-8繪制正圓1任務(wù)一精油賣點圖制作步驟9在工具箱中選擇圓角矩形工具，繪制圓角矩形，顏色：#a76130。選擇文字工具，輸入“天然健康不油膩，清爽一整天”文案，文本格式為方正中粗雅宋、20點、白色（#ffffff），再選擇文字工具，輸入“1”文案，將文案分別放置在圓角矩形和圓形上方，效果如圖2-9所示。三、實踐操作實踐操作2-1：精油賣點圖制作圖2-9輸入文案2任務(wù)一精油賣點圖制作步驟10在工具箱中選擇移動工具，選中優(yōu)勢1相關(guān)圖層，按住Alt鍵，鼠標拖出復(fù)制該4個圖層，重復(fù)4次，以復(fù)制4組優(yōu)勢。調(diào)整到合適的大小和位置，效果如圖2-10所示。三、實踐操作實踐操作2-1：精油賣點圖制作圖2-10復(fù)制優(yōu)勢1相關(guān)圖層任務(wù)一精油賣點圖制作步驟11在工具箱中選擇文字工具，單擊需要更改的文字部分，刪除后，輸入新文案。精油賣點圖最終效果如圖2-11所示。三、實踐操作實踐操作2-1：精油賣點圖制作圖2-11精油賣點圖最終效果02價格標簽制作任務(wù)二價格標簽制作一、案例引入及相關(guān)知識好的價格標簽圖，會讓整張圖更有美感，提升圖片的整體氛圍感，也更容易讓消費者注意到價格。接下來我們利用Photoshop軟件制作一款價格標簽圖，以此來熟悉軟件中的形狀工具、文字工具、圖層樣式等功能。二、資源準備三、實踐操作實踐操作2-2：價格標簽制作1.任務(wù)要求（1）標簽大?。?000×1000像素，顏色模式：RGB顏色，分辨率：72像素/英寸。（2）標簽效果引人注目。任務(wù)二價格標簽制作三、實踐操作實踐操作2-2：價格標簽制作2.實施步驟步驟1打開Photoshop軟件，新建大小為1000×1000像素，分辨率為72像素/英寸，名稱為“價格標簽”的文件，如圖2-12所示。圖2-12新建畫板“價格標簽”任務(wù)二價格標簽制作三、實踐操作實踐操作2-2：價格標簽制作2.實施步驟步驟2在工具箱中選擇橢圓工具，按住Shift鍵在畫板上繪制一個正圓，顏色：#e72f60，如圖2-13所示。圖2-13繪制正圓2任務(wù)二價格標簽制作三、實踐操作實踐操作2-2：價格標簽制作2.實施步驟步驟3在工具箱中選擇橢圓工具，按住Shift鍵在畫板上再繪制一個小一點兒的白色正圓。在工具箱中選擇移動工具，按住Shift鍵在“圖層”面板中選中兩個正圓圖層，在屬性欄中設(shè)置為垂直居中對齊，如圖2-14所示。圖2-14垂直居中對齊任務(wù)二價格標簽制作三、實踐操作實踐操作2-2：價格標簽制作2.實施步驟步驟4在“圖層”面板中用移動工具選中白色圓，單擊鼠標右鍵，在彈出的菜單中選擇“柵格化圖層”，效果如圖2-15所示。圖2-15柵格化圖層任務(wù)二價格標簽制作三、實踐操作實踐操作2-2：價格標簽制作2.實施步驟步驟4在工具箱中選擇選框工具，框中白色圓下半部分，按Delete鍵刪除，效果如圖2-16所示。圖2-16背景效果任務(wù)二價格標簽制作三、實踐操作實踐操作2-2：價格標簽制作2.實施步驟步驟5在工具箱中選擇文字工具，輸入“低至”“89”“￥”“前500名領(lǐng)券”文案，文本格式調(diào)整為，字體：黑體，大?。?4/130/54/69，顏色：灰色（#575454）、紅色（#b8183e）、灰色（#575454）、白色（#ffffff）。將所有文案放置在合適位置，效果如圖2-17所示。圖2-17輸入文案3任務(wù)二價格標簽制作三、實踐操作實踐操作2-2：價格標簽制作2.實施步驟步驟6在“圖層”面板中選中“89”文字圖層，雙擊圖層，彈出“圖層樣式”窗口，在左側(cè)勾選“投影”前的復(fù)選框，在右側(cè)調(diào)整投影參數(shù)，顏色：黑色（#000000），角度：135度，距離：3像素，擴展：0%，大?。?像素，然后單擊“確定”按鈕，如圖2-18所示。圖2-18設(shè)置“89”文字圖層投影任務(wù)二價格標簽制作三、實踐操作實踐操作2-2：價格標簽制作2.實施步驟步驟7在工具箱中選擇橢圓工具，在標簽正下方繪制灰色（#626262）橢圓，效果如圖2-19所示。圖2-19繪制灰色橢圓任務(wù)二價格標簽制作三、實踐操作實踐操作2-2：價格標簽制作2.實施步驟步驟8執(zhí)行菜單欄命令“窗口”→“屬性”→“蒙版”，設(shè)置羽化為8像素，效果如圖2-20所示。圖2-20羽化任務(wù)二價格標簽制作三、實踐操作實踐操作2-2：價格標簽制作2.實施步驟步驟9價格標簽最終效果如圖2-21所示。圖2-21價格標簽最終效果網(wǎng)店美工項目三淘寶主圖制作·知識目標·技能目標·素質(zhì)目標（1）掌握淘寶主圖的設(shè)計要點、具體設(shè)計步驟。（2）掌握Photoshop軟件中的鋼筆工具以及圖層樣式的使用。（1）能根據(jù)需要設(shè)計、制作出店鋪產(chǎn)品主圖。（2）熟練使用Photoshop中的相關(guān)工具。培養(yǎng)審美意識。01鋼筆工具摳圖任務(wù)一鋼筆工具摳圖一、案例引入及相關(guān)知識攝影師拍的產(chǎn)品圖通常都會帶有背景，如果我們要為產(chǎn)品設(shè)計主圖，大多需要將產(chǎn)品原本的背景去掉，只留下產(chǎn)品圖，然后換上新的背景，加上文案并排版。去掉背景留下產(chǎn)品圖的這個過程就是摳圖。鋼筆工具可以繪制任意形狀路徑，因此，我們常用鋼筆工具摳取圖像。二、資源準備三、實踐操作實踐操作3-1：鋼筆工具摳圖1.任務(wù)要求（1）掌握鋼筆工具和鋼筆工具下拉工具及相應(yīng)屬性。（2）將男鞋從圖片中摳取出來并保存為png格式文件。任務(wù)一鋼筆工具摳圖步驟1打開Photoshop軟件，在素材文件夾中找到“男鞋”素材拖入軟件，在“圖層”面板中復(fù)制（Ctrl+J）該圖層并隱藏背景圖層，如圖3-1所示。三、實踐操作實踐操作3-1：鋼筆工具摳圖圖3-1打開“男鞋”素材任務(wù)一鋼筆工具摳圖步驟2在工具箱中選擇鋼筆工具，在畫板上沿鞋子圖像邊緣繪制路徑。繪制過程中，單擊鼠標左鍵，將創(chuàng)建第1個錨點，將鼠標指針移動到下一個位置再單擊鼠標左鍵，則創(chuàng)建第2個錨點，兩個錨點之間自動以直線連接。當需要繪制弧線路徑時，單擊建立錨點并按住鼠標左鍵不放，拖動鼠標，建立曲線段和曲線錨點。此時會多出一條線段和方形的錨點，按住Alt鍵并拖住鼠標可對方形錨點進行控制，如圖3-2所示。三、實踐操作實踐操作3-1：鋼筆工具摳圖圖3-2使用鋼筆工具摳圖任務(wù)一鋼筆工具摳圖步驟3重復(fù)此動作，將鞋子圖像完全用路徑繪制出來，此過程需要注意路徑應(yīng)是閉合的（圖3-3），繪制路徑時盡可能少給錨點，從而使得路徑更順滑流暢。細節(jié)微調(diào)可使用鋼筆工具下方的添加/刪除錨點工具。三、實踐操作實踐操作3-1：鋼筆工具摳圖圖3-3閉合路徑任務(wù)一鋼筆工具摳圖步驟4在畫板中單擊鼠標右鍵，選擇“建立選區(qū)”（Ctrl+Enter），回到選區(qū)工具，在畫板中單擊鼠標右鍵，選擇反向。直接按Delete鍵刪除選區(qū)部分，如圖3-4所示。三、實踐操作實踐操作3-1：鋼筆工具摳圖圖3-4建立選區(qū)、最終效果步驟5執(zhí)行菜單欄命令“文件”→“存儲為”，文件名和存儲路徑自定，格式選擇png，保存即可。02男鞋主圖設(shè)計任務(wù)二男鞋主圖設(shè)計一、案例引入及相關(guān)知識當我們登錄淘寶想買某一款產(chǎn)品時，會看見淘寶推薦給我們這一款產(chǎn)品的不同店鋪的不同圖片，大小一致的這些圖，就是產(chǎn)品主圖。我們會選擇自己更喜歡的、更能吸引我們的圖片點擊進去，這時主圖就完成了它的使命，引導(dǎo)我們?nèi)ニ牡赇?，這是非常關(guān)鍵的一步——引流。產(chǎn)品主圖是首先映入買家眼簾的商品圖片，一般出現(xiàn)于商品搜索頁、店鋪首頁和商品詳情頁的頂端。那么什么樣的主圖更能吸引消費者點擊，我們又應(yīng)該如何完成主圖的制作呢？一張吸引人的主圖都有這樣一些特點：①賣點清晰有創(chuàng)意；②商品的大小適中；③宜簡不宜繁；④細節(jié)豐富。二、資源準備三、實踐操作實踐操作3-2：男鞋主圖設(shè)計1.任務(wù)要求（1）店鋪商品主圖的尺寸為800×800像素。（2）店鋪商品主圖背景與文字的關(guān)系要合理。（3）店鋪商品主圖文字的排版要美觀且主次關(guān)系處理得當。任務(wù)二男鞋主圖設(shè)計三、實踐操作實踐操作3-2：男鞋主圖設(shè)計2.實施步驟步驟1打開Photoshop軟件，在菜單欄中執(zhí)行“文件”→“新建”命令，在彈出的“新建文檔”對話框中新建寬度為800像素、高度為800像素、顏色模式為“RGB顏色”、名稱為“男鞋主圖”的空白畫布，如圖3-5所示。圖3-5新建“男鞋主圖”空白畫布任務(wù)二男鞋主圖設(shè)計三、實踐操作實踐操作3-2：男鞋主圖設(shè)計2.實施步驟步驟2前景色設(shè)置為“#ffff01”，按Alt+Delete組合鍵，將背景色填充為前景色。使用鋼筆工具在畫板底部繪制波浪圖形，顏色為“#fa2448”，效果如圖3-6所示。圖3-6背景填充任務(wù)二男鞋主圖設(shè)計三、實踐操作實踐操作3-2：男鞋主圖設(shè)計2.實施步驟步驟3在素材文件夾中找到“男鞋”素材，直接用鼠標拖入Photoshop“男鞋主圖”畫板中，調(diào)整位置及大小，在“圖層”面板中雙擊男鞋所在圖層，彈出“圖層樣式”對話框，勾選“投影”前的復(fù)選框，在右側(cè)面板中設(shè)置參數(shù)，做出男鞋的投影效果，如圖3-7所示。圖3-7設(shè)置男鞋圖層投影任務(wù)二男鞋主圖設(shè)計三、實踐操作實踐操作3-2：男鞋主圖設(shè)計2.實施步驟步驟4選擇工具箱中的文字工具，在畫板中間位置輸入“國慶矩劃算”“全場折起”“5”。注意調(diào)整文字的大小、位置、顏色、字體等，如圖3-8所示。使用鋼筆工具沿文字外邊緣繪制底紋，顏色為“#ff002a”，此時可發(fā)現(xiàn)文本顯示更加突出。圖3-8文案制作任務(wù)二男鞋主圖設(shè)計三、實踐操作實踐操作3-2：男鞋主圖設(shè)計2.實施步驟步驟5在“圖層”面板中雙擊底紋所在圖層，彈出“圖層樣式”對話框，勾選“投影”前的復(fù)選框，在右側(cè)面板中設(shè)置投影參數(shù)，其中顏色為“#553c3c”，如圖3-9所示。圖3-9設(shè)置底紋圖層投影任務(wù)二男鞋主圖設(shè)計三、實踐操作實踐操作3-2：男鞋主圖設(shè)計2.實施步驟步驟5投影效果如圖3-10所示。圖3-10投影效果任務(wù)二男鞋主圖設(shè)計三、實踐操作實踐操作3-2：男鞋主圖設(shè)計2.實施步驟步驟6在“圖層”面板中雙擊文字“5”的圖層，彈出“圖層樣式”對話框，勾選“投影”前的復(fù)選框，在右側(cè)面板中設(shè)置投影參數(shù)。再勾選“漸變疊加”前的復(fù)選框，在右側(cè)面板中設(shè)“#fe8800”“#fdff13”線性漸變，如圖3-11所示。圖3-11添加漸變?nèi)蝿?wù)二男鞋主圖設(shè)計三、實踐操作實踐操作3-2：男鞋主圖設(shè)計2.實施步驟步驟6漸變效果如圖3-12所示。圖3-12漸變效果任務(wù)二男鞋主圖設(shè)計三、實踐操作實踐操作3-2：男鞋主圖設(shè)計2.實施步驟步驟7在素材文件夾中找到“裝飾”文件，拖入“男鞋主圖”畫面中，調(diào)整其大小及位置。男鞋主圖最終效果如圖3-13所示。圖3-13男鞋主圖最終效果網(wǎng)店美工項目四通道摳圖·知識目標·技能目標·素質(zhì)目標（1）掌握淘寶主圖的設(shè)計要點、具體設(shè)計步驟。（2）掌握Photoshop軟件中的鋼筆工具以及圖層樣式的使用。（1）能根據(jù)需要設(shè)計、制作出店鋪產(chǎn)品主圖。（2）熟練使用Photoshop中的相關(guān)工具?！に刭|(zhì)目標培養(yǎng)審美意識。01頭發(fā)絲摳圖任務(wù)一頭發(fā)絲摳圖一、案例引入及相關(guān)知識當我們想要摳取頭發(fā)飛揚的女性圖像時，我們可以使用Photoshop中的通道摳圖。使用通道摳圖，主要是利用圖像的色相差別或者明度差別，配合不同的方法給圖像建立選區(qū)。一張RGB模式的圖像是以紅、綠、藍三原色的數(shù)值來表示的，而在通道中，一張RGB模式的圖就是將圖片中的各個顏色以單色的形式分別顯示在通道面板上，而且每種單色都將記錄每一種顏色的不同亮度。簡單地說，就是通道中只存在一種顏色（紅、綠、藍）的不同亮度，是一種灰色圖像。在通道里，顏色越亮說明此顏色的數(shù)值越高，正是由于這一特點，我們可以利用通道亮度的反差進行摳圖，因為它是選擇區(qū)域的映射。在通道里，白色代表有，黑色代表無，圖像在通道中是由黑、白、灰三種亮度來顯示的，也可以說，如果我們想將圖中的某部分摳出來，就在通道里將這部分調(diào)整為白色。二、資源準備三、實踐操作實踐操作4-1：頭發(fā)絲摳圖1.任務(wù)要求（1）摳出頭發(fā)飛揚女性圖像。（2）替換為其他背景。任務(wù)一頭發(fā)絲摳圖步驟1打開Photoshop軟件，拖入素材文件“頭發(fā)絲摳圖.jpg”。按Ctrl+J快捷鍵復(fù)制圖層，背景圖層隱藏，如圖4-1所示。三、實踐操作實踐操作4-1：頭發(fā)絲摳圖圖4-1復(fù)制圖層任務(wù)一頭發(fā)絲摳圖步驟2在“圖層”面板旁邊選中“通道”面板（如果沒有，可在菜單欄的“窗口”中找到），在紅、綠、藍三個單色通道中選擇黑白對比最明顯的紅通道，單擊鼠標右鍵復(fù)制該通道，效果如圖4-2所示。三、實踐操作實踐操作4-1：頭發(fā)絲摳圖圖4-2復(fù)制紅通道任務(wù)一頭發(fā)絲摳圖步驟3此時我們可以看見頭發(fā)絲為深色，背景為淺色，那么我們需要將圖像中所有需要的區(qū)域都調(diào)為深色甚至黑色，不需要的區(qū)域都調(diào)為淺色甚至白色，如圖4-3所示。三、實踐操作實踐操作4-1：頭發(fā)絲摳圖圖4-3選中紅通道任務(wù)一頭發(fā)絲摳圖步驟3用鋼筆工具摳出人物面部及身體，填充為黑色，按Ctrl+M快捷鍵調(diào)出曲線工具，加大深淺對比，使用工具箱中的減淡工具/加深工具分別減淡/加深淺色和深色區(qū)域，如圖4-4所示。三、實踐操作實踐操作4-1：頭發(fā)絲摳圖圖4-4摳取人物面部及身體任務(wù)一頭發(fā)絲摳圖步驟4執(zhí)行菜單欄命令“圖像”→“調(diào)整”→“反相”（Ctrl+Shift+I），使圖像黑白區(qū)域反過來，如圖4-5所示。三、實踐操作實踐操作4-1：頭發(fā)絲摳圖圖4-5反相任務(wù)一頭發(fā)絲摳圖步驟５單擊“通道”面板下方的將通道作為選區(qū)載入按鈕，此時白色的人物部分已作為選區(qū)了，如圖4-6所示。三、實踐操作實踐操作4-1：頭發(fā)絲摳圖圖4-6將通道作為選區(qū)載入1任務(wù)一頭發(fā)絲摳圖步驟６單擊“RGB”圖層，如圖4-7所示，再回到“圖層”面板，此時會發(fā)現(xiàn)人物已經(jīng)被摳下來套在選區(qū)里面了，效果如圖4-8所示，按Ctrl+J快捷鍵復(fù)制選區(qū)內(nèi)容，隱藏下方圖層即可，如圖4-9所示。三、實踐操作實踐操作4-1：頭發(fā)絲摳圖圖4-7單擊“RGB”圖層1任務(wù)一頭發(fā)絲摳圖步驟６單擊“RGB”圖層，如圖4-7所示，再回到“圖層”面板，此時會發(fā)現(xiàn)人物已經(jīng)被摳下來套在選區(qū)里面了，效果如圖4-8所示，按Ctrl+J快捷鍵復(fù)制選區(qū)內(nèi)容，隱藏下方圖層即可，如圖4-9所示。三、實踐操作實踐操作4-1：頭發(fā)絲摳圖圖4-8回到原圖層任務(wù)一頭發(fā)絲摳圖步驟６單擊“RGB”圖層，如圖4-7所示，再回到“圖層”面板，此時會發(fā)現(xiàn)人物已經(jīng)被摳下來套在選區(qū)里面了，效果如圖4-8所示，按Ctrl+J快捷鍵復(fù)制選區(qū)內(nèi)容，隱藏下方圖層即可，如圖4-9所示。三、實踐操作實踐操作4-1：頭發(fā)絲摳圖圖4-9隱藏下方圖層任務(wù)一頭發(fā)絲摳圖步驟７在“圖層”面板中新建圖層，選中新建的“圖層3”，在工具欄中選擇設(shè)置前景色，顏色為白色（#ffffff）。選中“圖層3”，按住鼠標左鍵不放調(diào)整圖層位置，將其放置在人物“圖層2”下方，如圖4-10所示。三、實踐操作實踐操作4-1：頭發(fā)絲摳圖圖4-10添加背景02火焰摳圖任務(wù)二火焰摳圖一、案例引入及相關(guān)知識當我們想要摳取火焰圖像時，同樣可以使用通道摳圖。不過在摳圖的過程中要注意，火焰本身為淺色，背景為深色，前面講過，在通道里，白色代表有，黑色代表無，所以我們不需要再反相，調(diào)整好明暗，直接將通道載入選區(qū)即可。二、資源準備三、實踐操作實踐操作4-2：火焰摳圖1.任務(wù)要求將火焰摳取出來換新背景。任務(wù)二火焰摳圖三、實踐操作實踐操作4-2：火焰摳圖2.實施步驟步驟1打開Photoshop軟件，拖入素材文件“火焰素材.jpg”，按Ctrl+J快捷鍵復(fù)制圖層，背景圖層隱藏，如圖4-11所示。圖4-11打開火焰素材任務(wù)二火焰摳圖三、實踐操作實踐操作4-2：火焰摳圖2.實施步驟步驟2在“圖層”面板旁邊選中“通道”面板（如果沒有，可在菜單欄的“窗口”中找到），在紅、綠、藍三個單色通道中選擇黑白對比最明顯的綠通道，單擊鼠標右鍵復(fù)制該通道，如圖4-12所示。圖4-12復(fù)制綠通道任務(wù)二火焰摳圖三、實踐操作實踐操作4-2：火焰摳圖2.實施步驟步驟3此時我們可以看見背景為深色，火焰為淺色，我們需要將圖像中火焰顏色減淡，背景顏色加深，按Ctrl+M快捷鍵調(diào)出曲線工具，加大深淺對比。使用工具箱中的減淡工具/加深工具分別減淡/加深深色和淺色區(qū)域，如圖4-13所示。圖4-13減淡/加深顏色對比任務(wù)二火焰摳圖三、實踐操作實踐操作4-2：火焰摳圖2.實施步驟步驟4單擊“通道”面板下方的將通道作為選區(qū)載入按鈕，此時火焰圖像已作為選區(qū)了，如圖4-14所示。圖4-14將通道作為選區(qū)載入2任務(wù)二火焰摳圖三、實踐操作實踐操作4-2：火焰摳圖2.實施步驟步驟5單擊“RGB”圖層，如圖4-15所示，再回到“圖層”面板，此時會發(fā)現(xiàn)火焰已經(jīng)被摳下來套在選區(qū)里面了，按Ctrl+J快捷鍵復(fù)制選區(qū)內(nèi)容，隱藏下方圖層即可，最終效果如圖4-16所示。圖4-15單擊“RGB”圖層2任務(wù)二火焰摳圖三、實踐操作實踐操作4-2：火焰摳圖2.實施步驟步驟5單擊“RGB”圖層，如圖4-15所示，再回到“圖層”面板，此時會發(fā)現(xiàn)火焰已經(jīng)被摳下來套在選區(qū)里面了，按Ctrl+J快捷鍵復(fù)制選區(qū)內(nèi)容，隱藏下方圖層即可，最終效果如圖4-16所示。圖4-16火焰摳圖最終效果網(wǎng)店美工項目五圖像污點處理·知識目標·技能目標·素質(zhì)目標（1）掌握污點修復(fù)畫筆工具。（2）掌握美化圖片的具體設(shè)計步驟。（1）能根據(jù)需要美化圖片。（2）熟練使用Photoshop中的相關(guān)工具。（1）培養(yǎng)創(chuàng)新和解決問題的思維能力。（2）培養(yǎng)對工作的專注，細致入微地關(guān)注細節(jié)。01人物面部污點處理任務(wù)一人物面部污點處理一、案例引入及相關(guān)知識我們拍攝的圖片中難免會有一些污點，比如背景雜亂，面部的痣、傷疤，衣服上的褶皺等，這時候我們就可以用Photoshop軟件對污點進行處理。本任務(wù)我們用污點修復(fù)畫筆工具、修復(fù)畫筆工具、修補工具、仿制圖章工具對同一張圖的污點進行處理。二、資源準備三、實踐操作實踐操作5-1：人物面部污點處理1.任務(wù)要求處理掉人物面部所有污點。任務(wù)一人物面部污點處理步驟1啟動Photoshop軟件，打開素材文件“模特.jpg”，按Ctrl+J快捷鍵復(fù)制圖層，背景圖層隱藏，如圖5-1所示。三、實踐操作實踐操作5-1：人物面部污點處理圖5-1復(fù)制圖層任務(wù)一人物面部污點處理步驟2方法1：選擇污點修復(fù)畫筆工具，在屬性欄調(diào)整畫筆大小為40（略大于污點），然后單擊污點位置，可以看見污點已經(jīng)被處理，重復(fù)該步驟將面部所有污點處理完畢，如圖5-2所示。三、實踐操作實踐操作5-1：人物面部污點處理圖5-2用污點修復(fù)畫筆工具處理污點任務(wù)一人物面部污點處理步驟3方法2：選擇修復(fù)畫筆工具，在屬性欄調(diào)整畫筆大小為40（略大于污點），長按Alt鍵，鼠標單擊無污點位置，松開Alt鍵，鼠標單擊污點位置，可以看見污點已經(jīng)被處理，重復(fù)該步驟將面部所有污點處理完，如圖5-3所示。三、實踐操作實踐操作5-1：人物面部污點處理圖5-3用修復(fù)畫筆工具處理污點任務(wù)一人物面部污點處理步驟4方法3：選擇修補工具，鼠標框中一個污點，然后拖動污點至旁邊無污點位置，可以看見污點已經(jīng)被處理，重復(fù)該步驟將面部所有污點處理完，如圖5-4所示。三、實踐操作實踐操作5-1：人物面部污點處理圖5-4用修補工具處理污點任務(wù)一人物面部污點處理步驟５方法4：選擇仿制圖章工具，在屬性欄調(diào)整畫筆大小為40（略大于污點），長按Alt鍵，鼠標單擊無污點位置，松開Alt鍵，鼠標單擊污點位置，可以看見污點已經(jīng)被處理，重復(fù)該步驟將面部所有污點處理完，如圖5-5所示。三、實踐操作實踐操作5-1：人物面部污點處理圖5-5用仿制圖章工具處理污點02內(nèi)容感知移動工具運用任務(wù)二內(nèi)容感知移動工具運用一、案例引入及相關(guān)知識當空曠的背景中有一棵樹，我們想快速移動這棵樹時，我們可以使用內(nèi)容感知移動工具。該工具的主要用途：將圖像移至其他區(qū)域時，可以重組圖像，并自動使圖像與背景融合。二、資源準備三、實踐操作實踐操作5-2：內(nèi)容感知移動工具運用1.任務(wù)要求快速對圖中的盤子進行移動并不破壞整個圖像。任務(wù)二內(nèi)容感知移動工具運用三、實踐操作實踐操作5-2：內(nèi)容感知移動工具運用2.實施步驟步驟1啟動Photoshop軟件，打開素材文件“早餐.jpg”，按Ctrl+J快捷鍵復(fù)制圖層，隱藏背景圖層，如圖5-6所示。圖5-6打開早餐素材任務(wù)二內(nèi)容感知移動工具運用三、實踐操作實踐操作5-2：內(nèi)容感知移動工具運用2.實施步驟步驟2選擇工具箱中的內(nèi)容感知移動工具，框中畫面中盛堅果的盤子，用鼠標將其移動到畫面左上方，效果如圖5-7所示。圖5-7使用內(nèi)容感知移動工具移動盤子網(wǎng)店美工項目六圖像色彩調(diào)整·知識目標·技能目標·素質(zhì)目標（1）掌握顏色的基本知識。（2）掌握Photoshop軟件調(diào)色的要點及具體設(shè)計步驟。（1）能根據(jù)需要調(diào)整圖像的色彩。（2）熟練使用Photoshop中的相關(guān)工具。培養(yǎng)網(wǎng)絡(luò)安全意識，培養(yǎng)分析和評估能力，提高對問題的敏感性。01圖片亮度、對比度、飽和度調(diào)整任務(wù)一圖片亮度、對比度、飽和度調(diào)整一、案例引入及相關(guān)知識色彩在一張圖片中起著至關(guān)重要的作用，適當?shù)纳薀o論是對畫面質(zhì)感的提升還是情緒的渲染都有非同一般的效果。對于那些昏暗、不夠清晰、色彩不夠艷麗的圖片，我們可以使用Photoshop軟件對圖片的亮度、對比度、飽和度進行相應(yīng)調(diào)整，使圖片更加吸引人。二、資源準備三、實踐操作實踐操作6-1：圖片亮度、對比度、飽和度調(diào)整1.任務(wù)要求（1）適當調(diào)整女包圖片亮度。（2）適當調(diào)整護膚品清晰度。（3）適當調(diào)整咖啡廳圖片亮度。（4）適當調(diào)整玫瑰花茶圖片飽和度。任務(wù)一圖片亮度、對比度、飽和度調(diào)整步驟1啟動Photoshop軟件，打開素材文件“女包.jpg”，按Ctrl+J快捷鍵復(fù)制圖層，隱藏背景圖層，如圖6-1所示。三、實踐操作實踐操作6-1：圖片亮度、對比度、飽和度調(diào)整圖6-1復(fù)制圖層任務(wù)一圖片亮度、對比度、飽和度調(diào)整步驟2

執(zhí)行菜單欄命令“圖像”→“調(diào)整”→“曝光度”，在“曝光度”窗口中勾選“預(yù)覽”前的復(fù)選框，調(diào)整曝光度為+1.8，位移為0.0000，灰度系數(shù)校正為1.00，然后單擊“確定”按鈕，如圖6-2和圖6-3所示。三、實踐操作實踐操作6-1：圖片亮度、對比度、飽和度調(diào)整圖6-2調(diào)整曝光度圖6-3曝光度參數(shù)設(shè)置任務(wù)一圖片亮度、對比度、飽和度調(diào)整步驟3曝光度調(diào)整前后對比如圖6-4所示。三、實踐操作實踐操作6-1：圖片亮度、對比度、飽和度調(diào)整圖6-4曝光度調(diào)整前后對比任務(wù)一圖片亮度、對比度、飽和度調(diào)整步驟4打開素材文件“護膚品.jpg”，按Ctrl+J快捷鍵復(fù)制圖層，隱藏背景圖層，如圖6-5所示。三、實踐操作實踐操作6-1：圖片亮度、對比度、飽和度調(diào)整圖6-5打開護膚品素材任務(wù)一圖片亮度、對比度、飽和度調(diào)整步驟５執(zhí)行菜單欄命令“圖像”→“調(diào)整”→“色階”，如圖6-6所示。勾選“預(yù)覽”前的復(fù)選框，調(diào)整“輸入色階：”下方的黑、灰、白三個三角形圖標分別為16/1.16/255，然后單擊“確定”按鈕，如圖6-7所示。三、實踐操作實踐操作6-1：圖片亮度、對比度、飽和度調(diào)整圖6-6色階調(diào)色圖6-7色階參數(shù)設(shè)置任務(wù)一圖片亮度、對比度、飽和度調(diào)整步驟6色階調(diào)整前后對比如圖6-8所示。三、實踐操作實踐操作6-1：圖片亮度、對比度、飽和度調(diào)整圖6-8色階調(diào)整前后對比任務(wù)一圖片亮度、對比度、飽和度調(diào)整步驟7打開素材文件“咖啡廳.jpg”，按Ctrl+J快捷鍵復(fù)制圖層，隱藏背景圖層。執(zhí)行菜單欄命令“圖像”→“調(diào)整”→“曲線”，如圖6-9所示。三、實踐操作實踐操作6-1：圖片亮度、對比度、飽和度調(diào)整圖6-9曲線調(diào)色任務(wù)一圖片亮度、對比度、飽和度調(diào)整步驟8在“曲線”對話框中勾選“預(yù)覽”前的復(fù)選框，將光標移至斜線上，單擊即可創(chuàng)建一個節(jié)點，在節(jié)點上按住鼠標左鍵不放并向左上方拖動，使曲線彎曲，可以調(diào)整畫面變亮（反之拖動節(jié)點向右下方，即可調(diào)整畫面變暗），然后單擊“確定”按鈕，如圖6-10所示。三、實踐操作實踐操作6-1：圖片亮度、對比度、飽和度調(diào)整圖6-10曲線參數(shù)設(shè)置1任務(wù)一圖片亮度、對比度、飽和度調(diào)整步驟9曲線調(diào)整前后對比如圖6-11所示。三、實踐操作實踐操作6-1：圖片亮度、對比度、飽和度調(diào)整圖6-11曲線調(diào)整前后對比任務(wù)一圖片亮度、對比度、飽和度調(diào)整步驟10打開素材文件“玫瑰花茶.jpg”，按Ctrl+J快捷鍵復(fù)制圖層，隱藏背景圖層。執(zhí)行菜單欄命令“圖像”→“調(diào)整”→“色相/飽和度”，如圖6-12所示。三、實踐操作實踐操作6-1：圖片亮度、對比度、飽和度調(diào)整圖6-12色相/飽和度調(diào)色任務(wù)一圖片亮度、對比度、飽和度調(diào)整步驟11勾選“預(yù)覽”前的復(fù)選框，調(diào)整飽和度為+30，如圖6-13所示。三、實踐操作實踐操作6-1：圖片亮度、對比度、飽和度調(diào)整圖6-13色相/飽和度調(diào)色參數(shù)設(shè)置任務(wù)一圖片亮度、對比度、飽和度調(diào)整步驟12色相/飽和度調(diào)整前后對比如圖6-14所示。三、實踐操作實踐操作6-1：圖片亮度、對比度、飽和度調(diào)整圖6-14色相/飽和度調(diào)整前后對比02圖像色相調(diào)整任務(wù)二圖像色相調(diào)整一、案例引入及相關(guān)知識當圖像中有人物，我們在調(diào)整圖像色彩時，需要將背景和人物分離。這時可以利用蒙版將圖像分離。二、資源準備三、實踐操作實踐操作6-2：圖像色相調(diào)整1.任務(wù)要求調(diào)整圖像色調(diào)為紫色。任務(wù)二圖像色相調(diào)整三、實踐操作實踐操作6-2：圖像色相調(diào)整2.實施步驟步驟1啟動Photoshop軟件，打開素材文件“背簍女孩.jpg”，復(fù)制圖層，隱藏背景圖層。執(zhí)行菜單欄命令“圖像”→“調(diào)整”→“曲線”，如圖6-15所示。圖6-15曲線調(diào)整任務(wù)二圖像色相調(diào)整三、實踐操作實踐操作6-2：圖像色相調(diào)整2.實施步驟步驟2在“曲線”對話框的通道中選擇紅通道，斜線向上拖動；選擇綠通道，斜線向下拖動；選擇藍通道，斜線向上拖動，如圖6-16所示。圖6-16曲線參數(shù)設(shè)置2任務(wù)二圖像色相調(diào)整三、實踐操作實踐操作6-2：圖像色相調(diào)整2.實施步驟步驟3現(xiàn)在圖像色調(diào)發(fā)生變化，整體偏紫色，但是人物部分，我們并不想變成紫色，想維持原圖人物色彩不變。步驟4此時可以在“圖層”面板下方添加圖層蒙版，然后使用畫筆工具，選擇柔邊緣筆觸，前景色為黑色，涂抹掉人物部分，如圖6-17所示。圖6-17添加圖層蒙版任務(wù)二圖像色相調(diào)整三、實踐操作實踐操作6-2：圖像色相調(diào)整2.實施步驟步驟5將背景圖層顯示出來，如圖6-18所示。圖6-18顯示背景圖層任務(wù)二圖像色相調(diào)整三、實踐操作實踐操作6-2：圖像色相調(diào)整2.實施步驟步驟6色相調(diào)整前后對比如圖6-19所示。圖6-19色相調(diào)整前后對比網(wǎng)店美工項目七店招導(dǎo)航制作·知識目標·技能目標·素質(zhì)目標（1）掌握店鋪導(dǎo)航欄的參數(shù)設(shè)置及設(shè)計步驟。（2）掌握店招的設(shè)計要點及具體設(shè)計步驟。（1）能根據(jù)需要設(shè)計制作出店鋪導(dǎo)航欄。（2）能根據(jù)需要設(shè)計制作出店招。（3）熟練使用Photoshop中的相關(guān)工具。（1）培養(yǎng)創(chuàng)意和設(shè)計思維。（2）培養(yǎng)項目管理和組織能力。01店鋪導(dǎo)航欄制作任務(wù)一店鋪導(dǎo)航欄制作一、案例引入及相關(guān)知識導(dǎo)航欄也叫導(dǎo)航條，店鋪中的導(dǎo)航欄類似于實體店的環(huán)境導(dǎo)視，能迅速使買家找到其想要購買的商品。這在很大程度上提高了買家的購買體驗以及購買的便利性。導(dǎo)航欄作為店鋪首頁的一部分，屬于店鋪形象的一個重要因素，與店鋪形象相符的導(dǎo)航欄設(shè)計才能更好地樹立與宣傳店鋪形象。賞析網(wǎng)店中常見的導(dǎo)航欄設(shè)計效果圖可以看出，導(dǎo)航欄無論是在分類設(shè)置上還是在色彩搭配上都需要與網(wǎng)點的整體風格和諧統(tǒng)一，而且布局合理，才能很好地起到指引購買的作用。二、資源準備三、實踐操作實踐操作7-1：店鋪導(dǎo)航欄制作1.任務(wù)要求（1）店鋪導(dǎo)航欄的尺寸為950×30像素。（2）店鋪導(dǎo)航欄設(shè)計并完成背景樣式。（3）給店鋪導(dǎo)航欄中的文字添加投影。任務(wù)一店鋪導(dǎo)航欄制作步驟1打開Photoshop軟件，在菜單欄中執(zhí)行“文件”→“新建”命令，在彈出的“新建文檔”對話框中新建寬度為950像素、高度為30像素、顏色模式為RGB顏色、名稱為“導(dǎo)航欄”的空白畫布，如圖7-1所示。三、實踐操作實踐操作7-1：店鋪導(dǎo)航欄制作圖7-1新建導(dǎo)航欄空白畫布任務(wù)一店鋪導(dǎo)航欄制作步驟2

單擊工具箱中的前景色圖標，打開“拾色器（前景色）”對話框，在對話框最下方“#”后的文本框中輸入“ccffff”，為新建的空白畫布填充背景色，如圖7-2所示。三、實踐操作實踐操作7-1：店鋪導(dǎo)航欄制作圖7-2為空白畫布填充背景色任務(wù)一店鋪導(dǎo)航欄制作步驟3創(chuàng)建新圖層，單擊工具箱中的矩形選框工具，按住鼠標左鍵不放拖出一個比畫布稍小的矩形，如圖7-3所示。單擊工具箱中的前景色圖標，在彈出的“拾色器（前景色）”對話框“#”后的文本框中輸入“99ccff”，為其填充一個其他顏色，如圖7-4所示。三、實踐操作實踐操作7-1：店鋪導(dǎo)航欄制作圖6-4曝光度調(diào)整前后對比圖7-4為矩形填充顏色任務(wù)一店鋪導(dǎo)航欄制作步驟4單擊工具箱中的畫筆工具，在“畫筆設(shè)置”中設(shè)置畫筆大小為9像素，硬度為100%的硬邊圓，間距設(shè)置為258%，顏色為白色，如圖7-5所示。三、實踐操作實踐操作7-1：店鋪導(dǎo)航欄制作圖7-5畫筆設(shè)置任務(wù)一店鋪導(dǎo)航欄制作步驟５在畫布的左上角選取一個點，按住Shift鍵不放，直接在畫布右上角位置單擊，這樣就會出現(xiàn)一行有著相同間距的白色小圓點。重復(fù)此操作四次，使得白色小圓點充滿整個畫布，效果如圖7-6所示。三、實踐操作實踐操作7-1：店鋪導(dǎo)航欄制作圖7-6繪制白色小圓點任務(wù)一店鋪導(dǎo)航欄制作步驟6單擊工具箱中的文字工具圖標，在畫板中輸入文本“首頁所有商品秋冬新品會員專區(qū)收藏店鋪”。在屬性欄調(diào)整文字屬性。步驟７在“圖層”面板選中文字圖層，雙擊圖層空白處，彈出“圖層樣式”窗口，勾選“投影”前的復(fù)選框，調(diào)整參數(shù)，如圖7-7所示。店鋪導(dǎo)航欄最終效果如圖7-8所示。三、實踐操作實踐操作7-1：店鋪導(dǎo)航欄制作圖7-7給文字添加投影圖7-8店鋪導(dǎo)航欄最終效果02店招設(shè)計制作任務(wù)二店招設(shè)計制作一、案例引入及相關(guān)知識店招，顧名思義，就是店鋪的招牌，它好比實體店的招牌。其作用就是讓買家看到并且記住它，從而達到宣傳和推廣店鋪的目的。店招一般位于店鋪首頁的頂端，是店鋪的展示窗口，也是買家對店鋪形成第一印象的主要來源。二、資源準備三、實踐操作實踐操作7-2：店招設(shè)計制作1.任務(wù)要求（1）店招大?。?50×150像素，顏色模式：RGB顏色，分辨率：72像素/英寸。（2）對店鋪名稱、店鋪Logo、店鋪廣告語、店鋪收藏、店鋪促銷等進行相關(guān)設(shè)計。（3）店招與整個店鋪首頁的風格要保持統(tǒng)一。任務(wù)二店招設(shè)計制作三、實踐操作實踐操作7-2：店招設(shè)計制作2.實施步驟步驟1啟動Photoshop軟件，新建一個空白畫布，寬度設(shè)置為950像素，高度設(shè)置為150像素，分辨率為72像素/英寸，顏色模式為RGB顏色，如圖7-9所示。圖7-9新建空白畫布任務(wù)二店招設(shè)計制作三、實踐操作實踐操作7-2：店招設(shè)計制作2.實施步驟步驟2單擊工具箱中的矩形工具圖標，框選店招區(qū)域畫出藍色矩形，如圖7-10所示。圖7-10店招背景制作任務(wù)二店招設(shè)計制作三、實踐操作實踐操作7-2：店招設(shè)計制作2.實施步驟步驟3單擊工具箱中的文字工具圖標，在導(dǎo)航欄區(qū)域輸入文字信息“首頁所有產(chǎn)品戒指手鏈項鏈耳環(huán)”，如圖7-11所示。圖7-11輸入文案4任務(wù)二店招設(shè)計制作三、實踐操作實踐操作7-2：店招設(shè)計制作2.實施步驟步驟4單擊工具箱中的文字工具圖標，在店招區(qū)域輸入“素”字，調(diào)整其字體、大小、顏色，將該圖層放置在店招左側(cè)，再添加“輕時尚美生活”“創(chuàng)造只屬于你的文藝”文字圖層，并將這兩個文字圖層放置在店招的中間。單擊直線工具，按住Shift鍵，在兩個文字圖層中間畫出一條直線。步驟5單擊圓角矩形選框工具圖標，在店招的右側(cè)拖出一個圓角矩形，填充為白色，單擊工具箱中矩形工具下方的自定義形狀圖標。任務(wù)二店招設(shè)計制作三、實踐操作實踐操作7-2：店招設(shè)計制作2.實施步驟步驟6單擊文字工具圖標，在圓角矩形里輸入“收藏店鋪”字樣，顏色和背景色一致。店招最終效果如圖7-12所示。圖7-12店招最終效果網(wǎng)店美工項目八優(yōu)惠券、產(chǎn)品分類模塊設(shè)計制作·知識目標·技能目標·素質(zhì)目標（1）了解優(yōu)惠券的作用與內(nèi)容。（2）掌握優(yōu)惠券模塊的設(shè)計要點。（3）掌握優(yōu)惠券設(shè)計制作的具體步驟。（1）能根據(jù)需要設(shè)計制作出優(yōu)惠券。（2）熟練使用Photoshop中的相關(guān)工具。（1）培養(yǎng)創(chuàng)造性思維和設(shè)計能力。（2）培養(yǎng)溝通和協(xié)商能力。01優(yōu)惠券設(shè)計制作任務(wù)一優(yōu)惠券設(shè)計制作一、案例引入及相關(guān)知識優(yōu)惠券在首頁中展示的信息有限，一般來說，一張優(yōu)惠券上最醒目的信息通常是優(yōu)惠面值。除此之外，設(shè)計優(yōu)惠券還需要對其他必要信息進行完善，當消費者點擊領(lǐng)取優(yōu)惠券以后這些信息就會顯示，比如優(yōu)惠券的使用范圍、使用條件等。二、資源準備三、實踐操作實踐操作8-1：優(yōu)惠券設(shè)計制作1.任務(wù)要求（1）優(yōu)惠券尺寸為1920×1080像素，分辨率為72像素/英寸。（2）優(yōu)惠面值突出。（3）制作背景樣式。任務(wù)一優(yōu)惠券設(shè)計制作步驟1打開Photoshop軟件，新建大小為1920×1080像素，分辨率為72像素/英寸，名稱為“優(yōu)惠券”的文件。使用工具箱中的圓角矩形工具繪制豎版圓角矩形，在屬性欄填充紫色（#7b05d2）到淺紫色（#c537f8）的漸變色，如圖8-1所示。三、實踐操作實踐操作8-1：優(yōu)惠券設(shè)計制作圖8-1優(yōu)惠券背景制作任務(wù)一優(yōu)惠券設(shè)計制作步驟2

使用工具箱中的文字工具輸入文字信息，調(diào)整文字屬性?！?00”選擇圓潤突出些的字體：Impact，大?。?46點，顏色：白色（#ffffff），其他文字使用黑體即可，設(shè)置字體大小分別為，優(yōu)惠券：56點，元：34點，滿3000減100：34點，如圖8-2所示。三、實踐操作實踐操作8-1：優(yōu)惠券設(shè)計制作圖8-2輸入文案并調(diào)整屬性任務(wù)一優(yōu)惠券設(shè)計制作步驟3使用工具箱中的直線工具在“優(yōu)惠券”文字下方繪制水平線，在屬性欄調(diào)整直線為描邊：白色，粗細：1像素，樣式：虛線，如圖8-3所示。三、實踐操作實踐操作8-1：優(yōu)惠券設(shè)計制作圖8-3使用直線工具繪制水平線任務(wù)一優(yōu)惠券設(shè)計制作步驟4使用工具箱中的橢圓工具在紫色背景下方中央繪制大小兩個正圓，下方大圓為黑色（#000000），不透明度為18%，上方小圓為黃色（#ffc600），如圖8-4所示。三、實踐操作實踐操作8-1：優(yōu)惠券設(shè)計制作圖8-4使用橢圓工具繪制大小兩個正圓任務(wù)一優(yōu)惠券設(shè)計制作步驟５使用文字工具在黃色圓中央輸入文字“領(lǐng)”，文字顏色調(diào)整為深褐色（#5d2413），如圖8-5所示。三、實踐操作實踐操作8-1：優(yōu)惠券設(shè)計制作圖8-5輸入文字“領(lǐng)”任務(wù)一優(yōu)惠券設(shè)計制作步驟6使用工具箱中的選擇工具選中除背景層外的所有圖層，按快捷鍵Ctrl+G打組，如圖8-6所示。三、實踐操作實踐操作8-1：優(yōu)惠券設(shè)計制作圖8-6打組任務(wù)一優(yōu)惠券設(shè)計制作步驟6單擊“圖層”面板中的文字“組1”，將其修改為“100元”，如圖8-7所示。三、實踐操作實踐操作8-1：優(yōu)惠券設(shè)計制作圖8-7修改組名稱任務(wù)一優(yōu)惠券設(shè)計制作步驟７選擇工具箱中的選擇工具，在屬性欄中將自動選擇改為組，水平右移復(fù)制組兩次［鼠標放在優(yōu)惠券上，按快捷鍵Alt（復(fù)制）+Shift（水平右移）］，如圖8-8所示。三、實踐操作實踐操作8-1：優(yōu)惠券設(shè)計制作圖8-8復(fù)制組“100元”任務(wù)一優(yōu)惠券設(shè)計制作步驟8選擇工具箱中的文字工具，單擊需要更改的文字信息進行修改即可。優(yōu)惠券最終效果如圖8-9所示。三、實踐操作實踐操作8-1：優(yōu)惠券設(shè)計制作圖8-9優(yōu)惠券最終效果02產(chǎn)品分類模塊設(shè)計制作任務(wù)二產(chǎn)品分類模塊設(shè)計制作一、案例引入及相關(guān)知識分類模塊一般位于優(yōu)惠券的下方，它是引導(dǎo)消費者購買的重要模塊。該模塊一般是店鋪主營商品系列的匯總展示，整個模塊要分類明確、效果美觀，讓消費者能更清晰快捷地找到自己所需的商品。二、資源準備三、實踐操作實踐操作8-2：產(chǎn)品分類模塊設(shè)計制作1.任務(wù)要求（1）產(chǎn)品分類模塊圖大?。簩挾?50像素，高度750像素；顏色模式：RGB顏色；分辨率：72像素/英寸。（2）模塊劃分時注意產(chǎn)品的主次關(guān)系。任務(wù)二產(chǎn)品分類模塊設(shè)計制作三、實踐操作實踐操作8-2：產(chǎn)品分類模塊設(shè)計制作2.實施步驟步驟1打開Photoshop軟件，按快捷鍵Ctrl+N新建950×750像素，分辨率為72像素/英寸，顏色模式為RGB顏色，名稱為“寶貝分類模塊”的文件。使用工具箱中的矩形工具繪制五個矩形，顏色分別為#f3e9da、#f3f1f8、#6783b2、#f1f1f1、#f1f1f1，如圖8-10所示。圖8-10產(chǎn)品分類模塊背景制作任務(wù)二產(chǎn)品分類模塊設(shè)計制作三、實踐操作實踐操作8-2：產(chǎn)品分類模塊設(shè)計制作2.實施步驟步驟2打開素材文件夾，拖入產(chǎn)品圖片分別放在不同色塊上方，如圖8-11所示。圖8-11放置素材任務(wù)二產(chǎn)品分類模塊設(shè)計制作三、實踐操作實踐操作8-2：產(chǎn)品分類模塊設(shè)計制作2.實施步驟步驟3使用文字工具輸入相應(yīng)文案?！吧逃贸凉駲C”“家用除濕機”“移動空調(diào)”“配件專區(qū)”“點擊進入》”，文字屬性調(diào)整為，字體：黑體，顏色：#555454，大?。?7和17，“爆款”文案上下錯落放置，在“爆”字下方繪制白色矩形并輸入“點擊進入》”，如圖8-12所示。圖8-12輸入文案5網(wǎng)店美工項目九全屏海報設(shè)計制作·知識目標·技能目標·素質(zhì)目標（1）掌握全屏海報的設(shè)計要點。（2）掌握全屏海報具體設(shè)計步驟。（1）能根據(jù)需要設(shè)計制作出全屏海報。（2）熟練使用Photoshop中的相關(guān)工具。（1）培養(yǎng)學生通過設(shè)計有效地傳達信息、情感或理念。（2）培養(yǎng)學生對審美的敏感度，了解不同設(shè)計元素如何影響整體效果。01化妝品全屏海報設(shè)計制作任務(wù)一化妝品全屏海報設(shè)計制作一、案例引入及相關(guān)知識不管是線下的傳統(tǒng)營銷模式還是線上的網(wǎng)絡(luò)營銷模式，都需要有漂亮又能吸引人眼球的海報來招攬顧客。在網(wǎng)絡(luò)店鋪的運營中，我們常會用店鋪首頁的全屏海報來吸引消費者，即便沒有促銷活動或者節(jié)日活動，也會制作精美的海報來提升店鋪的整體形象。一張海報的設(shè)計要點主要包括：（1）主題海報的制作需要一個主題，也就是該海報的主要目的是什么，宣傳什么?？梢允切麄鞯赇伝顒?，也可以是宣傳產(chǎn)品或產(chǎn)品活動等。主題是海報的核心，是海報所要傳達的信息或意圖。要確保主題明確、突出，能夠吸引目標觀眾，有了主題我們才能確定海報的文案及用途。（2）構(gòu)圖一般海報都是圖文結(jié)合，在圖文排版過程中，可以是左右排版、上下居中排版。可以根據(jù)所選產(chǎn)品的圖片結(jié)構(gòu)選擇合適的排版方式。（3）配色海報的配色十分重要，它決定著整張圖的風格，不同的色調(diào)營造的氛圍也不一樣。在配色上我們要注意整體的協(xié)調(diào)性，色彩與圖片搭配，以及色彩與文字之間的關(guān)系處理。店鋪全屏海報的設(shè)計與其他海報的設(shè)計方法相似，包括構(gòu)圖技巧、配色方式、文本排版等，都要求簡潔美觀、主題突出、能夠吸引消費者等。但由于顯示器的分辨率不一致，為了保證全屏圖片在任何顯示器中都能完整地顯示出重要信息，通常需要對圖片的兩邊進行“留白”，即全屏圖片左右兩側(cè)寬度為360像素的區(qū)域中不放置人物或商品圖片，也不放置文案。任務(wù)一化妝品全屏海報設(shè)計制作二、資源準備三、實踐操作實踐操作9-1：化妝品全屏海報設(shè)計制作1.任務(wù)要求（1）全屏海報設(shè)計的尺寸：1920×720像素。（2）產(chǎn)品賣點突出。（3）文字排版合理。任務(wù)一化妝品全屏海報設(shè)計制作步驟1打開Photoshop軟件，新建寬度為1920像素，高度為720像素，分辨率為72像素/英寸，名稱為“化妝品全屏海報效果”的文件。使用工具箱中的矩形工具繪制寬度為1000像素的矩形，如圖9-1所示。三、實踐操作實踐操作9-1：化妝品全屏海報設(shè)計制作圖9-1繪制矩形任務(wù)一化妝品全屏海報設(shè)計制作步驟2

執(zhí)行菜單欄命令“視圖”→“標尺”，使用工具箱中的移動工具選擇背景層和矩形層，在屬性欄中選擇居中對齊。鼠標在工具箱豎列旁邊的標尺上拖出兩根參考豎線標記居中位置，如圖9-2所示。三、實踐操作實踐操作9-1：化妝品全屏海報設(shè)計制作圖9-2居中參考線任務(wù)一化妝品全屏海報設(shè)計制作步驟3打開素材文件夾“化妝品全屏海報素材”，將素材背景拖入，調(diào)整其位置和大小，如圖9-3所示。三、實踐操作實踐操作9-1：化妝品全屏海報設(shè)計制作圖9-3放置背景任務(wù)一化妝品全屏海報設(shè)計制作步驟4選擇“化妝品全屏海報素材”文件夾中的“產(chǎn)品”“玫瑰花朵”素材，鼠標拖動放置在“圖層2”上方，調(diào)整“產(chǎn)品”素材位置至禮品盒中的絲帶截斷處，選中“產(chǎn)品”素材，在“圖層”面板中單擊（或雙擊該圖層）出現(xiàn)“圖層樣式”窗口，調(diào)整其投影，如圖9-4所示。三、實踐操作實踐操作9-1：化妝品全屏海報設(shè)計制作圖9-4放置素材任務(wù)一化妝品全屏海報設(shè)計制作步驟５使用文字工具輸入文本：全場滿99元立減10元今日包郵，調(diào)整顏色為粉色，調(diào)整大小與位置。雙擊文字圖層，在“圖層樣式”窗口中，勾選“斜面和浮雕”前的復(fù)選框，調(diào)整參數(shù)，樣式：內(nèi)斜面，方法：平滑，深度：29%，方向：上，大?。?像素，軟化：0像素，角度：90度，高度：30度，高光模式：濾色、白色，不透明度：50%，陰影模式：正片疊底、黑色，不透明度：50%，如圖9-5所示。三、實踐操作實踐操作9-1：化妝品全屏海報設(shè)計制作圖9-5文字圖層樣式任務(wù)一化妝品全屏海報設(shè)計制作步驟6使用文字工具輸入文本“七夕好禮新品首發(fā)”“夏季補水專區(qū)8折優(yōu)惠”“活動時間：8.22-8.28”，格式為黑體、31點、粉色和白色，放置在合適位置。使用圓角矩形工具繪制橙色圓角矩形，放置在“夏季補水專區(qū)8折優(yōu)惠”文案圖層下方，效果如圖9-6所示。三、實踐操作實踐操作9-1：化妝品全屏海報設(shè)計制作圖9-6設(shè)置字符屬性任務(wù)一化妝品全屏海報設(shè)計制作步驟７拖入絲帶、花瓣、珍珠等素材，調(diào)整大小，放置在合適位置。化妝品全屏海報最終效果如圖9-7所示。三、實踐操作實踐操作9-1：化妝品全屏海報設(shè)計制作圖9-7化妝品全屏海報最終效果02女包全屏海報設(shè)計制作任務(wù)二女包全屏海報設(shè)計制作一、案例引入及相關(guān)知識為了能掌握首頁海報的制作流程，接下來我們以女包店鋪為例，設(shè)計店鋪的全屏海報。二、資源準備三、實踐操作實踐操作9-2：女包全屏海報設(shè)計制作1.任務(wù)要求（1）女包全屏海報大?。?920×900像素，顏色模式：RGB顏色，分辨率：72像素/英寸。（2）女包海報圖背景制作。任務(wù)二女包全屏海報設(shè)計制作三、實踐操作實踐操作9-2：女包全屏海報設(shè)計制作2.實施步驟步驟1打開Photoshop軟件，新建寬度為1920像素，高度為900像素，分辨率為72像素/英寸，名稱為“女包全屏海報效果”的文件。使用矩形工具繪制寬度為1000像素的矩形，如圖9-8所示。圖9-8新建“女包全屏海報”文件任務(wù)二女包全屏海報設(shè)計制作三、實踐操作實踐操作9-2：女包全屏海報設(shè)計制作2.實施步驟步驟2執(zhí)行菜單欄命令“視圖”→“標尺”，使用移動工具選擇背景層和矩形層，在屬性欄中選擇居中對齊。鼠標在工具箱豎列旁邊的標尺上拖出兩根參考豎線標記居中位置，如圖9-9所示。圖9-9居中任務(wù)二女包全屏海報設(shè)計制作三、實踐操作實踐操作9-2：女包全屏海報設(shè)計制作2.實施步驟步驟3使用矩形工具繪制背景大小的矩形，顏色：#b73f04到#93180e徑向漸變，如圖9-10所示。圖9-10海報背景制作任務(wù)二女包全屏海報設(shè)計制作三、實踐操作實踐操作9-2：女包全屏海報設(shè)計制作2.實施步驟步驟４拖入“背景模特”文件，放大人物，放置在合適位置，圖層混合模式改為“正片疊底”，效果如圖9-11所示。圖9-11正片疊底2任務(wù)二女包全屏海報設(shè)計制作三、實踐操作實踐操作9-2：女包全屏海報設(shè)計制作2.實施步驟步驟５使用選擇工具選擇“紅色矩形”和“背景模特”兩個圖層，右擊合并圖層（或選擇需要合并的圖層，按快捷鍵Ctrl+E）。執(zhí)行菜單欄命令“濾鏡”→“雜色”→“添加雜色”，如圖9-12所示，數(shù)量設(shè)置為5%，選擇“平均分布”，勾選“單色”前的復(fù)選框，如圖9-13所示。圖9-12添加雜色圖9-12添加雜色任務(wù)二女包全屏海報設(shè)計制作三、實踐操作實踐操作9-2：女包全屏海報設(shè)計制作2.實施步驟步驟６使用矩形工具繪制矩形，顏色#6C0902，放置在畫板中央位置，拖入“模特”文件置于上方，調(diào)整到合適大小，如圖9-14所示。圖9-14植入模特任務(wù)二女包全屏海報設(shè)計制作三、實踐操作實踐操作9-2：女包全屏海報設(shè)計制作2.實施步驟步驟７使用文字工具分別輸入文案“T”“R”“D”“E”“N”，如圖9-15所示。圖9-15輸入文案6任務(wù)二女包全屏海報設(shè)計制作三、實踐操作實踐操作9-2：女包全屏海報設(shè)計制作2.實施步驟步驟８按Ctrl+J快捷鍵復(fù)制文字圖層“T”，選中“T拷貝”圖層，雙擊打開“圖層樣式”窗口,調(diào)整“混合選項”，設(shè)置“混合顏色帶”為灰色，“本圖層”右側(cè)白色三角拖動至左側(cè)，調(diào)整數(shù)值為0。調(diào)整“描邊”，設(shè)置“大小”為1像素，位置“內(nèi)部”，“顏色”為白色（#ffffff），如圖9-16所示。圖9-16圖層樣式任務(wù)二女包全屏海報設(shè)計制作三、實踐操作實踐操作9-2：女包全屏海報設(shè)計制作2.實施步驟步驟９將描邊后的文字“T”放置在白色實心字母“T”下方，選中描邊“T”向左位移一點兒，按住Ctrl+Alt+Shift+←組合鍵，即可復(fù)制且位移一個描邊“T”（所按方向鍵代表位移的方向），重復(fù)操作，復(fù)制出多層線描T。選中所有線描T圖層，按Ctrl+E快捷鍵合并圖層，如圖9-17所示。圖9-17多層復(fù)制字母“T”任務(wù)二女包全屏海報設(shè)計制作三、實踐操作實踐操作9-2：女包全屏海報設(shè)計制作2.實施步驟步驟10其他字母用同樣方法進行操作，效果如圖9-18所示。圖9-18多層復(fù)制其他字母任務(wù)二女包全屏海報設(shè)計制作三、實踐操作實踐操作9-2：女包全屏海報設(shè)計制作2.實施步驟步驟11使用文字工具輸入其他文案以及裝飾性文字，調(diào)整屬性后放置在合適位置。使用形狀工具繪制需要的形狀放置在文案下方，如圖9-19所示。圖9-19輸入輔助文案任務(wù)二女包全屏海報設(shè)計制作三、實踐操作實踐操作9-2：女包全屏海報設(shè)計制作2.實施步驟步驟11女包全屏海報最終效果如圖9-20所示。圖9-20女包全屏海報最終效果網(wǎng)店美工項目十產(chǎn)品陳列區(qū)設(shè)計制作·知識目標·技能目標·素質(zhì)目標（1）掌握產(chǎn)品陳列區(qū)的設(shè)計要點。（2）掌握產(chǎn)品陳列區(qū)的具體設(shè)計步驟。（1）能根據(jù)需要設(shè)計制作出產(chǎn)品陳列區(qū)。（2）熟練使用Photoshop中的相關(guān)工具。（1）培養(yǎng)學生具備獨立思考、創(chuàng)造性解決問題的能力。（2）培養(yǎng)學生有效地獲取、理解和整理信息。01枸杞陳列區(qū)設(shè)計制作任務(wù)一枸杞陳列區(qū)設(shè)計制作一、案例引入及相關(guān)知識在設(shè)計店鋪首頁時，除了常見的店招、導(dǎo)航欄、全屏海報、優(yōu)惠券以及產(chǎn)品分類模塊外，還需要設(shè)計產(chǎn)品展示的區(qū)域，用來直接向消費者展示和推薦店鋪的產(chǎn)品，從而引導(dǎo)消費者購買。我們可以對產(chǎn)品進行分類展示，展示過程中有主次產(chǎn)品的體現(xiàn)。比如，設(shè)置不同專區(qū)，包括上衣專區(qū)、裙子專區(qū)、箱包專區(qū)等。每個專區(qū)內(nèi)，重要產(chǎn)品展位多一些，設(shè)計更精美些。二、資源準備三、實踐操作實踐操作10-1：枸杞陳列區(qū)設(shè)計制作1.任務(wù)要求（1）陳列區(qū)設(shè)計的尺寸：950×500像素。（2）產(chǎn)品陳列整齊。任務(wù)一枸杞陳列區(qū)設(shè)計制作步驟1打開Photoshop軟件，新建大小為950×500像素，分辨率為72像素/英寸，名稱為“枸杞產(chǎn)品陳列區(qū)效果”的文件。使用矩形工具在頂部繪制橙色矩形并輸入“袋裝·枸杞”文案，調(diào)整合適屬性，放置在合適位置，如圖10-1所示。三、實踐操作實踐操作10-1：枸杞陳列區(qū)設(shè)計制作圖10-1新建“枸杞產(chǎn)品陳列區(qū)”文件任務(wù)一枸杞陳列區(qū)設(shè)計制作步驟2

使用矩形工具繪制矩形，填充任意顏色，描邊：1像素，灰色，寬度約為畫板三分之一，如圖10-2所示。三、實踐操作實踐操作10-1：枸杞陳列區(qū)設(shè)計制作圖10-2繪制寬度約為畫板三分之一的矩形任務(wù)一枸杞陳列區(qū)設(shè)計制作步驟3使用移動工具選中矩形圖層，拖入素材文件“枸杞1”，在“圖層”面板的“枸杞1”上單擊鼠標右鍵，選擇“創(chuàng)建剪貼蒙版”，如圖10-3所示。按Ctrl+T快捷鍵調(diào)整圖片大小和位置，選中矩形層和“枸杞1”圖層，單擊“圖層”面板下方的鏈接圖層按鈕

。三、實踐操作實踐操作10-1：枸杞陳列區(qū)設(shè)計制作圖10-3創(chuàng)建剪貼蒙版1任務(wù)一枸杞陳列區(qū)設(shè)計制作步驟4使用文字工具輸入“袋裝枸杞家庭食用”文本，文本格式為黑體、33點、黑色；使用矩形工具繪制矩形，輸入“立即購買”文本，文本格式為黑體、28點、白色；使用直線工具繪制兩條橫線放置在文案上、下方，如圖10-4所示。三、實踐操作實踐操作10-1：枸杞陳列區(qū)設(shè)計制作圖10-4輸入文案并繪制直線任務(wù)一枸杞陳列區(qū)設(shè)計制作步驟５使用選擇工具框中畫板中關(guān)于枸杞1產(chǎn)品的所有圖層，按Ctrl+G快捷鍵打組，雙擊“圖層”面板的“組1”將組名稱改為“枸杞1”，如圖10-5所示。三、實踐操作實踐操作10-1：枸杞陳列區(qū)設(shè)計制作圖10-5對枸杞1產(chǎn)品的所有圖層打組任務(wù)一枸杞陳列區(qū)設(shè)計制作步驟6選擇選擇工具，在屬性欄勾選“自動選擇：組”，選中組“枸杞1”，按快捷鍵Ctrl+C和Ctrl+V復(fù)制兩個組，將兩個組移動至合適位置，并將兩個組的名稱分別改為“枸杞2”“枸杞3”，如圖10-6所示。三、實踐操作實踐操作10-1：枸杞陳列區(qū)設(shè)計制作圖10-6復(fù)制組“枸杞1”任務(wù)一枸杞陳列區(qū)設(shè)計制作步驟７選擇選擇工具，在屬性欄勾選“自動選擇：圖層”，單擊需要替換的圖片，按Delete鍵刪除圖片。拖入素材文件“枸杞2”，在“圖層”面板中選中該圖層，單擊鼠標右鍵，選擇“創(chuàng)建剪貼蒙版”。調(diào)整圖片大小、位置，選中“枸杞2”和下方矩形圖層，單擊鼠標右鍵，選擇“鏈接圖層”?！拌坭?”用同樣方式替換圖片，如圖10-7所示。三、實踐操作實踐操作10-1：枸杞陳列區(qū)設(shè)計制作圖9-7化妝品全屏海報最終效果任務(wù)一枸杞陳列區(qū)設(shè)計制作步驟8選擇文字工具，在圖像窗口中單擊需要修改的文案，刪除不需要的文案，輸入合適文案。枸杞陳列區(qū)最終效果如圖10-8所示。三、實踐操作實踐操作10-1：枸杞陳列區(qū)設(shè)計制作圖10-8枸杞陳列區(qū)最終效果02茶葉陳列區(qū)設(shè)計制作任務(wù)二茶葉陳列區(qū)設(shè)計制作一、案例引入及相關(guān)知識產(chǎn)品陳列區(qū)設(shè)計主要有以下幾個要點：①分析消費者心理需求；②產(chǎn)品類別明確；③突出產(chǎn)品的價格和購買按鈕；④產(chǎn)品主次關(guān)系明確。二、資源準備三、實踐操作實踐操作10-2：茶葉陳列區(qū)設(shè)計制作1.任務(wù)要求（1）圖片大?。?50×1600像素，顏色模式：RGB顏色，分辨率：72像素/英寸。（2）三個產(chǎn)品分精品上新區(qū)和熱銷特賣區(qū)。任務(wù)二茶葉陳列區(qū)設(shè)計制作三、實踐操作實踐操作10-2：茶葉陳列區(qū)設(shè)計制作2.實施步驟步驟1打開Photoshop軟件，新建大小為950×1600像素，顏色模式為RGB顏色，分辨率為72像素/英寸，名稱為“茶葉產(chǎn)品陳列區(qū)效果”的畫布，拖入素材文件中的水墨畫放置于背景的合適位置，透明度降低至50%，設(shè)置圖層的“混合模式”為正片疊底，如圖10-9所示。圖10-9茶葉產(chǎn)品陳列區(qū)背景制作任務(wù)二茶葉陳列區(qū)設(shè)計制作三、實踐操作實踐操作10-2：茶葉陳列區(qū)設(shè)計制作2.實施步驟步驟2使用文字工具輸入文案“精”“品上新”“JINGPINSHANGXIN”；調(diào)整文案屬性，字體：禹衛(wèi)書法行書簡體，設(shè)置合適的文字大小，顏色為深綠色（#3b5040）。輸入文案“精品”，顏色為白色（#ffffff），放置在合適位置，拖入素材文件印章圖案放置于“精品”文字下方，如圖10-10所示。圖10-10標題文案任務(wù)二茶葉陳列區(qū)設(shè)計制作三、實踐操作實踐操作10