圖形圖像處理（Photoshop CC 2019） 課件 項(xiàng)目4 制作電商廣告-Banner設(shè)計(jì)

本章簡介：項(xiàng)目4制作電商廣告——Banner設(shè)計(jì)Banner是電商企業(yè)用來提高產(chǎn)品轉(zhuǎn)化率的重要手段，它將直接影響用戶是否購買產(chǎn)品或參加活動，因此Banner的設(shè)計(jì)對產(chǎn)品及UI，乃至運(yùn)營來說至關(guān)重要。通過本項(xiàng)目的學(xué)習(xí)，讀者可以掌握Banner的設(shè)計(jì)方法和制作技巧。學(xué)習(xí)引導(dǎo)相關(guān)知識：了解Banner設(shè)計(jì)的基礎(chǔ)知識1.Banner的概念Banner是網(wǎng)絡(luò)廣告中的常用元素，常用于Web頁面、App界面或戶外展示海報中。2.Banner的設(shè)計(jì)風(fēng)格Banner的設(shè)計(jì)風(fēng)格豐富多樣，有極簡風(fēng)格、插畫風(fēng)格、寫實(shí)風(fēng)格、2.5D風(fēng)格、3D風(fēng)格等。相關(guān)知識：了解Banner設(shè)計(jì)的基礎(chǔ)知識3.Banner的版式構(gòu)圖Banner的版式構(gòu)圖比較豐富，常用的有左右構(gòu)圖、上下構(gòu)圖、左中右構(gòu)圖、上中下構(gòu)圖、對角線構(gòu)圖、十字形構(gòu)圖和包圍形構(gòu)圖。相關(guān)知識：了解Banner設(shè)計(jì)的基礎(chǔ)知識任務(wù)4.1制作時尚彩妝類電商Banner任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐4.1.1任務(wù)引入阿奢瑪是一個涉及護(hù)膚、彩妝、香水等多個產(chǎn)品領(lǐng)域的護(hù)膚品牌。該公司計(jì)劃推出“迷人彩妝”系列產(chǎn)品，需設(shè)計(jì)一款用于線上宣傳的Banner，要求設(shè)計(jì)符合年輕人的喜好，突出產(chǎn)品特色。4.1.2設(shè)計(jì)理念該Banner以產(chǎn)品實(shí)物為主體，并用插畫元素來裝飾畫面；畫面中的色彩明亮鮮艷，使人產(chǎn)生愉悅感；畫面的版式活而不散，充滿青春氣息。4.1.3任務(wù)知識：繪制和編輯選區(qū)1．矩形選框工具選擇矩形選框工具，或反復(fù)按Shift+M組合鍵切換至矩形選框工具，其屬性欄如圖所示。4.1.3任務(wù)知識：繪制和編輯選區(qū)2．橢圓選框工具選擇橢圓選框工具，或反復(fù)按Shift+M組合鍵切換至橢圓選框工具，其屬性欄如圖所示。3．套索工具選擇套索工具，或反復(fù)按Shift+L組合鍵切換至套索工具，其屬性欄如圖所示。4.1.3任務(wù)知識：繪制和編輯選區(qū)4．多邊形套索工具選擇多邊形套索工具，在圖像中單擊設(shè)置選區(qū)的起點(diǎn)，依次單擊設(shè)置選區(qū)的其他點(diǎn)。將鼠標(biāo)指針移回起點(diǎn)，單擊即可封閉選區(qū)。4.1.3任務(wù)知識：繪制和編輯選區(qū)5．磁性套索工具選擇磁性套索工具，或反復(fù)按Shift+L組合鍵切換至磁性套索工具，其屬性欄如圖所示。4.1.3任務(wù)知識：繪制和編輯選區(qū)6．魔棒工具選擇魔棒工具，或反復(fù)按Shift+W組合鍵切換至魔棒工具，其屬性欄如圖所示。4.1.3任務(wù)知識：繪制和編輯選區(qū)7．羽化選區(qū)在圖像中繪制選區(qū)。選擇“選擇>修改>羽化”命令，彈出“羽化選區(qū)”對話框，在其中設(shè)置“羽化半徑”，單擊“確定”按鈕，羽化選區(qū)。按Shift+Ctrl+I組合鍵，將選區(qū)反選。

