AI+电商视觉营销设计课件 项目三 AI 与商品视觉营销设计

AI与商品视觉营销设计项目三目录/CONTENTS拍摄商品处理商品图任务一任务二设计商品主图任务三实训AI助训任务描述Taskdescription小赵领取任务单（见表）后，发现需要为新上架的商品拍摄一组商品图。老李指出，实物拍摄成本高、周期长，可以用AIGC工具生成或优化。为了提升拍摄效果，小赵决定使用AIGC工具生成多种拍摄角度和背景的商品图。一、拍摄准备事项在拍摄前，需要确定预计拍摄时间，以及选择和联系拍摄地点。拍摄道具是指拍摄设备、场景布置道具和商品等。在电商平台上通常需要全方位、多角度展示商品，部分商品还需要展示局部细节或使用规范等。在拍摄商品之前，应该根据商品的类目特点、市场定位、店铺定位、消费者定位等信息确定拍摄风格，包括选择什么样的模特、模特使用什么风格的妆容等。确定拍摄风格确定拍摄张数准备拍摄道具确定时间地点04030201一、拍摄准备事项冲锋衣商品图二、不同类型商品的拍摄要点1．拍摄吸光类商品吸光类商品主要分为全吸光类商品和半吸光类商品两类。其中全吸光类商品包括毛呢、布料、毛线、裘皮、铸铁、粗陶、橡胶等，而半吸光类商品则包括纸制品、质地细腻的纺织品、木材、亚光塑料、水果等。全吸光类商品。半吸光类商品的表面结构一般都比较平滑。拍摄时，布光以侧光、顺光、侧顺光为主，灯光的照射角度不宜太高，这样才能拍摄出具有视觉层次和表现力的商品图，如图2所示。半吸光类商品。全吸光类商品的表面结构粗糙，起伏不平，质地或软或硬。拍摄时可选择稍硬的光照明，布光要以侧光、侧逆光为主，照射角度宜低，如图1所示。二、不同类型商品的拍摄要点2．拍摄反光类商品反光类商品常指不锈钢制品、银器、电镀制品、陶瓷品等，表面光滑，具有极强的光线反射能力，不会出现柔和的明暗过渡的现象。图所示为拍摄的反光类商品。拍摄反光类商品时，可以将灰色或深黑色的反光板或吸光板放于被拍摄商品的旁边，让商品反射出这些光板的颜色，以增强商品的厚实感。可采用较柔和的散射光照明，这样不但能使色彩更加丰富，还能增强商品的质感。拍摄反光类商品时需要使用一定的技巧。可将大面积的柔光箱和扩散板放在被拍摄商品的两侧，并尽量靠近被拍摄商品，这样可形成均衡柔和的大面积布光，柔化光线，从而有效地降低商品表面的反光度，使其色调更加丰富，表现出光滑的质感。二、不同类型商品的拍摄要点3．拍摄透明类商品透明类商品是指玻璃制品、水晶制品和部分塑料制品，这类商品可以让光线穿透其内部，因此通透性较强。拍摄透明类商品要表现其玲珑剔透的质感，因此布光以侧光、侧逆光和底部光等为主。图所示为拍摄的透明类商品。若在黑色背景下拍摄透明类商品，布光应该与被拍摄商品相分离，可在被拍摄商品两侧使用柔光箱或闪光灯添加光源，使商品主体和背景分开，再在前方或左右添加灯箱，将被拍摄商品的上半部分轮廓体现出来，从而表现出商品的透明感。如果被拍摄商品盛有带色液体或透明物，为了使颜色不损失饱和度，可在被拍摄商品背面贴上与外观相符的白纸，从而衬托原色。三、使用AIGC工具生成商品图的方式01更换背景。生成单张图。02AI生成模特图。03生成商品套图。04AI商品图AI生成模特图商品套图生成任务实施Taskimplementation一、使用绘蛙生成笔袋商品图“笔格”品牌近期上新的商品中有一款针对中小学生设计的笔袋商品，现在只有一张普通的商品照片，需要设计师使用AIGC工具生成更具吸引力、更精美的笔袋商品图，具体操作如下。选择背景图使用绘蛙生成笔袋商品图的过程任务实施Taskimplementation二、使用佐糖生成闹钟商品图“笔格”品牌近期上新的商品中有一款智能闹钟，现仅有一张商品白底图，需要设计师使用AIGC工具生成办公场景的闹钟商品图，要求风格简洁、效果真实，具体操作如下。调整商品位置和大小生成效果选择场景模板目录/CONTENTS拍摄商品处理商品图任务一任务二设计商品主图任务三实训AI助训任务描述Taskdescription完成拍摄任务后，老李让小赵分担设计部的商品图处理任务（见表），并让他针对图片的具体问题，选择合适的AIGC工具进行精修，让所有商品图具有较高的质量。一、调整商品图大小的方法使用AIGC工具调整商品图大小主要通过应用AI扩图功能，然后设置扩图尺寸，调整原图在新尺寸画布中的大小和位置。确认生成操作后，AI将对图片进行特征提取和分析，在扩展区域中智能生成与原图风格统一的新内容。1．使用AIGC工具调整一、调整商品图大小的方法2．使用Photoshop调整选择“图像”/“图像大小”命令，打开“图像大小”对话框，修改宽度、高度、分辨率，如图1所示，然后单击确定按钮。

