圖形圖像處理（Photoshop CC 2019） 課件 項(xiàng)目6 制作互動(dòng)廣告-H5設(shè)計(jì)

本章簡介：項(xiàng)目6制作互動(dòng)廣告——H5設(shè)計(jì)隨著移動(dòng)互聯(lián)網(wǎng)的興起，H5逐漸成為互聯(lián)網(wǎng)傳播領(lǐng)域中的一種重要傳播形式。H5的應(yīng)用形式豐富，交互體驗(yàn)良好，深受設(shè)計(jì)愛好者及專業(yè)設(shè)計(jì)師的喜愛。本項(xiàng)目將對H5的概念、應(yīng)用及類型進(jìn)行系統(tǒng)講解。通過本項(xiàng)目的學(xué)習(xí)，讀者將對H5有基本的認(rèn)識(shí)，有助于后續(xù)高效地進(jìn)行H5的設(shè)計(jì)與制作。學(xué)習(xí)引導(dǎo)相關(guān)知識(shí)：了解H5設(shè)計(jì)的基礎(chǔ)知識(shí)1.H5的概念H5指的是移動(dòng)端上基于HTML5技術(shù)制作的交互動(dòng)態(tài)網(wǎng)頁，它是一種用于移動(dòng)互聯(lián)網(wǎng)的新型營銷工具，通過移動(dòng)平臺(tái)（如微信）進(jìn)行傳播。相關(guān)知識(shí)：了解H5設(shè)計(jì)的基礎(chǔ)知識(shí)2.H5的應(yīng)用H5的應(yīng)用形式多樣，常見的應(yīng)用形式有品牌宣傳、產(chǎn)品展示、活動(dòng)推廣、知識(shí)分享、新聞熱點(diǎn)、會(huì)議邀請、企業(yè)招聘、培訓(xùn)招生等。相關(guān)知識(shí)：了解H5設(shè)計(jì)的基礎(chǔ)知識(shí)3.H5的類型H5可分為營銷宣傳、知識(shí)新聞、游戲互動(dòng)及網(wǎng)站應(yīng)用4類。任務(wù)6.1制作汽車工業(yè)類活動(dòng)邀請H5任務(wù)引入設(shè)計(jì)理念任務(wù)知識(shí)任務(wù)實(shí)施擴(kuò)展實(shí)踐6.1.1任務(wù)引入RSO是一個(gè)汽車品牌，該公司主要生產(chǎn)商務(wù)和家用轎車。本任務(wù)要求為RSO公司制作一個(gè)汽車工業(yè)類活動(dòng)邀請H5，要求設(shè)計(jì)突出產(chǎn)品特色及賣點(diǎn)，立足公司定位。6.1.2設(shè)計(jì)理念該H5以實(shí)物照片為底圖，具有視覺沖擊力；畫面主次分明，以直觀醒目的方式展現(xiàn)出了產(chǎn)品的特點(diǎn)；畫面整體風(fēng)格極具現(xiàn)代感，令人印象深刻。6.1.3任務(wù)知識(shí)：“照片濾鏡”命令、“亮度/對比度”命令、“HDR色調(diào)”命令1．“照片濾鏡”命令打開一張圖片。選擇“圖像>調(diào)整>照片濾鏡”命令，彈出“照片濾鏡”對話框，可以調(diào)整圖片顏色。2．“亮度/對比度”命令打開一張圖片。選擇“圖像>調(diào)整>亮度/對比度”命令，彈出“亮度/對比度”對話框，可以用來調(diào)節(jié)整個(gè)圖像的亮度和對比度。6.1.3任務(wù)知識(shí)：“照片濾鏡”命令、“亮度/對比度”命令、“HDR色調(diào)”命令3．

“HDR色調(diào)”命令打開一幅圖像。選擇“圖像>調(diào)整>HDR色調(diào)”命令，彈出“HDR色調(diào)”對話框，單擊“確定”按鈕，可以改變圖像高動(dòng)態(tài)范圍內(nèi)的對比度和曝光度。6.1.3任務(wù)知識(shí)：“照片濾鏡”命令、“亮度/對比度”命令、“HDR色調(diào)”命令6.1.4任務(wù)實(shí)施6.1.5擴(kuò)展實(shí)踐：制作食品餐飲行業(yè)產(chǎn)品介紹H5使用移動(dòng)工具和“HDR色調(diào)”命令調(diào)整圖像，使用橫排文字工具和圖層樣式添加文字。任務(wù)6.2制作中信達(dá)娛樂H5首頁任務(wù)引入設(shè)計(jì)理念任務(wù)知識(shí)任務(wù)實(shí)施擴(kuò)展實(shí)踐6.2.1任務(wù)引入中信達(dá)是一家娛樂公司，主要業(yè)務(wù)包括音樂、影視等。本任務(wù)要求為中信達(dá)公司設(shè)計(jì)制作一個(gè)娛樂H5首頁，要求設(shè)計(jì)風(fēng)格鮮明，吸引有表演夢想的青年。6.2.2設(shè)計(jì)理念該H5首頁以人物圖片為主，搭配簡單的文字，突出簡約、時(shí)尚的風(fēng)格；整體畫面具有層次感和夢幻感，緊扣主題，令人印象深刻。6.2.3任務(wù)知識(shí)：“色相/飽和度”命令、圖層的混合模式、“像素化”濾鏡1．“色相/飽和度”命令打開一張圖片。選擇“圖像>調(diào)整>色相>飽和度”命令，或按Ctrl+U組合鍵，彈出“色相/飽和度”對話框?？梢杂脕碚{(diào)節(jié)圖像的色相和飽和度。2．圖層的混合模式圖層的混合模式?jīng)Q定了當(dāng)前圖層中的圖像與其下面圖層中的圖像以何種模式進(jìn)行混合。在“圖層”控制面板中，用于設(shè)定圖層的混合模式，其中共有27種圖層混合模式。6.2.3任務(wù)知識(shí)：“色相/飽和度”命令、圖層的混合模式、“像素化”濾鏡3．“像素化”濾鏡“像素化”濾鏡用于將圖像分塊或?qū)D像平面化。“像素化”濾鏡命令的子菜單如圖所示。6.2.3任務(wù)知識(shí)：“色相/飽和度”命令、圖層的混合模式、“像素化”濾鏡6.2.4任務(wù)實(shí)施6.2.5擴(kuò)展實(shí)踐：制作家居裝修行業(yè)雜志介紹H5使用“色相/飽和度”命令、“照片濾鏡”命令和“色階”命令調(diào)整圖像色調(diào)，使用矩形工具、鋼筆工具、直接選擇工具和橢圓工具繪制裝飾圖形，使用橫排文字工具添加文字信息，使用“置入嵌入對象”命令置入圖像。任務(wù)6.3項(xiàng)目演練——制作食品餐飲行業(yè)產(chǎn)品營銷H5任務(wù)引入設(shè)計(jì)理念玫極客比薩是一家中小型快餐店，其主打菜品為比薩、意面、小食、熱湯、甜品和飲品。本任務(wù)要求為玫極客比薩制作一個(gè)產(chǎn)品營銷H5，要求設(shè)計(jì)主題明確，風(fēng)格時(shí)