電商設(shè)計(jì)電子課件

第2章商品精修與視覺(jué)合成本章介紹：商品精修與視覺(jué)合成是電商設(shè)計(jì)中首要的工作任務(wù)，通過(guò)精修合成后的商品能給為客戶帶來(lái)更好的購(gòu)買欲望，從而提升銷售量。本章針對(duì)商品精修中的修圖核心要素、修圖常用技法、理解光影與材質(zhì)以及視覺(jué)合成中的類型、透視、光影等知識(shí)進(jìn)行系統(tǒng)講解與演練。通過(guò)本章的學(xué)習(xí)，讀者可以對(duì)商品精修與視覺(jué)合成有一個(gè)系統(tǒng)的認(rèn)識(shí)，并快速掌握精修商品與合成的方法和技巧，為接下來(lái)的電商設(shè)計(jì)任務(wù)打下基礎(chǔ)。了解修圖的核心要素理解光影與材質(zhì)了解合成的基本類型熟悉合成的透視知識(shí)熟悉合成的光影知識(shí)學(xué)習(xí)目標(biāo)精修的核心要素精修的常用技法理解光影與材質(zhì)課堂案例-茶葉包裝精修2.1商品精修精修的核心要素主要有光感、質(zhì)感、色感、體積感以及結(jié)構(gòu)。1.光感光感是整體畫面感光度，設(shè)計(jì)師經(jīng)常運(yùn)用Photoshop中的“亮度/對(duì)比度”命令、“色階”命令以及“曲線”命令調(diào)整畫面光感，以呈現(xiàn)畫面的層次感和通透性。2.1.1精修的核心要素

塑料材質(zhì)玻璃材質(zhì)金屬材質(zhì)2.質(zhì)感質(zhì)感是商品的材質(zhì)，商品的材質(zhì)不同所展現(xiàn)的質(zhì)感也會(huì)不同，常見(jiàn)的材質(zhì)有塑料材質(zhì)、玻璃材質(zhì)和金屬材質(zhì)等，設(shè)計(jì)師經(jīng)常運(yùn)用Photoshop中的“漸變疊加”命令、“添加雜色”命令以及修補(bǔ)工具加強(qiáng)商品質(zhì)感的表現(xiàn)。2.1.1精修的核心要素產(chǎn)品展示

3.色感色感除了商品本身的顏色，還要加入商品的環(huán)境顏色，設(shè)計(jì)師經(jīng)常運(yùn)用Photoshop中的“色相飽和度”命令以及圖層混合模式加強(qiáng)商品的體積感。2.1.1精修的核心要素產(chǎn)品展示

4.體積感體積感可以體現(xiàn)商品的立體感，只有給商品賦予強(qiáng)烈的明暗關(guān)系才能清晰地表現(xiàn)出體積感，設(shè)計(jì)師經(jīng)常運(yùn)用Photoshop中的畫筆工具以及圖層混合模式加強(qiáng)商品的體積感。2.1.1精修的核心要素產(chǎn)品展示

5.結(jié)構(gòu)結(jié)構(gòu)是組成商品的基本形狀，任何商品都可以拆分成圓形、矩形以及三角形等基本形狀，設(shè)計(jì)師經(jīng)常運(yùn)用Photoshop中的鋼筆工具、形狀工具以及“自由變換”命令進(jìn)行結(jié)構(gòu)的拆分。2.1.1精修的核心要素產(chǎn)品展示