使用“图像大小”命令01选择“图像”/“画布大小”命令，打开“画布大小”对话框，修改宽度、高度，设置当前图像在新画布上的位置后，单击确定按钮。使用“画布大小”命令02选择“裁剪工具”

后，图像编辑区中将显示一个矩形区域，该区域内的图像为裁剪保留的内容，拖曳矩形四周的边框，可调节裁剪范围，如图2所示，按【Enter】键完成裁剪操作。

使用裁剪工具03图片2图片1二、调整商品图色彩的方法1．使用AIGC工具调色美图设计室提供了5种调色模式，包括调色预设、基础调色、高级调色、滤镜、一键换色。进入美图设计室首页，选择“图片编辑”选项，在打开的页面中上传商品图，在页面左侧选择“调色”选项即可选择调色模式进行操作。美图设计室佐糖主要用于光效和色彩调整。进入佐糖首页，在“AI图片工具”下拉列表中选择“图片编辑”选项，在打开的页面中上传需要调色的商品图，在页面左侧选择“调整”选项，在其中的“调色”栏中可进行调色操作。佐糖创客贴可用于调整图片的亮度、色调、清晰度等。进入创客贴首页，选择“图片编辑”选项，上传需要调色的商品图，进入图片编辑页面，选择“调整”工具，在“基础调整”栏中可设置调色参数，在“颜色叠加”栏中可叠加颜色到图片中。创客贴绘蛙可用于对商品图进行换色。进入绘蛙首页，在“AI修图”下拉列表中选择“AI换色”选项，进入该功能页面。上传要换色的商品图，选择要换色的商品，并根据提示进行操作。绘蛙二、调整商品图色彩的方法2．使用Photoshop调色该命令用于调整图片的色相、饱和度、明度，从而达到改变图片色彩的目的。“色相/饱和度”命令该命令用于处理局部曝光过度的图片，或主体偏暗、看不清细节的图片。“阴影/高光”命令该命令用于调整图片的亮度和对比度，如图所示。“亮度/对比度”命令该命令用于在图片原色的基础上根据需要添加其他颜色，或通过增加某种颜色的补色减少该颜色的比重，从而改变图片原色，多用于调整明显偏色的图片。“色彩平衡”命令该命令用于调整图片的高光﹑中间调、暗部的强度级别，从而调整图片的色调与色彩。“色阶”命令该命令用于调整图片的亮度、对比度，以及纠正偏色等，与“色阶”命令相比，该命令的调整更为精确，是参数丰富、功能强大的调色命令。“曲线”命令该命令用于替换图片中的部分颜色，常用于处理图片中的背景颜色或商品颜色。“替换颜色”命令三、局部修复商品图的方法1．使用AIGC工具修复美图设计室美图设计室提供服装去皱、AI消除等功能，可以快速处理布料的褶皱（见图），以及消除商品图中多余的物体。创客贴创客贴提供AI消除、局部重绘、图片变清晰等功能。用户可以选择“图片编辑”选项，在打开的对话框中上传图片，然后在“AI消除”选项卡中进行修复操作。佐糖佐糖提供AI人像变清晰、AI图片消除笔、AI背景变模糊等功能。用户可以选择“图像编辑”选项，在打开的页面中上传图片，然后通过“智能工具”栏和“细节”栏进行细节的修复操作。三、局部修复商品图的方法2．使用Photoshop修复涂抹工具。减淡工具。海绵工具。修复画笔工具。污点修复画笔工具。内容感知移动工具。锐化工具。仿制图章工具。修补工具。模糊工具。加深工具。移除工具。三、局部修复商品图的方法使用移除工具修复商品图的效果四、抠取商品图的方法AIGC工具利用深度学习算法自动分析图像内容，能够准确捕捉物体的边缘和细节，识别并分离出前景与背景，即自动识别主体、去除背景，从而抠出特定元素。此外，有的AIGC工具还支持设置抠图后的背景颜色，或选择预设场景，便于快速制作出纯色背景图、场景图。1．使用AIGC工具抠图四、抠取商品图的方法2．使用Photoshop抠图规则商品图抠取简单背景抠取复杂图片抠取毛发图片抠取透明商品图抠取在抠取一些边缘较为规则的商品时，可根据商品外观形状使用选框工具组内的工具快速创建选区进行抠图。在抠取图片背景较为简单的商品时，可使用快速选择工具、魔棒工具选择背景，快速抠取商品，如图所示。当商品的轮廓比较复杂，背景也比较杂乱时，可使用钢笔工具来完成抠图，将绘制的路径转化为选区，使抠取效果更加精准。对于包含头发或毛绒的商品，采用一般的抠图方法很难得到理想的效果，且非常浪费时间，此时可利用Photoshop中的调整边缘功能进行抠取。抠取玻璃标、冰块、矿泉水瓶等具有透明特征的商品时，使用一般的抠图工具和功能很难得到想要的透明效果，此时可结合钢笔工具、图层蒙版和通道功能进行抠图。四、抠取商品图的方法任务实施Taskimplementation一、使用豆包扩展削笔器图片大小某张削笔器图片中的背景面积过小，需要设计师使用AIGC工具扩展背景，使整体效果更加和谐，具体操作如下。01调整扩图尺寸框02扩图效果任务实施Taskimplementation二、使用美图设计室调整台历图片色彩在拍摄时因设备、环境等原因，某款台历的商品图出现了亮度不足、略微偏色的问题，需要使用AIGC工具调色，使商品图整体较为明亮，色彩更加真实、更有吸引力，具体操作如下。01上传文件02设置调色参数03调色后的效果任务实施Taskimplementation三、使用绘蛙为计算器商品换色某款计算器有蓝色、粉色、紫色3种配色，但商家仅提供了一个蓝色样品用于拍摄，需要设计师使用AIGC工具换色，生成粉色和紫色计算器的商品图，具体操作如下。01选择换色区域三、使用绘蛙为计算器商品换色02选择颜色03换色效果04紫色计算器图片任务实施Taskimplementation四、使用豆包消除桌面杂物某张笔筒桌面场景图的左下角存在模糊的杂物，但设计师对该图片其他方面都比较满意，因此准备使用AIGC工具消除杂物再应用该图片，具体操作如下。01上传文件02涂抹要消除的对象03消除效果任务实施Taskimplementation五、使用豆包抠取装订机图片某款装订机商品图需要抠取后使用。设计师现准备借助AIGC工具快速抠图，具体操作如下。01AI智能识别主体对象02抠图效果任务实施Taskimplementation六、使用佐糖精修剪刀图片某张剪刀商品图存在一些金属划痕，设计师需要使用AIGC工具去除划痕，同时增强剪刀的质感、去除其背景，具体操作如下。01上传文件02设置精修参数03精修效果目录/CONTENTS拍摄商品处理商品图任务一任务二设计商品主图任务三实训AI助训任务描述Taskdescription商品主图是吸引消费者点击的关键，因此小赵需要根据商品特点和目标受众，设计既美观又吸引人的商品主图。他填写了表所示的任务单，计划利用AIGC工具生成多种主图设计方案，并结合自己的设计经验进行筛选和优化。一、商品主图制作规范目前主流的电商平台都有明确的商品主图制作规范，不符合规范的商品主图往往会在搜索时被降权，因此在设计商品主图之前，必须了解商品主图的制作规范。数量规范。格式规范。尺寸规范。内容规范。二、商品主图的常见类型

