電子商務(wù)視覺設(shè)計(jì) 課件 5任務(wù)3 光影效果的設(shè)計(jì)

模塊五主題創(chuàng)意海報(bào)的設(shè)計(jì)《電商視覺設(shè)計(jì)》思維導(dǎo)圖目錄CONTENTS活動(dòng)平面物料的設(shè)計(jì)主題創(chuàng)意海報(bào)的設(shè)計(jì)12項(xiàng)目五主題創(chuàng)意海報(bào)的設(shè)計(jì)項(xiàng)目背景

在全渠道數(shù)字化運(yùn)營中，主題創(chuàng)意海報(bào)承擔(dān)著企業(yè)廣泛傳遞產(chǎn)品營銷信息，宣傳品牌價(jià)值文化的重要作用，它能夠憑借引人注目的視覺審美設(shè)計(jì)形成高裂變傳播效果。隨著視覺審美多元化的發(fā)展，結(jié)合活動(dòng)營銷主題，熟練掌握海報(bào)設(shè)計(jì)技巧，靈活運(yùn)用多種設(shè)計(jì)元素，設(shè)計(jì)出符合用戶審美體系、具有創(chuàng)意，并且能夠高度傳播的海報(bào)成為主題創(chuàng)意海報(bào)視覺設(shè)計(jì)的必然趨勢(shì)。

進(jìn)行主題創(chuàng)意海報(bào)設(shè)計(jì)，就是結(jié)合企業(yè)或品牌營銷主題，確定與其格調(diào)相符合的宣傳海報(bào)設(shè)計(jì)風(fēng)格，然后以營銷主題和海報(bào)設(shè)計(jì)風(fēng)格為核心，以目標(biāo)用戶視覺審美偏好為導(dǎo)向，利用多種視覺設(shè)計(jì)元素，對(duì)其進(jìn)行創(chuàng)意化的編排創(chuàng)作，使其呈現(xiàn)出富有沖擊力的視覺效果，帶給用戶耳目一新的視覺體驗(yàn)，從而吸引用戶參與活動(dòng)。在主題創(chuàng)意海報(bào)設(shè)計(jì)中，設(shè)計(jì)師需要緊密結(jié)合營銷主題和品牌調(diào)性，巧妙使用各種元素、色彩、光影等，發(fā)散想象，對(duì)其進(jìn)行合理布局，從而凸顯營銷主題，加深用戶對(duì)營銷內(nèi)容的印象。冬至海報(bào)海報(bào)設(shè)計(jì)分析，需要明確設(shè)計(jì)主題，整理準(zhǔn)備海報(bào)設(shè)計(jì)所需素材，并對(duì)其字體、排版、色彩構(gòu)成等做出合理規(guī)劃；海報(bào)綜合設(shè)計(jì)，需要以海報(bào)設(shè)計(jì)分析構(gòu)思為前提，借助平面設(shè)計(jì)工具將海報(bào)創(chuàng)意具體呈現(xiàn)出來；光影效果的設(shè)計(jì)，需要設(shè)計(jì)師以海報(bào)畫面素材為主體，通過添加光影效果的方式，使其更加立體生動(dòng)，增強(qiáng)畫面的視覺表現(xiàn)效果，帶給用戶身臨其境的視覺體驗(yàn)。研究內(nèi)容海報(bào)設(shè)計(jì)分析海報(bào)綜合設(shè)計(jì)光影效果的設(shè)計(jì)學(xué)習(xí)目標(biāo)1.了解海報(bào)的視覺組成元素；2.了解主題創(chuàng)意海報(bào)的設(shè)計(jì)思路；3.了解平面設(shè)計(jì)三大基本構(gòu)圖元素；4.了解頁面布局的基本原則；5.了解主題創(chuàng)意海報(bào)常見版式及布局；6.認(rèn)識(shí)“三大面，五大調(diào)”；7.了解常見的光影效果。知識(shí)目標(biāo)1.了解海報(bào)設(shè)計(jì)前期準(zhǔn)備的事項(xiàng)；2.掌握海報(bào)綜合設(shè)計(jì)的步驟；3.掌握光影設(shè)計(jì)的步驟。技能目標(biāo)1.培養(yǎng)學(xué)生創(chuàng)新力與想象力的發(fā)展，幫助學(xué)生樹立法律法規(guī)意識(shí)，引導(dǎo)學(xué)生建立正確的審美觀念。素養(yǎng)目標(biāo)任務(wù)三光影效果的設(shè)計(jì)預(yù)備知識(shí)一、認(rèn)識(shí)“三大面，五大調(diào)”1三大面三大面是指具有一定結(jié)構(gòu)和材質(zhì)的物體受光源影響被劃分為三大明暗區(qū)域：亮面、暗面和灰面。預(yù)備知識(shí)一、認(rèn)識(shí)“三大面，五大調(diào)”2五大調(diào)五大調(diào)是指具有一定結(jié)構(gòu)和材質(zhì)的物體受光源影響，物體表面各部分所表現(xiàn)出的明暗變化規(guī)律，包括高光、灰調(diào)、明暗交界線、反光、投影。預(yù)備知識(shí)每個(gè)人只能陪你走一段路出自電影《山河故人》海報(bào)文案1.格柵光影