4.1.3任務(wù)知識：繪制和編輯選區(qū)8．取消選區(qū)選擇“選擇>取消選擇”命令，或按Ctrl+D組合鍵，可以取消選區(qū)。9．快速選擇工具選擇快速選擇工具，其屬性欄如圖所示。勾選“自動增強(qiáng)”復(fù)選框，可以調(diào)整繪制的選區(qū)邊緣的粗糙度。單擊“選擇主體”按鈕可以自動為圖像中最突出的部分創(chuàng)建選區(qū)。4.1.3任務(wù)知識：繪制和編輯選區(qū)4.1.4任務(wù)實(shí)施4.1.5擴(kuò)展實(shí)踐：制作家裝網(wǎng)站首頁Banner使用移動工具移動素材，使用矩形選框工具和橢圓選框工具繪制陰影，使用圖層樣式為圖片添加特殊效果；使用矩形工具、橫排文字工具、直排文字工具和“字符”控制面板添加品牌及活動信息。任務(wù)4.2制作箱包App首頁Banner任務(wù)引入設(shè)計(jì)理念任務(wù)知識任務(wù)實(shí)施擴(kuò)展實(shí)踐4.2.1任務(wù)引入本任務(wù)要求制作箱包App首頁Banner。該App是箱包銷售平臺，消費(fèi)對象是年輕群體。要求設(shè)計(jì)在展現(xiàn)出產(chǎn)品特色的同時，突出產(chǎn)品的優(yōu)惠力度。4.2.2設(shè)計(jì)理念該Banner使用純色背景營造出清新的氛圍；主體圖片與背景、主題緊密結(jié)合，宣傳主題令人一目了然；畫面的整體色調(diào)富有朝氣，給人青春洋溢的感覺；文字醒目突出，強(qiáng)化了宣傳效果。4.2.3任務(wù)知識：使用鋼筆工具1．鋼筆工具選擇鋼筆工具，或反復(fù)按Shift+P組合鍵切換至鋼筆工具，其屬性欄如圖所示。按住Shift鍵創(chuàng)建錨點(diǎn)時，將以45°或45°的倍數(shù)繪制路徑。按住Alt鍵，當(dāng)鼠標(biāo)指針移到錨點(diǎn)上時，鋼筆工具轉(zhuǎn)換為轉(zhuǎn)換點(diǎn)工具。按住Ctrl鍵，鋼筆工具轉(zhuǎn)換為直接選擇工具。2．添加錨點(diǎn)工具將鼠標(biāo)指針移動到創(chuàng)建好的路徑上，若當(dāng)前此處沒有錨點(diǎn)，則鋼筆工具將轉(zhuǎn)換成添加錨點(diǎn)工具。在路徑上單擊可以添加一個錨點(diǎn)。單擊添加錨點(diǎn)后按住鼠標(biāo)左鍵不放并向上拖曳，可以創(chuàng)建曲線段和曲線錨點(diǎn)。

4.2.3任務(wù)知識：使用鋼筆工具3．刪除錨點(diǎn)工具將鼠標(biāo)指針移到直線路徑的錨點(diǎn)上，鋼筆工具將轉(zhuǎn)換成刪除錨點(diǎn)工具。單擊錨點(diǎn)可將其刪除。

4.2.3任務(wù)知識：使用鋼筆工具4．轉(zhuǎn)換點(diǎn)工具使用鋼筆工具在圖像中繪制三角形路徑。當(dāng)要閉合路徑時，鼠標(biāo)指針將變?yōu)樾螤?，單擊即可閉合路徑，完成三角形路徑的繪制。選擇轉(zhuǎn)換點(diǎn)工具，將鼠標(biāo)指針移到三角形左上角的錨點(diǎn)上。在錨點(diǎn)上按住鼠標(biāo)左鍵不放并向右上方拖曳，得到曲線錨點(diǎn)。使用相同的方法將三角形的其他錨點(diǎn)轉(zhuǎn)換為曲線錨點(diǎn)。4.2.3任務(wù)知識：使用鋼筆工具5．路徑與選區(qū)的轉(zhuǎn)換◎?qū)⑦x區(qū)轉(zhuǎn)換為路徑在圖像上繪制選區(qū)，單擊“路徑”控制面板右上方的圖標(biāo)，在彈出的菜單中選擇“建立工作路徑”命令，彈出“建立工作路徑”對話框，“容差”文本框用于設(shè)置轉(zhuǎn)換時的誤差值，數(shù)值越小越精確，路徑上的關(guān)鍵點(diǎn)也越多?！?qū)⒙窂睫D(zhuǎn)換為選區(qū)在圖像中創(chuàng)建路徑。單擊“路徑”控制面板右上方的圖標(biāo)，在彈出的菜單中選擇“建立選區(qū)”命令，彈出“建立選區(qū)”對話框。設(shè)置完成后，單擊“確定”按鈕，將路徑轉(zhuǎn)換為選區(qū)。

4.2.3任務(wù)知識：使用鋼筆工具4.2.4任務(wù)實(shí)施4.2.5擴(kuò)展實(shí)踐：制作箱包飾品類網(wǎng)站首頁Banner使用鋼筆工具和添加錨點(diǎn)工具繪制路徑，使用選區(qū)和路徑的轉(zhuǎn)換命令進(jìn)行相應(yīng)的轉(zhuǎn)換操作，使用橫排文字工具添加文字，使用矩形工具繪制裝飾矩形。任務(wù)4.3項(xiàng)目演練——制作家電類網(wǎng)店Banner任務(wù)引入設(shè)計(jì)理念4.3.1任務(wù)引入本任務(wù)是為一家綜合