单色背景主图单色背景主图是天猫、京东等平台中十分常见的一种主图，使用单色背景可以更清晰地展示商品外观、细节、颜色等，重点突出商品本身，让消费者快速、直接地获取商品信息，如图1所示。

场景化主图场景化主图是指将商品展示在真实的使用环境中，或根据商品的特点，为其搭建生活化的场景，如图2所示。

卖点式主图商品卖点包括商品的主要功能、作用、特点以及营销优惠等消费者十分关注的信息，很多商家会在主图中添加针对商品卖点的文案，以吸引消费者点击，如图3所示。

组合式主图组合式主图是指将一个商品的多个细节或多个样式，甚至商品外包装、赠品组合在一张主图中展示，从而多方面地展示商品信息，如图4所示。01单色背景主图02场景化主图03卖点式主图04组合式主图三、商品主图数据优化图1图202AIGC工具辅助数据优化。借助平台官方工具获取数据后，在生意参谋的“商品”选项卡右侧的“操作”栏中单击“详情”超链接，在打开的页面中单击“详情分析”选项卡，在“商品详情”栏中可以看到消费者点击主图进行互动的人数、平均停留时长的趋势图等，在下方“主图分析”栏中可以看到每张主图的各项具体数据，如图2所示。01使用平台官方工具进行数据优化。以淘宝为例，打开淘宝生意参谋店铺后台，选择“商品”选项，在打开的页面中可以看到商品主图及商品名称列表。在准备优化的目标商品右侧的“操作”栏中单击“运营策略”超链接，在展开的面板中单击“优化详情主图”按钮，如图3所示。任务实施Taskimplementation一、使用创客贴生成笔记本主图某款笔记本以硬皮面、绑带、多种配色、书写舒适为卖点，现需要设计师使用AIGC工具快速生成主图，并选择合适的样式进行完善，最终制作出充分体现商品卖点的笔记本主图，具体操作如下。设置参数选择模板最终效果任务实施Taskimplementation二、使用Photoshop制作文具套装主图某款文具套装参加了开学季活动，现需要重新制作主图，体现活动优惠信息、活动日期、活动赠品，以吸引消费者领取优惠券购买商品，具体操作如下。删除背景效果输入文字最终效果任务实施Taskimplementation三、使用文心一言优化彩铅主图视觉营销效果某款彩铅商品最近点击率欠佳，考虑到可能是因为商品主图缺乏吸引力，现需要使用AIGC工具优化该主图的视觉营销效果，具体操作如下。参考图三、使用文心一言优化彩铅主图视觉营销效果参考示例目录/CONTENTS拍摄商品处理商品图任务一任务二设计商品主图任务三实训AI助训Assistanttraining实训1使用即梦AI处理坚果图片AI助训实训要求：“山水原”店铺上架了一款开心果，准备为其制作800像素×800像素的主图，但由于拍摄的开心果图片存在污点，因此需要