格柵是一種條格狀的室內(nèi)設(shè)計(jì)裝飾物，光源透過格柵照射形成的物體光影效果又被稱為格柵光影。二、常見的光影效果預(yù)備知識(shí)每個(gè)人只能陪你走一段路出自電影《山河故人》海報(bào)文案2.彌散光影

設(shè)計(jì)師通過使用制圖工具對(duì)不同主題的色彩進(jìn)行漸變模糊處理，使其表現(xiàn)出虛實(shí)相生的藝術(shù)效果，這樣的有色光感現(xiàn)象被稱之為彌散光。二、常見的光影效果實(shí)施準(zhǔn)備光影效果設(shè)計(jì)是豐富頁面視覺表達(dá)效果，塑造畫面立體感、空間感的重要方式。通過設(shè)計(jì)光影效果，宣傳畫面中的場(chǎng)景設(shè)計(jì)會(huì)帶給大眾更加客觀真實(shí)的視覺感受，同時(shí)，光影效果易于營造場(chǎng)景氛圍，容易帶給大眾身臨其境的體驗(yàn)感。實(shí)施準(zhǔn)備

進(jìn)行光影效果的設(shè)計(jì)時(shí)，首先需要明確畫面整體風(fēng)格以及場(chǎng)景氛圍的營造，然后結(jié)合畫面中的具體元素，確定具體的光源投射點(diǎn)，運(yùn)用制圖軟件分別勾勒各個(gè)元素在光源照射下的明暗變化。任務(wù)實(shí)施與分析

觀察頁面元素布局，根據(jù)各個(gè)元素的位置及排版美觀度，合理規(guī)劃其光影的具體方位。然后綜合考慮畫面、客觀環(huán)境、場(chǎng)景氛圍等多種因素，確定光源的投射方向。該農(nóng)產(chǎn)品電商企業(yè)的設(shè)計(jì)人員考慮多方面因素，并嘗試不同方位的光影布局效果之后，將光源投射方向設(shè)置在左上角。步驟1：根據(jù)畫面整體結(jié)構(gòu)及風(fēng)格確定光源投射方向。任務(wù)實(shí)施與分析