精修的常用技法根據(jù)精修的流程可以分為修前技法、基礎(chǔ)技法、結(jié)構(gòu)技法、修瑕技法、鋪光技法、材質(zhì)技法以及綜合技法。1.修前技法：修前技法是修圖前與拍攝相關(guān)的技法，包括拍攝器械的準(zhǔn)備、拍攝畫面的構(gòu)圖以及圖片格式的輸出。2.基礎(chǔ)技法：基礎(chǔ)技法是正式精修的第一套技法，包括商品摳圖、矯正塑形以及調(diào)色校正等部分。通常使用Photoshop的魔棒工具、橡皮擦工具、鋼筆工具、“變形”命令、“色階”命令、“色相/飽和度”命令、“可選顏色”命令以及“曲線”命令。2.1.2精修的常用技法3.結(jié)構(gòu)技法：結(jié)構(gòu)技法是為需要精修的商品進(jìn)行基本結(jié)構(gòu)分層，可以結(jié)合2.1.1中的結(jié)構(gòu)進(jìn)行深入學(xué)習(xí)。4.修瑕技法：修瑕技法是針對(duì)商品拍攝時(shí)的瑕疵進(jìn)行修補(bǔ)的技法，通常使用Photoshop的仿制圖章工具、污點(diǎn)修復(fù)畫筆工具、修復(fù)畫筆工具、修補(bǔ)工具以及內(nèi)容感知移動(dòng)工具。5.鋪光技法：鋪光技法是調(diào)整商品畫面感光度的技法，需要注意光源照射下，商品所產(chǎn)生的三面五調(diào)以及不同商品材質(zhì)對(duì)于光源的不同反射情況，可以結(jié)合2.1.3理解光影與材質(zhì)進(jìn)行深入學(xué)習(xí)。2.1.2精修的常用技法6.材質(zhì)技法：材質(zhì)技法是為商品賦予不同材質(zhì)的技法，不同的材質(zhì)通過(guò)光源的照射會(huì)有不同的視覺(jué)呈現(xiàn)，可以結(jié)合2.1.3理解光影與材質(zhì)進(jìn)行深入學(xué)習(xí)。7.綜合技法：綜合技法是將已經(jīng)精修好的商品進(jìn)行商品組合與添加場(chǎng)景，該技法需要設(shè)計(jì)師的綜合創(chuàng)意能力，可以結(jié)合2.2視覺(jué)合成進(jìn)行深入學(xué)習(xí)。2.1.2精修的常用技法1.光影與材質(zhì)的關(guān)系為商品添加清晰的光影，能夠真實(shí)而生動(dòng)地表現(xiàn)出商品的立體感。通過(guò)光源的照射，商品會(huì)形成明、暗、灰三大面。在三大面中，根據(jù)不同的強(qiáng)弱受光，還有很多明顯的區(qū)別，形成了高光、中間調(diào)、明暗交界線、反光以及投影五個(gè)調(diào)子。2.1.3理解光影與材質(zhì)光影與材質(zhì)的示意圖（1）高光高光是商品最亮的部分，不同材質(zhì)的高光強(qiáng)度也不一樣。如在同樣光源的照射之下，材質(zhì)越是光滑的商品高光越強(qiáng)，材質(zhì)越是粗糙物體商品高光越柔和。（2）中間調(diào)中間調(diào)是商品本身的顏色。（3）明暗交界線明暗交界線是商品最深的部分，它的深淺程度與光線距離、前弱以及商品材質(zhì)都有關(guān)系。光線越強(qiáng)距離越近硬度越高，明暗交界線越是清晰。如在同樣光源的照射之下，光滑的金屬對(duì)比會(huì)強(qiáng)烈，而棉毛制品則相對(duì)柔和。2.1.3理解光影與材質(zhì)（4）反光反光除了與光線距離、強(qiáng)弱以及商品材質(zhì)有關(guān)，同時(shí)還會(huì)受到環(huán)境色的影響。材質(zhì)越光滑的商品受環(huán)境色的影響越大。（5）投影投影與光線距離、強(qiáng)弱以及商品材質(zhì)同樣有著密切的聯(lián)系。透明物體投影相對(duì)也弱，通?？拷唐返牟糠肿钌睿竭h(yuǎn)離商品投影越淺。2.1.3理解光影與材質(zhì)2.光影與材質(zhì)的表現(xiàn)電商設(shè)計(jì)中，運(yùn)用Photoshop中的漸變工具將常用的光影效果提前繪制并保存，能提升精修效率。其中單邊光和對(duì)稱光通常適用于圓柱體形狀的瓶器，可以令商品更加立體，中亮光通常適用于透明材質(zhì)的瓶器，可以提升商品的通透性。透明材質(zhì)兩側(cè)的明暗對(duì)比強(qiáng)烈，特別是邊緣。金屬材質(zhì)整體明暗反差較大，深色到淺色過(guò)度距離較小。塑料材質(zhì)整體明暗過(guò)度均勻，高光柔和。2.1.3理解光影與材質(zhì)使用“污點(diǎn)修復(fù)畫筆”工具修復(fù)圖像，使用“創(chuàng)建新的填充或調(diào)整圖層”命令為圖像添加光影效果。2.1.4課堂案例-茶葉包裝精修效果圖合成的基本類型合成的透視知識(shí)合成的光影表現(xiàn)課堂案例-自然植物場(chǎng)景合成2.2視覺(jué)合成合成的基本類型分為特效型、寫實(shí)型以及空間型。特效性是通過(guò)對(duì)商品本身進(jìn)行創(chuàng)意合成的一種扁平化合成類型，寫實(shí)型是通過(guò)加入天空、樹木、海洋等自然元素的一種室外化合成類型，空間型是通過(guò)將商品置入臺(tái)面、舞臺(tái)或盒內(nèi)的一種室內(nèi)化合成類型，三種合成都能達(dá)到襯托商品、烘托氛圍的效果，設(shè)計(jì)師可以根據(jù)商品的屬性以及角度進(jìn)行選擇。2.2.1合成的基本類型特效型寫實(shí)型空間型透視可以幫助設(shè)計(jì)師科學(xué)地表現(xiàn)各種空間感和立體感，從形式上可以分為焦點(diǎn)透視和散點(diǎn)透視。散點(diǎn)透視即一個(gè)畫面中有多個(gè)視點(diǎn)，是中國(guó)畫特有的透視形式，重在寫意，適合表現(xiàn)氣勢(shì)宏偉、波瀾壯闊的景色，焦點(diǎn)透視即一個(gè)畫面中所有視線都匯聚在一點(diǎn)，是西方繪畫所遵循的透視，重在寫實(shí)，有著近大遠(yuǎn)小、近實(shí)遠(yuǎn)虛的特點(diǎn)。2.2.2合成的透視知識(shí)1.光源表現(xiàn)場(chǎng)景的光源有照射光和環(huán)境光兩類，其中照射光是畫面的核心光源，環(huán)境光可以使畫面更加真實(shí)，這兩類光源在電商設(shè)計(jì)中基本是同時(shí)存在，相互作用。商品的光影表現(xiàn)通常被照射光、環(huán)境色以及商品本身的材質(zhì)所影響。接下來(lái)將重點(diǎn)講解光源，商品的材質(zhì)可以結(jié)合2.1.3理解光影與材質(zhì)進(jìn)行深入學(xué)習(xí)。2.2.3合成的光影表現(xiàn)2.投影表現(xiàn)在光源的照射下，商品會(huì)產(chǎn)生投影。投影是光源發(fā)出的光線延伸，需要位于光源相對(duì)的一面，好的投影能夠令場(chǎng)景更加真實(shí)立體。2.2.3合成的光影表現(xiàn)使用“置入嵌入對(duì)象”命令置入圖片，使用“橫排文字”工具添加文字，使用“圓角矩形”