邊做邊學 Photoshop圖像制作案例教程（第2版）（Photoshop 2020）課件 第5、6章　H頁面設計、海報設計

第5章H5設計本章簡介：隨著移動互聯(lián)網(wǎng)的興起，H5逐漸成為了互聯(lián)網(wǎng)傳播領域的一個重要傳播形式，因此學習和掌握H5成為了廣大互聯(lián)網(wǎng)從業(yè)人員的重要技能之一。本章以多個題材的H5頁面為例，講解H5頁面的設計方法和制作技巧。課堂學習目標掌握H5的設計思路和手段掌握H5的制作方法和技巧【案例分析】【設計理念】【操作步驟】【相關工具】【實戰(zhàn)演練】制作食品餐飲行業(yè)產(chǎn)品介紹H55.1制作汽車工業(yè)行業(yè)活動邀請H5獵豹是一個轎車汽車品牌，主要生產(chǎn)商務轎車和家用，產(chǎn)品的設計既吸取了國際潮流先進的理念，又符合國內(nèi)文化的審美觀念。本案例是設計制作一款汽車工業(yè)類活動邀請H5，設計要求突出顯示產(chǎn)品特色及賣點，起到吸引客戶的作用。5.1.1【案例分析】在設計制作過程中，以實物照片作為底圖，具有視覺沖擊力。畫面排版主次分明，增加了畫面的生活氣息。以直觀醒目的方式向觀眾傳達宣傳信息，充分的展現(xiàn)出了產(chǎn)品的特點及優(yōu)勢。最終效果參看云盤中的“Ch05/效果/制作汽車工業(yè)行業(yè)活動邀請H5.psd”。5.1.2【設計理念】5.1.3【操作步驟】1．照片濾鏡命令“照片濾鏡”命令用于模仿傳統(tǒng)相機的濾鏡效果處理圖像，通過調(diào)整圖片顏色可以獲得各種效果。5.1.4【相關工具】2．亮度/對比度命令“亮度/對比度”命令可以用來調(diào)節(jié)整個圖像的亮度和對比度。打開一幅圖像。選擇“亮度/對比度”命令，彈出“亮度/對比度”對話框。