畫面設(shè)計(jì)中常見的光影效果有投影、格柵光影、彌散光影等，結(jié)合頁面宣傳主題及各個(gè)元素排版布局的現(xiàn)狀，選擇適合活動(dòng)宣傳主題，并且能夠營造出場(chǎng)景氛圍的光影設(shè)計(jì)方式。該農(nóng)產(chǎn)品電商企業(yè)的宣傳海報(bào)初稿中，部分元素的亮度需要調(diào)整，并且根據(jù)光源位置需要設(shè)置各個(gè)元素的投影。除此之外，設(shè)計(jì)人員為了烘托氛圍，準(zhǔn)備添加格柵光影增加海報(bào)的立體感和空間感。步驟2：確定光影類型。任務(wù)實(shí)施與分析使用Photoshop打開海報(bào)設(shè)計(jì)初稿PSD文件，使用“移動(dòng)工具”選擇標(biāo)有雞蛋價(jià)格的絲帶的圖層，然后單擊“新建圖層”按鈕，新建一個(gè)圖層，接著使用“畫筆工具”繪制絲帶的亮部形狀。步驟3：設(shè)計(jì)元素明暗變化。使用“畫筆工具”繪制絲帶的亮部任務(wù)實(shí)施與分析接著將繪制的圖層創(chuàng)建為絲帶圖層的剪切蒙版。步驟3：設(shè)計(jì)元素明暗變化。任務(wù)實(shí)施與分析使用同樣的方法制作出絲帶其他區(qū)域的亮部。步驟3：設(shè)計(jì)元素明暗變化。任務(wù)實(shí)施與分析根據(jù)確定的光源位置，使用“畫筆工具”或“鋼筆工具”繪制出每個(gè)素材的投影區(qū)域，接著使用濾鏡庫中的“高斯模糊”設(shè)置投影邊緣，使所繪制的投影更加的貼近真實(shí)場(chǎng)景中的投影。步驟4：添加元素投影。任務(wù)實(shí)施與分析步驟5.1：使用“矩形選框工具”繪制一個(gè)矩形框，然后設(shè)置羽化值半徑為5像素，接著將矩形框填充為白色，設(shè)置其透明度為25%。步驟5：添加格柵光影效果。任務(wù)實(shí)施與分析步驟5.1：接著旋轉(zhuǎn)和調(diào)整矩形的位置，并復(fù)制多個(gè)矩形且調(diào)整位置。步驟5：添加格柵光影效果。任務(wù)實(shí)施與分析步驟5.2：將復(fù)制的矩形工具圖層合并為一個(gè)圖層，接著復(fù)制合并后的圖層，并調(diào)整其位置；步驟5：添加格柵光影效果。任務(wù)實(shí)施與分析步驟5.2：然后創(chuàng)建右邊矩形圖層的圖層蒙版，接著使用使用漸變工具在圖層蒙版上調(diào)整矩形的邊緣，使得邊緣更貼近與真實(shí)的光束效果。步驟5：添加格柵光影效果。任務(wù)實(shí)施與分析步驟5.3：將所新建的圖層合并在一個(gè)組中，調(diào)整其透明度為64%，格柵光影效果就添加完成。步驟5：添加格柵光影效果。拓展知識(shí)一、材質(zhì)對(duì)光影效果的影響1324磨砂材質(zhì)對(duì)光源的吸收力較強(qiáng)，幾乎不具有反光性。磨砂材質(zhì)物品在光源的照射下，一般通過自身明暗變化的過渡來表現(xiàn)周圍環(huán)境。這種材質(zhì)物品的背光面亮度逐漸降低，高光區(qū)域亮度柔和，具有光影效果過渡均勻的特點(diǎn)。磨砂材質(zhì)鍍鉻是一種能夠形成類似鏡面反射的金屬材質(zhì)，鍍鉻材質(zhì)的物品反光性強(qiáng)，能夠在光源照射下反映出周圍環(huán)境的特點(diǎn)。鍍鉻材質(zhì)拓展知識(shí)一、材質(zhì)對(duì)光影效果的影響3344玻璃材質(zhì)具有透光性，且能夠?qū)庠催M(jìn)行反射和折射。當(dāng)投射光源強(qiáng)度越大時(shí)，其反光性更強(qiáng)，與此同時(shí)所表現(xiàn)出的反光亮度也就越強(qiáng)，也更能清晰反映出周圍環(huán)境的特點(diǎn)。玻璃材質(zhì)木質(zhì)物品幾乎不具有透光性，在光影設(shè)計(jì)中，設(shè)計(jì)師需要結(jié)合光照環(huán)境的特點(diǎn)以及物品明暗變化的規(guī)律，重點(diǎn)描繪出物品在不同光照環(huán)境下的色彩飽和度、光澤度等，突出其本身的質(zhì)感。鍍鉻材質(zhì)思考與總結(jié)

思政課堂

海報(bào)是產(chǎn)品營銷的一種廣告宣傳形式，在海報(bào)設(shè)計(jì)中，設(shè)計(jì)人員需要嚴(yán)格遵守相關(guān)法律法規(guī)，以正向健康、真實(shí)的廣告內(nèi)容進(jìn)行產(chǎn)品推廣。其中，不得使用與“國家級(jí)”相關(guān)的廣告詞，內(nèi)容不能有民族、種族等歧視含義，尊重他人隱私權(quán)，不能貶低同行業(yè)競(jìng)爭(zhēng)者的產(chǎn)品等法律法規(guī)內(nèi)容，對(duì)廣告設(shè)計(jì)內(nèi)容及方向做出了具體規(guī)范。思考與總結(jié)學(xué)員通過以上操作，完成對(duì)光影效果設(shè)計(jì)的分析，請(qǐng)學(xué)員在此基礎(chǔ)上，進(jìn)