電商設計電子課件

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

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

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

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

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

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