5.1.4【相關工具】3．HDR色調(diào)命令打開一幅圖像。選擇“圖像>調(diào)整>HDR色調(diào)”命令，彈出“HDR色調(diào)”對話框，單擊“確定”按鈕，可以改變圖像HDR的對比度和曝光度。5.1.4【相關工具】使用移動工具和HDR色調(diào)命令調(diào)整圖像，使用橫排文字工具和圖層樣式添加文字。最終效果參看云盤中的“Ch05>效果>制作食品餐飲行業(yè)產(chǎn)品介紹H5.psd”。5.1.5【實戰(zhàn)演練】制作食品餐飲行業(yè)產(chǎn)品介紹H5【案例分析】【設計理念】【操作步驟】【相關工具】【實戰(zhàn)演練】制作家居裝修行業(yè)雜志介紹H55.2制作傳統(tǒng)節(jié)日主題活動H5紅陽陽旅行社是一家經(jīng)營各類旅行活動的旅游公司，提供車輛出租、帶團旅行等服務?，F(xiàn)旅行社要為春季特惠旅游活動制作傳統(tǒng)節(jié)日主題活動H5，需加入傳統(tǒng)元素，設計要求清新自然，主題突出。5.2.1【案例分析】在設計制作過程中，以插畫圖片為主，搭配簡單的文字，使畫面層次分明，充滿韻律感和節(jié)奏感。整體設計寓意深遠且緊扣主題，能使人產(chǎn)生聲臨其境的感覺。最終效果參看云盤中的“Ch05/效果/制作傳統(tǒng)節(jié)日主題活動H5.psd”。5.2.2【設計理念】5.2.3【操作步驟】1．色相/飽和度命令“色相/飽和度”命令可以用來調(diào)節(jié)圖像的色相和飽和度。打開一幅圖像。選擇“色相/飽和度”命令，或按Ctrl+U組合鍵，彈出“色相/飽和度”對話框。5.2.4【相關工具】2．圖層的混合模式圖層混合模式的設置，決定了當前圖層中的圖像與其下面圖層中的圖像以何種模式進行混合。5.2.4【相關工具】3．像素化濾鏡命令像素化濾鏡可以用于將圖像分塊或?qū)D像平面化。5.2.4【相關工具】使用色相/飽和度、照片濾鏡和色階調(diào)整層調(diào)整圖像色調(diào)，使用矩形工具、鋼筆工具、直接選擇工具和橢圓工具繪制裝飾圖形，使用置入嵌入對象命令置入圖像。最終效果參看云盤中的“Ch05>效果>制作家居裝修行業(yè)雜志介紹H5.psd”。5.2.5【實戰(zhàn)演練】制作家居裝修行業(yè)雜志介紹H5【案例分析】【設計理念】【知識要點】5.3綜合演練——制作傳統(tǒng)民間藝術產(chǎn)品營銷H5頁面中國擁有豐富多彩的傳統(tǒng)民間藝術，每個地區(qū)都有獨特的表現(xiàn)形式和風格。"布老虎"是其中一種民間手工藝品，通常用布料制作成的虎形玩具，有著濃厚的民間文化背景。本案例是設計制作傳統(tǒng)民間藝術布老虎營銷H5頁面，要求在設計上要表現(xiàn)出傳統(tǒng)藝術的特點和工藝之美。5.3.1【案例分析】在設計制作過程中，以橙色背景作為底色，搭配紅色主體物整理設計直觀醒目。簡潔大方的設計風格使圖文有序結(jié)合。經(jīng)典的配色和多種裝飾元素相搭配，使畫面充滿特色。5.3.2【設計理念】使用置入嵌入對象命令置入圖像，使用馬賽克濾鏡命令制作馬賽克效果，使用色相/飽和度、亮度/對比對、照片濾鏡命令調(diào)整層調(diào)整圖像色調(diào)。最終效果參看云盤中的“Ch05>效果>制作傳統(tǒng)民間藝術產(chǎn)品營銷H5頁面.psd”。5.3.3【知識要點】【案例分析】【設計理念】【知識要點】5.4綜合演練——制作女裝活動頁H5首頁伊美是一家服飾店，產(chǎn)品包括男女時裝、童裝、鞋履、鐘表、精品配飾、包包等。本案例是設計制作一款女裝活動頁H5首頁，設計要求宣傳本期主題，展現(xiàn)產(chǎn)品特色的同時，突出優(yōu)惠力度。5.4.1【案例分析】在設計制作過程中，背景使用綠色和橙色相互結(jié)合，具有沖擊感的背景，營造出活力、熱鬧的氛圍。主體圖片與環(huán)境和主題完美結(jié)合，讓人一目了然。色彩的使用富有朝氣，給人青春洋溢的印象。文字的使用醒目突出，達到宣傳的目的。5.4.2【設計理念】使用矩形選框工具和描邊命令制作黑色邊框，使用色相/飽和度和色階命令調(diào)整圖像色調(diào)，使用置入嵌入對象命令置入圖像，使用自由變換命令調(diào)整圖像大小。最終效果參看云盤中的“Ch05>效果>制作女裝活動頁H5首頁.psd”。5.4.3【知識要點】第6章海報設計本章簡介：海報是廣告藝術中的一種大眾化載體，又名“招貼”或“宣傳畫”。海報具有尺寸大、遠視性強、藝術性高的特點，在宣傳媒介中占有重要的地位。本章以多個主題的海報為例，講解海報的設計方法和制作技巧。課堂學習目標掌握海報的設計思路和手段掌握海報的制作方法和技巧【案例分析】【設計理念】【操作步驟】【相關工具】【實戰(zhàn)演練】制作檸檬茶宣傳海報6.1制作婚紗攝影類公眾號運營海報經(jīng)典是一家專業(yè)的婚紗攝影公司，專為結(jié)婚新人提供多元化的婚紗拍攝及優(yōu)質(zhì)的婚紗照服務體驗。本案例是制作一款攝影公眾號運營海報，展現(xiàn)出工作室專業(yè)的攝影技藝，體現(xiàn)出自然唯美，輕松自在的感覺。6.1.1【案例分析】在設計制作過程中，模板使用了純色的背景突出展示人物婚紗照。文字的設計與整個設計相呼應，讓人印象深刻。畫面排版主次分明，增加了畫面的趣味和美感，以直觀醒目的方式向觀眾傳達宣傳信息。最終效果參看云盤中的“Ch06/效果/制作婚紗攝影類公眾號運營海報.psd”。6.1.2【設計理念】6.1.3【操作步驟】1．通道通道控制面板可以管理所有的通道并對通道進行編輯。選擇“窗口>通道”命令，彈出“通道”控制面板。在控制面板中，放置區(qū)用于存放當前圖像中存在的所有通道。6.1.4【相關工具】2．應用圖像選擇“圖像>應用圖像”命令，彈出“應用圖像”對話框。6.1.4【相關工具】3．計算選擇“圖像>計算”命令，彈出“計算”對話框。6.1.4【相關工具】使用鋼筆工具繪制選區(qū)，使用亮度/對比對命令調(diào)整圖片，使用通道控制面板摳出飲料杯。最終效果參看云盤中的“Ch06>效果>制作檸檬茶宣傳海報.psd”。6.1.5【實戰(zhàn)演練】制作檸檬茶宣傳海報【案例分析】【設計理念】【操作步驟】【相關工具】【實戰(zhàn)演練】制作牛肉拉面宣傳海報6.2制作餐廳招牌面宣傳海報金巧寶是一家餐飲企業(yè)，主要經(jīng)營范圍包括面食、湯品、涼菜、醬肉等等?，F(xiàn)需要為招牌面制作宣傳海報，設計要求抓住產(chǎn)品主題，充分展現(xiàn)出產(chǎn)品特點。6.2.1【案例分析】在設計制作過程中，通過合理的色彩搭配，突出主題，給人舒適感。純色的背景與美味牛肉面的搭配給人垂涎三尺的感覺，突顯出產(chǎn)品的特色。字體的設計與宣傳的主體相呼應，達到宣傳的目的。整體設計簡潔大方，易給人好感，起到宣傳的作用。最終效果參看云盤中的“Ch06/效果/制作餐廳招牌面宣傳海報.psd”。6.2.2【設計理念】6.2.3【操作步驟】1．文字工具選擇“橫排文字”工具，或按T鍵。6.2.4【相關工具】2．字符面板選擇“窗口>字符”命令，彈出“字符”控制面板。6.2.4【相關工具】3．路徑文字選擇“橢圓”工具，將屬性欄中的“選擇工具模式”選項設為“路徑”，在圖像中繪制圓形路徑。選擇“橫排文字”工具，在工具屬性欄中設置文字的屬性，當鼠標指針停放在路徑上時會變?yōu)閳D標，單擊鼠標左鍵，此時出現(xiàn)一個帶有選中文字的文字區(qū)域，此處成為輸入文字的起始點。輸入的文字會沿著路徑的形狀進行排列。6.2.4【相關工具】4．曝光度命令打開一張圖片。選擇“圖像>調(diào)整>曝光度”命令，彈出“曝光度”對話框。單擊“確定”按鈕。6.2.4【相關工具】使用矩形工具繪制背景，使用圖層樣式、色階和色相/飽和度調(diào)整層制作產(chǎn)品圖片，使用橫排文字工具制作宣傳語，使用橢圓工具和橫排文字工具制作路徑文字。最終效果參看云盤中的“Ch06>效果>制作牛肉拉面宣傳海報.psd”。6.2.5【實戰(zhàn)演練】制作牛肉拉面宣傳海報【案例分析】【設計理念】【操作步驟】【相關工具】【實戰(zhàn)演練】制作文化創(chuàng)意運營海報6.3制作旅游出行公眾號推廣海報紅陽陽旅行社是一家經(jīng)營各類旅行活動的旅游公司，包括車輛出租、帶團旅行等活動。旅行社要為暑期旅游制作公眾號推廣海報，需加入公司經(jīng)營內(nèi)容及景區(qū)風景等元素，設計要求清新自然，主題突出。6.3.1【案例分析】在設計制作過程中，背景的真實美景營造出休閑舒適的氛圍，動車在添加畫面動感的同時，體現(xiàn)出旅行的特點。色彩搭配自然大氣，白色和黃色的文字醒目突出，讓人一目了然，辨識度強。整體設計清新自然，能達到吸引游客的目的。最終效果參看云盤中的“Ch06/效果/制作旅游出行公眾號推廣海報.psd”。6.3.2【設計理念】6.3.3【操作步驟】1．圖層蒙版單擊“圖層”控制面板下方的“添加圖層蒙版”按鈕，可以創(chuàng)建圖層蒙版。按住Alt鍵的同時，單擊“圖層”控制面板下方的“添加圖層蒙版”按鈕，可以創(chuàng)建一個遮蓋全部圖層的蒙版。6.3.4【相關工具】2．曲線命令曲線命令可以通過調(diào)整圖像色彩曲線上的任意一個像素點來改變圖像的色彩范圍。6.3.4【相關工具】使用圖層混合模式合成圖像，使用圖層蒙版合成圖像效果。最終效果參看云盤中的“Ch06>效果>制作文化創(chuàng)意運營海報.psd”。6.3.5【實戰(zhàn)演練】制作文化創(chuàng)意運營海報【案例分析】【設計理念】【操作步驟】【相關工具】【實戰(zhàn)演練】制作舞蹈培訓公眾號運營海報6.4制作小寒節(jié)氣宣傳海報原木文化藝術有限公司是一家致力于文化創(chuàng)意產(chǎn)業(yè)發(fā)展的公司。公司匯集了各領域的創(chuàng)意人才，專注于打造獨特、富有創(chuàng)意的文化藝術作品，旨在將傳統(tǒng)文化與現(xiàn)代創(chuàng)新相結(jié)合。此案例是制作一款節(jié)氣宣傳海報，要求在體現(xiàn)出節(jié)氣特點的同時，展現(xiàn)出品牌調(diào)性。6.4.1【案例分析】在設計制作過程中，背景的真實美景營造出休閑舒適的氛圍，植物在添加畫面動感的同時，體現(xiàn)出看季節(jié)的特點。色彩搭配自然大氣，白色的文字和紅色的背景相互襯托，讓人一目了然，提高辨識度。整體設計清新自然，能達到吸引人關注的目的。最終效果參看云盤中的“Ch06/效果/制作小寒節(jié)氣宣傳海報.psd”。6.4.2【設計理念】6.4.3【操作步驟】1．去色選擇“圖像>調(diào)整>去色”命令，或按Shift+Ctrl+U組合鍵，可以去掉圖像中的色彩，使圖像變?yōu)榛叶葓D，但圖像的色彩模式并不改變?！叭ド泵钜部梢詫D像的選區(qū)使用，將選區(qū)中的圖像去色。6.4.4【相關工具】2．色調(diào)分離打開一張圖片，選擇“圖像>調(diào)整>色調(diào)分離”命令，彈出“色調(diào)分離”對話框，單擊“確定”按鈕。6.4.4【相關工具】3．閾值打開一張圖片，選擇“圖像>調(diào)整>閾值”命令，彈出“閾值”對話框，單擊“確定”按鈕。6.4.4【相關工具】使用色階命令和曲線命令調(diào)整圖片顏色，使用橫排文字工具和字符控制面板添加標題和宣傳性文字。最終效果參看云盤中的“Ch06>效果>制作舞蹈培訓公眾號運營海報.psd”。6.4.5【實戰(zhàn)演練】制作舞蹈培訓公眾號運營海報【案例分析】【設計理念】【知識要點】6.5綜合演練——制作音樂會宣傳海報中國古典樂器作為中華民族傳統(tǒng)文化的重要組成部分，承載著豐富的歷史、情感和智慧。本案例是設計制作一款音樂會宣傳海報，要求根據(jù)品牌的調(diào)性、產(chǎn)品的功能以及場景應用等因素進行設計。6.5.1【案例分析】在設計制作過程中，通過純色背景搭配樂器進行設計，醒目突出，讓人一目了然。標題設計富有特點且主題突出，內(nèi)容豐富，搭配合理。畫面色彩搭配適宜，營造出身心舒暢的旅行氛圍。設計風格具有特色，版式設計精巧活潑，能吸引用戶目光體現(xiàn)出傳統(tǒng)特色之美。6.5.2【設計理念】使用照片濾鏡調(diào)整層調(diào)整背景顏色，使用圖層樣式為圖片添加特殊效果，使用直排文字工具添加文字信息。最終效果參看云盤中的“Ch06>效果>制作音樂會宣傳海報.psd。6.5.3【知識要點】【案例分析】【設計理念】【知識要點】6.6綜合演練——制作公益環(huán)保宣傳海報源盟電力有限公司是一家致力于提供可靠、高效、可持續(xù)的電力供應和能源解決