邊做邊學(xué)-Photoshop圖像制作案例教程（第2版）（Photoshop 2020）課件 第5章　H頁(yè)面設(shè)計(jì)

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

5.1.4【相關(guān)工具】3．HDR色調(diào)命令打開一幅圖像。選擇“圖像>調(diào)整>HDR色調(diào)”命令，彈出“HDR色調(diào)”對(duì)話框，單擊“確定”按鈕，可以改變圖像HDR的對(duì)比度和曝光度。5.1.4【相關(guān)工具】使用移動(dòng)工具和HDR色調(diào)命令調(diào)整圖像，使用橫排文字工具和圖層樣式添加文字。最終效果參看云盤中的“Ch05>效果>制作食品餐飲行業(yè)產(chǎn)品介紹H5.psd”。5.1.5【實(shí)戰(zhàn)演練】制作食品餐飲行業(yè)產(chǎn)品介紹H5【案例分析】【設(shè)計(jì)理念】【操作步驟】【相關(guān)工具】【實(shí)戰(zhàn)演練】制作家居裝修行業(yè)雜志介紹H55.2制作傳統(tǒng)節(jié)日主題活動(dòng)H5紅陽(yáng)陽(yáng)旅行社是一家經(jīng)營(yíng)各類旅行活動(dòng)的旅游公司，提供車輛出租、帶團(tuán)旅行等服務(wù)?，F(xiàn)旅行社要為春季特惠旅游活動(dòng)制作傳統(tǒng)節(jié)日主題活動(dòng)H5，需加入傳統(tǒng)元素，設(shè)計(jì)要求清新自然，主題突出。5.2.1【案例分析】在設(shè)計(jì)制作過(guò)程中，以插畫圖片為主，搭配簡(jiǎn)單的文字，使畫面層次分明，充滿韻律感和節(jié)奏感。整體設(shè)計(jì)寓意深遠(yuǎn)且緊扣主題，能使人產(chǎn)生聲臨其境的感覺。最終效果參看云盤中的“Ch05/效果/制作傳統(tǒng)節(jié)日主題活動(dòng)H5.psd”。5.2.2【設(shè)計(jì)理念】5.2.3【操作步驟】1．色相/飽和度命令“色相/飽和度”命令可以用來(lái)調(diào)節(jié)圖像的色相和飽和度。打開一幅圖像。選擇“色相/飽和度”命令，或按Ctrl+U組合鍵，彈出“色相/飽和度”對(duì)話框。5.2.4【相關(guān)工具】2．圖層的混合模式圖層混合模式的設(shè)置，決定了當(dāng)前圖層中的圖像與其下面圖層中的圖像以何種模式進(jìn)行混合。5.2.4【相關(guān)工具】3．像素化濾鏡命令像素化濾鏡可以用于將圖像分塊或?qū)D像平面化。5.2.4【相關(guān)工具】使用色相/飽和度、照片濾鏡和色階調(diào)整層調(diào)整圖像色調(diào)，使用矩形工具、鋼筆工具、直接選擇工具和橢圓工具繪制裝飾圖形，使用置入嵌入對(duì)象命令置入圖像。最終效果參看云盤中的“Ch05>效果>制作家居裝修行業(yè)雜志介紹H5.psd”。5.2.5【實(shí)戰(zhàn)演練】制作家居裝修行業(yè)雜志介紹H5【案例分析】【設(shè)計(jì)理念】【知識(shí)要點(diǎn)】5.3綜合演練——制作傳統(tǒng)民間藝術(shù)產(chǎn)品營(yíng)銷H5頁(yè)面中國(guó)擁有豐富多彩的傳統(tǒng)民間藝術(shù)，每個(gè)地區(qū)都有獨(dú)特的表現(xiàn)形式和風(fēng)格。"布老虎"是其中一種民間手工藝品，通常用布料制作成的虎形玩具，有著濃厚的民間文化背景。本案例是設(shè)計(jì)制作傳統(tǒng)民間藝術(shù)布老虎營(yíng)銷H5頁(yè)面，要求在設(shè)計(jì)上要表現(xiàn)出傳統(tǒng)藝術(shù)的特點(diǎn)和工藝之美。5.3.1【案例分析】在設(shè)計(jì)制作過(guò)程中，以橙色背景作為底色，搭配紅色主體物整理設(shè)計(jì)直觀醒目。簡(jiǎn)潔大方的設(shè)計(jì)風(fēng)格使圖文有序結(jié)合。經(jīng)典的配色和多種裝飾元素相搭配，使畫面充滿特色。5.3.2【設(shè)計(jì)理念】使用置入嵌入對(duì)象命令置入圖像，使用馬賽克濾鏡命令制作馬賽克效果，使用色相/飽和度、亮度/對(duì)比對(duì)、照片濾鏡命令調(diào)整層調(diào)整圖像色調(diào)。最終效果參看云盤中的“Ch05>效果>制作傳統(tǒng)民間藝術(shù)產(chǎn)品營(yíng)銷H5頁(yè)面.psd”。5.3.3【知識(shí)要點(diǎn)】【案例分析】【設(shè)計(jì)理念】【知識(shí)要點(diǎn)】5.4綜合演練——制作女裝活動(dòng)頁(yè)H5首頁(yè)伊美是一家服飾店，產(chǎn)品包括男女時(shí)裝、童裝、鞋履、鐘表、精品配飾、包包等。本案例是設(shè)計(jì)制作一款女裝活動(dòng)頁(yè)H5首頁(yè)，設(shè)計(jì)要求宣傳本期主題，展現(xiàn)產(chǎn)品特色的同時(shí)，突出優(yōu)惠力度。5.4.1【案例分析】在設(shè)計(jì)制作過(guò)程中，背景使用綠色和橙色相互結(jié)合，具有沖擊感的背景，營(yíng)造出活力、熱鬧的氛圍。主體圖片與環(huán)境和主題完美結(jié)合，讓人一目了然。色彩的使用富有朝氣，給人青春洋溢的印象。文字的使用醒目突出，達(dá)到宣傳的目的。5.4.2【設(shè)計(jì)理念】使用矩形選框工具和描邊