电商设计电子课件

第2章商品精修与视觉合成本章介绍：商品精修与视觉合成是电商设计中首要的工作任务，通过精修合成后的商品能给为客户带来更好的购买欲望，从而提升销售量。本章针对商品精修中的修图核心要素、修图常用技法、理解光影与材质以及视觉合成中的类型、透视、光影等知识进行系统讲解与演练。通过本章的学习，读者可以对商品精修与视觉合成有一个系统的认识，并快速掌握精修商品与合成的方法和技巧，为接下来的电商设计任务打下基础。了解修图的核心要素理解光影与材质了解合成的基本类型熟悉合成的透视知识熟悉合成的光影知识学习目标精修的核心要素精修的常用技法理解光影与材质课堂案例-茶叶包装精修2.1商品精修精修的核心要素主要有光感、质感、色感、体积感以及结构。1.光感光感是整体画面感光度，设计师经常运用Photoshop中的“亮度/对比度”命令、“色阶”命令以及“曲线”命令调整画面光感，以呈现画面的层次感和通透性。2.1.1精修的核心要素

塑料材质玻璃材质金属材质2.质感质感是商品的材质，商品的材质不同所展现的质感也会不同，常见的材质有塑料材质、玻璃材质和金属材质等，设计师经常运用Photoshop中的“渐变叠加”命令、“添加杂色”命令以及修补工具加强商品质感的表现。2.1.1精修的核心要素产品展示

3.色感色感除了商品本身的颜色，还要加入商品的环境颜色，设计师经常运用Photoshop中的“色相饱和度”命令以及图层混合模式加强商品的体积感。2.1.1精修的核心要素产品展示

4.体积感体积感可以体现商品的立体感，只有给商品赋予强烈的明暗关系才能清晰地表现出体积感，设计师经常运用Photoshop中的画笔工具以及图层混合模式加强商品的体积感。2.1.1精修的核心要素产品展示

5.结构结构是组成商品的基本形状，任何商品都可以拆分成圆形、矩形以及三角形等基本形状，设计师经常运用Photoshop中的钢笔工具、形状工具以及“自由变换”命令进行结构的拆分。2.1.1精修的核心要素产品展示

精修的常用技法根据精修的流程可以分为修前技法、基础技法、结构技法、修瑕技法、铺光技法、材质技法以及综合技法。1.修前技法：修前技法是修图前与拍摄相关的技法，包括拍摄器械的准备、拍摄画面的构图以及图片格式的输出。2.基础技法：基础技法是正式精修的第一套技法，包括商品抠图、矫正塑形以及调色校正等部分。通常使用Photoshop的魔棒工具、橡皮擦工具、钢笔工具、“变形”命令、“色阶”命令、“色相/饱和度”命令、“可选颜色”命令以及“曲线”命令。2.1.2精修的常用技法3.结构技法：结构技法是为需要精修的商品进行基本结构分层，可以结合2.1.1中的结构进行深入学习。4.修瑕技法：修瑕技法是针对商品拍摄时的瑕疵进行修补的技法，通常使用Photoshop的仿制图章工具、污点修复画笔工具、修复画笔工具、修补工具以及内容感知移动工具。5.铺光技法：铺光技法是调整商品画面感光度的技法，需要注意光源照射下，商品所产生的三面五调以及不同商品材质对于光源的不同反射情况，可以结合2.1.3理解光影与材质进行深入学习。2.1.2精修的常用技法6.材质技法：材质技法是为商品赋予不同材质的技法，不同的材质通过光源的照射会有不同的视觉呈现，可以结合2.1.3理解光影与材质进行深入学习。7.综合技法：综合技法是将已经精修好的商品进行商品组合与添加场景，该技法需要设计师的综合创意能力，可以结合2.2视觉合成进行深入学习。2.1.2精修的常用技法1.光影与材质的关系为商品添加清晰的光影，能够真实而生动地表现出商品的立体感。通过光源的照射，商品会形成明、暗、灰三大面。在三大面中，根据不同的强弱受光，还有很多明显的区别，形成了高光、中间调、明暗交界线、反光以及投影五个调子。2.1.3理解光影与材质光影与材质的示意图（1）高光高光是商品最亮的部分，不同材质的高光强度也不一样。如在同样光源的照射之下，材质越是光滑的商品高光越强，材质越是粗糙物体商品高光越柔和。（2）中间调中间调是商品本身的颜色。（3）明暗交界线明暗交界线是商品最深的部分，它的深浅程度与光线距离、前弱以及商品材质都有关系。光线越强距离越近硬度越高，明暗交界线越是清晰。如在同样光源的照射之下，光滑的金属对比会强烈，而棉毛制品则相对柔和。2.1.3理解光影与材质（4）反光反光除了与光线距离、强弱以及商品材质有关，同时还会受到环境色的影响。材质越光滑的商品受环境色的影响越大。（5）投影投影与光线距离、强弱以及商品材质同样有着密切的联系。透明物体投影相对也弱，通常靠近商品的部分最深，越远离商品投影越浅。2.1.3理解光影与材质2.光影与材质的表现电商设计中，运用Photoshop中的渐变工具将常用的光影效果提前绘制并保存，能提升精修效率。其中单边光和对称光通常适用于圆柱体形状的瓶器，可以令商品更加立体，中亮光通常适用于透明材质的瓶器，可以提升商品的通透性。透明材质两侧的明暗对比强烈，特别是边缘。金属材质整体明暗反差较大，深色到浅色过度距离较小。塑料材质整体明暗过度均匀，高光柔和。2.1.3理解光影与材质使用“污点修复画笔”工具修复图像，使用“创建新的填充或调整图层”命令为图像添加光影效果。2.1.4课堂案例-茶叶包装精修效果图合成的基本类型合成的透视知识合成的光影表现课堂案例-自然植物场景合成2.2视觉合成合成的基本类型分为特效型、写实型以及空间型。特效性是通过对商品本身进行创意合成的一种扁平化合成类型，写实型是通过加入天空、树木、海洋等自然元素的一种室外化合成类型，空间型是通过将商品置入台面、舞台或盒内的一种室内化合成类型，三种合成都能达到衬托商品、烘托氛围的效果，设计师可以根据商品的属性以及角度进行选择。2.2.1合成的基本类型特效型写实型空间型透视可以帮助设计师科学地表现各种空间感和立体感，从形式上可以分为焦点透视和散点透视。散点透视即一个画面中有多个视点，是中国画特有的透视形式，重在写意，适合表现气势宏伟、波澜壮阔的景色，焦点透视即一个画面中所有视线都汇聚在一点，是西方绘画所遵循的透视，重在写实，有着近大远小、近实远虚的特点。2.2.2合成的透视知识1.光源表现场景的光源有照射光和环境光两类，其中照射光是画面的核心光源，环境光可以使画面更加真实，这两类光源在电商设计中基本是同时存在，相互作用。商品的光影表现通常被照射光、环境色以及商品本身的材质所影响。接下来将重点讲解光源，商品的材质可以结合2.1.3理解光影与材质进行深入学习。2.2.3合成的光影表现2.投影表现在光源的照射下，商品会产生投影。投影是光源发出的光线延伸，需要位于光源相对的一面，好的投影能够令场景更加真实立体。2.2.3合成的光影表现使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“圆角矩形”