《跨境电商视觉设计》高职 全套教学课件

跨境电商CROSS-BORDERE-COMMERCEVISUALDESIGN视觉设计项目1视觉营销及文案策划.pptx项目2商品拍摄技巧及流程.pptx项目3商品主图的设计制作.pptx项目4海报及详情页的设计制作.pptx项目5旺铺装修指南.pptx项目6移动端视觉设计制作.pptx项目7商品视频的设计制作.pptx全套可编辑PPT课件任务一 了解跨境电商视觉营销任务二 了解跨境店铺文案策划目录CONTENTS项目一视觉营销及文案策划学习目标知识目标•了解跨境电商视觉营销的概念；•了解跨境电商视觉营销的核心要素——色彩；•熟悉跨境店铺文案策划的类型；•掌握跨境店铺文案策划的原则。技能目标•能够根据商品的特性及营销目的，选择正确的视觉配色；•能够完成跨境店铺文案的策划。素质目标•形成跨文化学习意识和国际化视野；•具备主动学习、探索创新的精神。了解跨境电商视觉营销任务一任务一 了解跨境电商视觉营销一、跨境电商视觉营销的概念与作用概念一方面，视觉营销是一种可视化视觉技术，通过对空间、平面、陈列、造型等要素的精心设计与布局，提升商品或服务对客户的视觉冲击，进而加深客户对商品或服务的印象另一方面，视觉营销也是一种营销技术，以视觉呈现的手段最大限度地建立客户与商品或服务之间的关联，旨在传递品牌文化、提高客户转化率。任务一 了解跨境电商视觉营销一、跨境电商视觉营销的概念与作用跨境电商视觉营销是通过一系列的视觉传达，来表现店铺和商品的理念及核心部分：在空间上，通过空间立体视觉效果来营造品牌氛围；在平面上，通过平面视觉效果或海报来营造一种视觉效应；在传媒上，通过多种推广形式来表达营销的核心概念；在陈列上，完成内部的构造变化；在造型上，完善形象的优化整合。任务一 了解跨境电商视觉营销二、跨境电商视觉营销的运作流程跨境电商视觉营销的运作流程（一）调研美是主观和客观的统一。（二）分析分析收集到的调研数据，包括目标市场的审美取向、消费理念、消费需求等，并将这些元素融入跨境店铺的各个设计环节，以便更有针对性地展示商品的优势和卖点。（三）设计根据调研和分析的最终结果，着手进行跨境店铺各模块的具体设计。综合运用图片、文字、素材等来美化跨境店铺及商品，传递品牌价值及理念。（四）发布跨境电商视觉营销的最后一步是发布设计图及营销内容，并根据跨境店铺互动和销售内容选择不同的渠道进行推广。任务一 了解跨境电商视觉营销三、跨境电商视觉营销的设计模块（一）文案策划（二）商品拍摄（三）图片处理（四）店铺装修四、跨境电商视觉营销的核心要素（一）色彩的种类无彩色系

无彩色系包括黑色、白色及各种深浅不同的灰色系列。有彩色系

有彩色系是指带有某一种标准色倾向的颜色系列，可见光谱中的全部颜色都属于有彩色，其中红、橙、黄、绿、青、蓝、紫为基本色。任务一 了解跨境电商视觉营销四、跨境电商视觉营销的核心要素（二）色彩的三要素色彩的三要素色相从光学物理上讲，色相是由射入人眼的光线的光谱成分决定的，是指能够比较确切地表示某种颜色色别的名称。明度明度是指颜色的深浅和明暗程度，各种有色物体由于反射光量的区别产生了颜色的明暗强弱。色相环饱和度饱和度又称为纯度，是指色彩的纯净程度，表示颜色中所含有色成分的比例。饱和度的阶段任务一 了解跨境电商视觉营销四、跨境电商视觉营销的核心要素（三）色彩的知觉倾向色彩的冷暖感色彩的轻重感色彩的软硬感色彩的前后感色彩的大小感色彩的华丽感与质朴感色彩的兴奋感与镇静感暖色画面冷色画面任务一 了解跨境电商视觉营销四、跨境电商视觉营销的核心要素（四）视觉营销中的配色方案常见的配色方案同色系搭配补色搭配类似色搭配多色搭配了解跨境店铺文案策划任务二任务二 了解跨境店铺文案策划一、跨境店铺文案策划的概念概念广告学上的策划是指对营销推广活动的筹划和计划文案则是指以文字来表现已经制定的创意策略在跨境电商企业的实践过程中，岗位分工不像专门化的广告公司那样细致。二、跨境店铺文案策划的种类（一）日常运营文案1.商品详情文案商品详情文案直接关系到店铺的转化率，是客户认识商品、了解商品的主要途径。任务二 了解跨境店铺文案策划二、跨境店铺文案策划的种类（一）日常运营文案2.店铺页面文案店铺页面文案是指用于介绍店铺的主营业务、经营理念、全类目风格等的文案，在跨境B2B平台上显得尤为重要。以阿里巴巴国际站为例，店铺页面文案通常包括店招文案和店铺首页简介。店招文案店铺首页简介任务二 了解跨境店铺文案策划二、跨境店铺文案策划的种类（二）活动推广文案1.站外广告跨境电商企业常用的站外推广平台有Facebook（脸书）、Twitter（推特）、TikTok（国际版抖音）等。不同平台有不同的社交和沟通风格，因此在进行站外推广时，文案不仅要突出商品的核心卖点，还要贴合推广平台的语言风格。2.海报文案一份标准的海报文案通常包含一个主标题和一个副标题，有时还会加入一些重要的参数组成营销性文案，以便帮助客户更加直观地了解店铺的推广活动和主营商品。任务二 了解跨境店铺文案策划三、跨境店铺文案策划的原则七秒定律人们在面对琳琅满目的商品时，只需要七秒就可以大致确定其购买意愿。懒人原则即凡事越简单越好，这是客户体验的高层境界。FAB法则是指在商品或者店铺的介绍中，将其属性（特性）、所具有的作用（优点）以及能够给买家带来的益处（好处）有机地结合起来，按照一定的逻辑顺序加以阐述，形成完整的推销说辞。感谢观看跨境电商CROSS-BORDERE-COMMERCEVISUALDESIGN视觉设计任务一认识商品图片的特征与要求任务二准备拍摄器材任务三制订拍摄方案任务四布置拍摄环境任务五基本构图及商品摆放技巧目录CONTENTS项目二商品拍摄技巧及流程学习目标知识目标•了解商品图片的特征与要求；•了解常用的拍摄器材及相机基本设置；•熟悉摄影棚的布光要求；•熟悉商品的拍摄流程；•熟悉商品图片的构图类型。技能目标•能够掌握相机的基本拍摄工作；•能够为拍摄物体设置合理的灯光和背景；•能够制订商品拍摄方案；•能够掌握拍摄的构图技巧；•能够掌握拍摄时商品的摆放技巧。素质目标•具备主动学习、探索创新的精神；•具备较强的动手能力和实践能力；•具备较强的团队精神和合作意识。认识商品图片的特征与要求任务一任务一 认识商品图片的特征与要求一、认识商品图片的特征从广义上来说，商品拍摄对象是指一切可以出售的物体，包括花卉、树木、瓜果、蔬菜、日常用品、手工艺品、历史文物等。商品图片是商品呈现在买家眼前的直观要素，具有强烈的视觉表现力，与广告具有相同的意义。商品图片特征（一）艺术性（二）技术性二、了解商品图片的要求商品图片特征（一）统一尺寸（二）突出主体（三）高清影像（四）彰显创意准备拍摄器材任务二任务二 准备拍摄器材一、准备摄影器材（一）相机数码相机单反相机（二）智能手机任务二 准备拍摄器材二、准备辅助器材三脚架柔光灯背景布1.冷、热混用以三基色柔光灯为基本照明（环形布光法）。柔光灯常见的使用方法如下：2.光照距离造型以三基色柔光灯为基本照明（环形布光法）。3.调节光影造型以三基色柔光灯为基本照明（环形布光法）。制订拍摄方案任务三任务三 制订拍摄方案一、拍摄风格拍摄风格是指在商品拍摄中通过照片最终呈现出来的独特于其他照片的表现，包括构图、配色、整体布局等方面。（一）全面了解商品了解商品外观与外包装看材质看外形看颜色了解商品特性与使用方法除了了解商品外观与外包装，拍摄者还需要通过仔细阅读商品说明书来熟悉商品特性与使用方法，这样才能在拍摄过程中传达出商品的亮点及卖点。了解商品特性与使用方法才能更好地制订拍摄计划。任务三 制订拍摄方案一、拍摄风格（二）确定拍摄风格根据所拍摄的商品，拍摄者可以先寻找一些同类照片或者杂志图片作为参考，并结合自身特点去确定整体的拍摄风格。目前，在许多跨境电商平台上比较常见的拍摄风格是通过背景的布置和调整来确定商品的拍摄基调，不同的背景布置对商品拍摄起到重要的衬托作用。二、拍摄顺序（一）进行商品分类（二）确定拍摄顺序在拍摄之前，拍摄者最好先根据拍摄中的可变因素对所有商品进行细致分类，结合商品的材质、大小、颜色及反射率等因素综合考虑，然后再按照顺序进行拍摄。将商品分门别类后，拍摄者可以有计划地按顺序进行拍摄。首先可以从简单、容易操作和容易表现的商品开始拍摄，然后再拍摄搭配复杂、需要用辅助器材才能拍摄的商品。任务三 制订拍摄方案三、拍摄步骤另外，可以考虑是否使用微距对商品进行局部放大拍摄。最后，还可以对商品说明书、防伪标识、使用步骤等进行拍摄。其次，可以对商品的包装进行多角度拍摄，包括包装的正面、背面和45°，然后再将商品和商品包装组合进行拍摄。通过外包装的展示，可以体现出品牌感或对运输中安全性的保障。拍摄者首先可以从多角度对商品进行拍摄，包括商品的正面、背面、45°和内部结构等，全方位、多角度的拍摄可以帮助买家深入地了解商品信息。布置拍摄环境任务四任务四 布置拍摄环境一、摄影棚灯光的类型摄影棚部分灯光类型任务四 布置拍摄环境二、常见的布光方式（一）正面两侧布光这种布光方式是商品拍摄中最常用的。正面投射出来的光线全面而均衡，商品表现全面、无暗角。任务四 布置拍摄环境二、常见的布光方式（二）两侧45°布光这种布光方式使商品顶部受光，正面没有完全受光，适合拍摄外形扁平的小商品，不适合拍摄立体感较强且有一定高度的商品。任务四 布置拍摄环境二、常见的布光方式（三）单侧不均衡布光这种布光方式使商品一侧出现阴影，底部的投影也很深，商品表面很多细节无法得以呈现。同时，由于减少了环境光线，反而增加了拍摄的难度。任务四 布置拍摄环境二、常见的布光方式（四）前后交叉布光这种布光方式从商品后侧打光，可以突出表面的层次感，既表现出商品的层次又保全了所有的细节，比单纯关掉一侧灯光的效果更好。任务四 布置拍摄环境二、常见的布光方式（五）后面两侧布光这种布光方式使商品正面因没有光线而产生大片阴影，无法看出商品的全貌，因此除拍摄具有通透性的商品外，不要轻易尝试这种布光方式。基本构图及商品摆放技巧任务五任务五 基本构图及商品摆放技巧一、商品图片的基本构图横式构图是将商品呈一字排队摆放的横幅构图方式。（一）横式构图01对角线构图是将商品呈斜向摆放的构图方式。（三）对角线构图03对称式构图是指所拍摄的商品在画面正中垂直两侧或正中水平线上下对等或大致对等。（四）对称式构图04这种构图方式将画面横分为三份，每一份的中心都可放置主体形态。（五）井字构图05形可以是正三角形、倒三角形或斜三角形。（六）三角形构图0602竖式构图是将商品呈竖向摆放的竖幅构图方式。（二）竖式构图任务五 基本构图及商品摆放技巧二、商品摆放技巧（一）变换角度（二）增加数量（三）展示内部（四）挑选背景（五）稳固商品斜向摆放竖立摆放感谢观看跨境电商CROSS-BORDERE-COMMERCEVISUALDESIGN视觉设计任务一商品图片的基础处理任务二商品图片的裁剪及调色处理任务三抠图与合任务四制作eBay商品主图任务五制作亚马逊商品主任务六制作速卖通商品主图任务七制作Shopee商品主图目录CONTENTS项目三商品主图的设计制作学习目标知识目标•了解各主流跨境电商平台的商品主图规则；•熟悉各主流跨境电商平台的商品主图制作方法和要点；•掌握各主流跨境电商平台的商品主图制作流程和技巧；•了解Photoshop的功能和作用；•熟悉Photoshop常见抠图工具的功能。技能目标•能够高效使用Photoshop及其他辅助制图工具；•能够制作符合各主流跨境电商平台规定的商品主图；•能够熟练使用Photoshop的基本工具。素质目标•具备灵活利用网络资源学习的能力；•具备跨文化交际意识和国际化视野；•具备主动学习、探索创新的精神；•具备跨境电商行业从业者的职业操守；•具备较强的团队精神和服务意识。商品图片的基础处理任务一任务一商品图片的基础处理一、操作要点（一）工具的使用技巧1.污点处理污点修复画笔工具污点修复画笔工具可以用于处理商品表面的瑕疵及人物脸部的痘印等，其操作方法简单，只需要用鼠标在瑕疵部分进行涂抹即可。使用“污点修复画笔工具”属性栏可以调整污点修复画笔工具的基本属性。任务一商品图片的基础处理一、操作要点（一）工具的使用技巧1.污点处理修复画笔工具修复画笔工具在修复污点时，需要先取样，操作时先按住“Alt”键，将鼠标放在干净区域单击一下设置仿制源，然后再去涂抹污点，这样才能修复污点。“修复画笔工具”属性栏也有多个属性，包括画笔的大小和硬度，以及“模式”“源”“样本”等。任务一商品图片的基础处理一、操作要点（一）工具的使用技巧1.污点处理修复画笔工具修复画笔工具在使用时需要设置仿制源，并且可以同时设置多个不同的仿制源。修复画笔工具的“模式”有多种选项，一般情况下选择“正常”选项。任务一商品图片的基础处理一、操作要点（一）工具的使用技巧1.污点处理修补工具修补工具通过建立一个选区，将污点框在选区内，然后移动至干净区域即可完成污点修复；当选择“目标”选项时，则操作方法正好相反，是将干净区域移动至污点区域修复污点。“修补”有2个选项，分别是“正常”和“内容识别”。当选择“正常”选项时，可以选择“源”选项或者“目标”选项。当选择“内容识别”选项时，可对适应强度进行选择，从非常严格到非常松散共分为5个层级。任务一商品图片的基础处理一、操作要点（一）工具的使用技巧1.污点处理内容识别填充内容识别的工作原理是给需要修复的污点建立选区框住。单击鼠标右键，选择“填充”命令，在“填充”对话框中选择“内容识别”选项，其他参数不变，这样就可以对污点进行有效处理。任务一商品图片的基础处理一、操作要点（一）工具的使用技巧2.尺寸修改图像大小图像大小的修改主要是指调整宽度、高度和分辨率。有时候为了调整图像的清晰度和平滑度，会对“重新采样”的样式进行选择。任务一商品图片的基础处理一、操作要点（一）工具的使用技巧2.尺寸修改画布大小画布大小是指整个画布的宽度和高度。任务一商品图片的基础处理一、操作要点（一）工具的使用技巧3.图像变换变形缩放旋转斜切扭曲透视任务一商品图片的基础处理一、操作要点（二）制作建议1.修复前要调整工具参数在使用污点修复画笔工具和修复画笔工具时，要根据污点的实际大小随时调整画笔的大小和硬度等。任务一商品图片的基础处理一、操作要点（二）制作建议2.图像大小参数设置如果要保持图像大小等比例改变，那么要单击“约束长宽比”图标，即宽度和高度左侧线段中间的图形。任务一商品图片的基础处理一、操作要点（二）制作建议3.画布大小参数设置“相对”选项的概念可以按照如下方法了解：原画布大小是500像素×500像素，现在要将画布大小改为800像素×800像素，如果没有勾选“相对”选项，那么宽度和高度的数值均为800；如果勾选了“相对”选项，那么宽度和高度的数值相当于800减去500，即300。任务一商品图片的基础处理一、操作要点（二）制作建议3.画布大小参数设置另外需要注意画布的定位，也就是画布大小缩放的方向。例如：在做详情页时，画布长度不够了，通常定位的方向都是向下的，这时只要将鼠标放置在最上层的中间位置单击就可以了。任务一商品图片的基础处理一、操作要点（二）制作建议4.变换操作注意选择合适的工具不论斜切、透视还是变形，当用鼠标拖曳图像的一边或者一个角时都会有一条边固定不动，所以在操作时应注意调整变换形状的角的位置。任务一商品图片的基础处理二、操作方法（一）污点处理步骤1启动Photoshop，单击菜单栏中的“文件”，选择“打开”命令，在指定文件夹中找到需要处理污点的图片，然后单击“打开”按钮，跳转到工作界面，如图所示。任务一商品图片的基础处理二、操作方法（一）污点处理步骤2观察图片上存在哪些瑕疵。首先选择“污点修复画笔工具”对瑕疵进行处理。新建一个空白图层，勾选“对所有图层取样”选项，调整污点修复画笔工具的大小（根据每个污点的大小进行灵活调整），放大画布，使呈现的细节更清晰、操作更精准，使用污点修复画笔工具在空白图层上对准污点进行涂抹，前后对比效果如图所示。任务一商品图片的基础处理二、操作方法（一）污点处理步骤3选择“修复画笔工具”，再次新建一个空白图层，在工具属性栏“样本”中选择“所有图层”选项，然后在空白图层上进行操作。按住“Alt”键，在相同纹理的干净区域单击鼠标，获得干净的取样，然后在污点处进行涂抹。步骤4因为该图像有4处不同纹理的地方存在污点，所以打开工具属性栏的“仿制源”面板，然后单击不同的仿制源，按住“Alt”键在不同的干净纹理上单击鼠标，吸取干净的取样点。任务一商品图片的基础处理二、操作方法（一）污点处理步骤4这样，再次操作时就不用取样了，只要切换仿制源就可以对图像上不同纹理处的污点进行处理了。前后对比效果如图所示。任务一商品图片的基础处理二、操作方法（一）污点处理步骤5继续隐藏刚刚处理瑕疵的图层2，将背景图层复制一层，目的是不影响原图层的图像效果。步骤6选择“修补工具”，在工具属性栏上选择“源”选项，然后在复制的背景图层上用鼠标在画布上框选污点。一次尽量只框选一处污点，而且选区不宜过大，刚好框选住污点即可。然后，将框选住的污点移动至干净的纹理处，如图所示。任务一商品图片的基础处理二、操作方法（一）污点处理步骤7隐藏刚刚复制的背景图层，继续复制一次背景图层，然后使用套索工具，围绕污点建立选区后，单击鼠标右键，选择“填充”命令，弹出“填充”对话框，选择“内容识别”选项，其他参数不变，单击“确定”按钮，如图所示，这样就可以将污点修复好。任务一商品图片的基础处理二、操作方法（一）污点处理步骤7继续用同样的操作方法对其他瑕疵进行内容识别填充处理，前后对比效果如图所示。任务一商品图片的基础处理二、操作方法（二）图像大小和画布大小调整步骤1启动Photoshop，打开图片，单击菜单栏中的“图像”，选择“图像大小”命令，弹出“图像大小”对话框。设置“宽度”为800像素，“高度”为1200像素。任务一商品图片的基础处理二、操作方法（二）图像大小和画布大小调整步骤1调整后的宽高比与原来有所差别，图像变得更细长了。图像大小调整后的效果如图所示。任务一商品图片的基础处理二、操作方法（二）图像大小和画布大小调整步骤2单击菜单栏中的“图像”，选择“画布大小”命令，弹出“画布大小”对话框。设置“高度”为800像素，宽度不变，定位向下，单击“确定”按钮，当弹出询问对话框时，单击“继续”按钮。调整画布后的效果。任务一商品图片的基础处理二、操作方法（三）图像变换操作步骤1启动Photoshop，单击菜单栏中的“文件”，选择“新建”命令，修改“预设详细信息”。设置“宽度”为800像素，“高度”为1500像素，“名称”为产品倒影。单击“确定”按钮，跳转到工作界面。任务一商品图片的基础处理二、操作方法（三）图像变换操作步骤2单击菜单栏中的“文件”，选择“置入”命令。在文件夹中选择素材，单击“置入”按钮，跳转到工作界面，调整素材的位置。任务一商品图片的基础处理二、操作方法（三）图像变换操作步骤3按住“Ctrl+J”键，复制图层，将复制图层移动至原图层下方，对复制图层执行变换操作。按住“Ctrl+T”键，单击鼠标右键，执行“垂直变换”命令。移动复制图层的位置，使两个图像垂直对齐，并且底部刚好贴近。任务一商品图片的基础处理二、操作方法（三）图像变换操作步骤4继续对复制图层执行自由变换操作。按住“Ctrl+T”键，单击鼠标右键，执行“斜切操作”命令，使两个图像底部尽量贴合。任务一商品图片的基础处理二、操作方法（三）图像变换操作步骤5调整好后，按下“Enter”键，接着给复制图层添加“高斯模糊”效果，设置“半径”为3.0像素。设置复制图层的“不透明度”为70%。操作完成后，展示效果。任务一商品图片的基础处理二、操作方法（三）图像变换操作步骤6如果想让效果看起来更真实，那么可以在两个图像接触的地方添加一个阴影效果。在两个图层之间新建一个空白图层，单击“画笔工具”，选择“黑色”选项。单击空白图层，看到一个圆形小黑点，对该小黑点执行变换操作，使之变成一个细长的、两头尖的椭圆形。适当调整该图层的大小和位置，使整体效果看起来更真实。商品图片的裁剪及调色处理任务二任务二商品图片的裁剪及调色处理一、操作要点（一）工具的使用技巧1.图片的裁剪处理裁剪工具在英文输入法状态下，按下“C”键切换到裁剪工具。裁剪工具属性栏还有设置裁剪工具的叠加选项、设置其他裁剪选项、删除裁剪的像素等功能。除了裁剪比例，系统还可以根据具体尺寸进行设定裁剪。任务二商品图片的裁剪及调色处理一、操作要点（一）工具的使用技巧1.图片的裁剪处理裁剪工具裁剪工具的叠加选项可以设置裁剪的构图参考网格线，系统预设的包括三等分、网格、对角、三角形、黄金比例和金色螺线。其他裁剪选项可以设置裁剪的预览效果。任务二商品图片的裁剪及调色处理一、操作要点（一）工具的使用技巧1.图片的裁剪处理透视裁剪工具透视裁剪工具一般具有矫正视觉效果的作用。切片工具在日常使用中，切片工具多用于网页设计和详情页的切割。切片工具的模式有3种，分别为“正常”“固定长宽比”“固定大小”。任务二商品图片的裁剪及调色处理一、操作要点（一）工具的使用技巧1.图片的裁剪处理切片工具切片选择工具可以调整切片工具切割后切线的位置，还可以对切片进行划分设置。可以将切片水平划分为多个纵向切片，也可以将切片垂直划分为多个横向切片，每个切片的大小都是相同的切片工具还可以借助参考线对图片进行切割，即在画布水平或垂直方向新建参考线，然后单击切片工具属性栏中“基于参考线的切片”。任务二商品图片的裁剪及调色处理一、操作要点（一）工具的使用技巧2.图片的调色处理色相/饱和度通过改变色相、饱和度和明度，图片的色彩就可以发生变化。在“色相/饱和度”面板中有多种系统预设的效果。任务二商品图片的裁剪及调色处理一、操作要点（一）工具的使用技巧2.图片的调色处理色相/饱和度在“色相/饱和度”面板中还可以对单独的色彩进行调整，选择单色进行调整时，只对图片内含有该颜色的区域进行色彩调整。任务二商品图片的裁剪及调色处理一、操作要点（一）工具的使用技巧2.图片的调色处理可选颜色可选颜色通对补色和黑色进行色彩调整。补色包括青色、洋红和黄色。“颜色”中有红色、黄色、绿色、青色、蓝色和洋红6个有彩色通道，以及白色、中性色和黑色3种无彩色通道。任务二商品图片的裁剪及调色处理一、操作要点（一）工具的使用技巧2.图片的调色处理色彩平衡色彩平衡是通过调整青色、洋红、黄色的相对值而改变图片的色调。在三原色色环中，青色+红色=白色、洋红+绿色=白色、黄色+蓝色=白色，色调又分为高光、中间调和阴影，通过调整三个色调的相互关系就可以改变图片的整体色调任务二商品图片的裁剪及调色处理一、操作要点（一）工具的使用技巧2.图片的调色处理色块与混合模式当需要改变图片的色调时还可以利用色块，或者一个有颜色的图层。将该图层放置在图片上方，然后改变图层的混合模式，调整图层的不透明度，可以让图片的色调显得更加自然、有质感。任务二商品图片的裁剪及调色处理一、操作要点（一）工具的使用技巧2.图片的调色处理自然饱和度自然饱和度主要是调整图片的色彩鲜艳度。通过调整“饱和度”和“自然饱和度”，就可以改变图片的色彩鲜艳度。任务二商品图片的裁剪及调色处理一、操作要点（二）操作建议1.裁剪工具使用注意事项自然饱和度“裁剪工具”属性栏右侧有三个连续的图标，依次为“复位裁剪操作”“取消裁剪操作”“确定裁剪”。任务二商品图片的裁剪及调色处理一、操作要点（二）操作建议2.调色工具使用注意事项在使用色相/饱和度时，可以调整色相，观察图片色彩的变化，然后通过调整饱和度和明度对色彩做更精细的调整。任务二商品图片的裁剪及调色处理二、操作方法（一）制作详情页切片步骤1启动Photoshop，单击菜单栏中的“文件”，选择“打开”命令。选择一张素材图片，单击“打开”按钮，跳转到工作界面。任务二商品图片的裁剪及调色处理二、操作方法（一）制作详情页切片步骤2首先使用最简单的工具对详情页进行切割。将鼠标放置在上方标尺位置，拖动出数条参考线，然后单击工具属性栏中的“基于参考线的切片”。任务二商品图片的裁剪及调色处理二、操作方法（一）制作详情页切片步骤3如果对切线的位置不满意，想要调整切线的位置，可以单击工具箱中的“切片选择工具”，然后将鼠标放在切线上就可以拖动切线的位置了。任务二商品图片的裁剪及调色处理二、操作方法（一）制作详情页切片步骤4切割好的图片要选择“存储为Web所用格式”保存。单击菜单栏中的“文件”，选择“存储为Web所用格式”命令，跳转到保存窗口，将鼠标放置在预览的图片上，按住左键不放并向下拖动，选中所有切片。任务二商品图片的裁剪及调色处理二、操作方法（一）制作详情页切片步骤5将图片的格式修改为JPEG格式，然后单击“存储”按钮，找到指定文件夹，单击“保存”按钮即可。然后在指定文件夹中可以查看到一个名为“images”的文件夹，切割好的详情页图片就在该文件夹中。任务二商品图片的裁剪及调色处理二、操作方法（二）对图片进行调色处理步骤1

启动Photoshop，单击菜单栏中的“文件”，选择“打开”命令。在文件夹中选择一张素材图片，然后单击“打开”按钮，跳转到工作界面。任务二商品图片的裁剪及调色处理二、操作方法（二）对图片进行调色处理步骤2

在“调整”面板中单击“色相/饱和度”，系统会自动添加“色相/饱和度”图层，弹出“色相/饱和度”面板。在“色相/饱和度”面板上调整“色相”为-164、“饱和度”为-25、明度不变。任务二商品图片的裁剪及调色处理二、操作方法（二）对图片进行调色处理步骤3

接下来对“色相/饱和度”图层进行隐藏，然后在“调整”面板中单击“可选颜色”，新建“可选颜色”图层，弹出“可选颜色”面板，调整黄色和青色的参数。颜色调整后的效果。任务二商品图片的裁剪及调色处理二、操作方法（二）对图片进行调色处理步骤4

隐藏“可选颜色”图层，在“调整”面板中单击“色彩平衡”，新建“色彩平衡”图层，弹出“色彩平衡”面板，可以调整高光、中间调和阴影的参数。步骤5

调整“高光”。在调整时，可以随时观察图片的颜色变化，查看图片的呈现效果。调整后，图片的整体呈现效果会更加鲜艳。任务二商品图片的裁剪及调色处理二、操作方法（二）对图片进行调色处理步骤6

调整“中间调”。在调整时，可以随时观察图片的颜色变化，查看图片的呈现效果。调整后，图片的整体呈现效果会更加明亮。步骤7

调整“阴影”。在调整时，可以随时观察图片的颜色变化，查看图片的呈现效果。调整后，图片的整体呈现效果会更加明亮。任务二商品图片的裁剪及调色处理二、操作方法（二）对图片进行调色处理步骤8

隐藏“色彩平衡”图层，新建一个纯色的“颜色填充”图层，然后将该图层的“混合模式”改为色相，调整图片的不透明度。任务二商品图片的裁剪及调色处理二、操作方法（二）对图片进行调色处理步骤9

隐打开另一张素材图片。再用步骤8的方法调整色调并观察效果。抠图与合成任务三任务三抠图与合成一、操作要点（一）工具的使用技巧1.常见抠图方法快速选择工具“快速选择工具”属性栏中有“增加选区”和“减去选区”的工具，另外还可以调整快速选择工具的大小。单击“调整边缘”，在弹出的“调整边缘”面板中有相应的参数可以调整。任务三抠图与合成一、操作要点（一）工具的使用技巧1.常见抠图方法魔棒工具如果在“魔棒工具”属性栏中勾选了“连续”，则当框选不相连的两个或者多个区域时，需要在属性栏中选择“添加到选区”，然后通过单击添加选区；如果没有勾选“连续”，则当用魔棒工具单击画布上的某一区域时，其他相同或者相近颜色的区域都会被一次性框选住。任务三抠图与合成一、操作要点（一）工具的使用技巧1.常见抠图方法魔术橡皮擦工具魔术橡皮擦工具不需要建立选区就可以将多余的部分抠除，只需要调整魔术橡皮擦的容差大小，然后在需要抠取的区域单击一下即可，如果效果不是很理想可以调整容差。魔术橡皮擦工具适合抠取背景比较单一、颜色比较单调的图片。如果商品与背景颜色相近，则不适合使用魔术橡皮擦工具抠图。任务三抠图与合成一、操作要点（一）工具的使用技巧1.常见抠图方法钢笔工具对于背景比较复杂，使用上述三种工具不容易抠取的图片，则需要结合钢笔工具进行抠图。钢笔工具使用技巧任务三抠图与合成一、操作要点（一）工具的使用技巧2.图片的合成图层蒙版的原理图层蒙版相当于给图层添加了一个遮罩，而这个遮罩可以调整不透明度，从而让遮罩内的区域显示出来。系统渐变预设有多种，每一种都有各自的渐变效果。渐变工具在图层蒙版中，主要使用黑、白的一个线性渐变，其能够给图片带来一种从实到虚的平缓过渡效果，而且是过渡的单位像素越长，效果越平缓，痕迹越不明显。任务三抠图与合成一、操作要点（二）操作建议1.选择合适的抠图工具2.图层蒙版操作注意事项在添加图层蒙版后，切记一定要在图层蒙版上进行操作，否则无法得到想要的效果。如果要给蒙版添加一个黑白渐变，但是没有作用在蒙版上，而是在原图层上进行操作，那么原图层的图像就会被填充上一个黑白渐变效果。当背景为纯色，且与商品对比比较强烈时，可以选择快速选择工具、魔棒工具和魔术橡皮差工具。当背景不为纯色，但是属于同一色调，且与商品对比比较强烈时，可以选择快速选择工具、魔棒工具和魔术橡皮差工具。当背景为纯色，但与商品自身颜色接近，或者部分相同时，要结合钢笔工具，先将背景与商品色调比较接近的区域抠选出来，再使用其他工具抠图。当背景比较复杂，商品轮廓与背景对比不是很明显时，需要用钢笔工具描绘路径，建立选区对图片进行抠除。任务三抠图与合成二、操作方法（一）使用钢笔工具抠选商品步骤1

启动Photoshop，单击菜单栏中的“文件”，选择“打开”命令。在指定文件夹中选择商品图片，然后单击“打开”按钮，跳转到工作界面。任务三抠图与合成二、操作方法（一）使用钢笔工具抠选商品步骤2

单击工具箱中的“钢笔工具”，选择工具属性栏中的“路径”，放大图片到能够看清细节，以便抠图。在包的轮廓边缘任意位置单击起始位置。在描绘路径时，可以灵活调整图像的大小，方便路径的绘制。在弯曲的位置单击第二个点，按住鼠标左键，向上拖动一小段距离，直到拖出一条曲线，然后适当调整转换点的长短和方向，使得曲线完全贴合商品轮廓边缘。任务三抠图与合成二、操作方法（一）使用钢笔工具抠选商品步骤3

继续使用“钢笔工具”沿着包的轮廓边缘绘制路径。注意使用“Ctrl”键可以移动锚点和转换点的位置。通过不断调整锚点和转换点的位置，可以改变曲线的弧度，使得绘制的路径几乎完全贴合商品的轮廓边缘。使用“Alt”键可以微调每条转换线段的位置，而使用“Ctrl”键只能同时移动两条转换线段的位置。另外，如果绘制的曲线没有完全贴合轮廓边缘，则可以在两点之间再添加一点，然后继续调整曲线。任务三抠图与合成二、操作方法（一）使用钢笔工具抠选商品步骤4

在沿着包的轮廓边缘描绘好完整的路径后，将最后一个锚点和第一个锚点重合，路径就闭合了。任务三抠图与合成二、操作方法（一）使用钢笔工具抠选商品步骤5

闭合路径之后，同时按住“Ctrl+Enter”键就能够将路径转换为选区；或者在钢笔工具属性栏中单击“选区”也可以建立选区。任务三抠图与合成二、操作方法（一）使用钢笔工具抠选商品步骤6

建立选区之后，同时按住“Ctrl+J”键，或者单击菜单栏中的“图层”，选择“新建”→“通过拷贝的图层”命令，也可以抠选商品。隐藏原图，查看效果。任务三抠图与合成二、操作方法（二）图片的合成步骤1

启动Photoshop，单击菜单栏中的“文件”，选择“新建”命令，修改“预设详细信息”。设置“宽度”为960像素，“高度”为500像素，“分辨率”为72像素/英寸，其他选项默认不变。任务三抠图与合成二、操作方法（二）图片的合成步骤2

新建画布后，为一款沐浴露设计一张海报的背景。首先分析沐浴露与哪些元素有关，然后根据相关元素搜集一些相关的素材。例如：沐浴露可能与液体（水和牛奶）、花瓣、绿叶、大自然等元素有关，那么就根据这些素材去合成一张海报的背景。步骤3

置入素材，然后将所有素材栅格化。在图层上单击鼠标右键，选择“栅格化图层”即可以将图片从智能化对象转换为栅格化图层。栅格化图层的目的是多次应用图层蒙版。任务三抠图与合成二、操作方法（二）图片的合成步骤4

调整素材的位置和大小，然后给图层water02添加图层蒙版。单击工具箱中的“渐变工具”，选择“黑白渐变”，然后从右向左，按住“Shift”键做水平向左的一个渐变效果。任务三抠图与合成二、操作方法（二）图片的合成步骤5

为了丰富背景，衬托出沐浴露的氛围效果，可以继续添加其他相关素材到画布中。然后不断调整素材的位置，给素材图层添加图层蒙版。隐藏其他素材，查看背景效果。任务三抠图与合成二、操作方法（二）图片的合成步骤6

添加花草素材，放置于商品的后面。调整素材的位置和大小。任务三抠图与合成二、操作方法（二）图片的合成步骤7

添加水珠素材，放置于商品的上方。然后添加剪贴蒙版。任务三抠图与合成二、操作方法（二）图片的合成步骤8

最后添加牛奶素材，放置于商品的上方。调整素材的位置和大小，添加图层蒙版。制作eBay商品主图任务四任务四制作eBay商品主图一、eBay平台主图规则（一）平台要求1.纯色背景任务四制作eBay商品主图一、eBay平台主图规则（一）平台要求2.图片规则商品主图不能带有任何除了商品本身以外附加的标识、水印、文字、边框、符号以及宣传促销等内容，允许商品本身印有标识。任务四制作eBay商品主图一、eBay平台主图规则（一）平台要求3.图片尺寸商品主图的尺寸必须为1∶1。同时，商品主图的最小像素尺寸为500像素×500像素，最大像素尺寸为9000像素×9000像素，且图片的大小不得超过7MB。为了优化买家的购物体验，一般建议卖家的商品主图及其他副图应为800～1600像素。4.图片格式eBay平台支持上传的商品图片格式包括JPEG、PNG、TIFF、BMP和GIF。其中，GIF动图格式目前是不支持的，一般建议卖家选择JPEG或PNG等较为常用的图片格式上传商品主图。5.商品状态eBay是一个可以销售二手、翻新、损坏商品的平台，但需要卖家如实填写商品现存真实状态信息。商品主图及其他图片也应该相应展现商品的真实状态，不得直接使用新品图片。任务四制作eBay商品主图一、eBay平台主图规则（二）制作建议1.体现主图的专业性拍摄商品时，建议从多角度进行尝试，尽量为买家呈现出商品的立体感。此外，使用高分辨率的图片也能从侧面体现出卖家的专业性，因此在拍摄时应进行高分辨率的设置。任务四制作eBay商品主图一、eBay平台主图规则（二）制作建议2.明确展示所售商品拍摄商品时，尽量呈现商品的真实样貌，避免遭到诸如“商品与图片严重不符”这类的投诉。谨慎在图片中加入辅助道具，避免喧宾夺主以及给买家带来不必要的误会。任务四制作eBay商品主图一、eBay平台主图规则（二）制作建议2.明确展示所售商品跨境电商平台一般都会建议卖家制作的商品主图中，商品所占图片面积应该尽可能大一些。eBay平台一般要求卖家的商品主图中，商品占比必须大于80%，以便清晰呈现所销售的商品。任务四制作eBay商品主图二、eBay平台主图制作方法不同Photoshop版本的部分工具和操作指令可能会有所差异。如图所示的PhotoshopCC2014版本和如图所示的PhotoshopCC2017版本中，置入文件的指令名称就有所不同。另外，Photoshop版本越新，对电脑配置要求越高，通常情况下PhotoshopCS6以上版本都能满足日常使用需求。PhotoshopCC2014版本的置入操作PhotoshopCC2017版本的置入操作任务四制作eBay商品主图二、eBay平台主图制作方法步骤1

启动PhotoshopCC2014版本软件，单击菜单栏中的“文件”，执行“新建”命令，弹出“新建”对话框（快捷键：Ctrl+N）。设置“名称”为eBay商品主图，“宽度”为1000像素，“高度”为1000像素，“分辨率”为72像素/英寸，其他选项默认不变。任务四制作eBay商品主图二、eBay平台主图制作方法步骤1

单击“确定”按钮，跳转到工作界面。任务四制作eBay商品主图二、eBay平台主图制作方法步骤2

单击菜单栏中的“文件”，选择“置入”命令。在文件夹中选择指定素材，单击“置入”按钮。任务四制作eBay商品主图二、eBay平台主图制作方法步骤3

置入后的商品图片处于“自由变换”状态，按住“Shift+Alt”键，用鼠标拖动素材的一个对角，对其进行围绕中心等比例缩放，从而调整素材的大小，使其至少有两条边尽量贴住画布边缘，不留太多空白。任务四制作eBay商品主图二、eBay平台主图制作方法步骤3

素材调整大小的效果对比。任务四制作eBay商品主图二、eBay平台主图制作方法步骤4

单击菜单栏中的“文件”，选择“存储为Web所用格式”命令（快捷键：Ctrl+Shift+Alt+S）。将图片存储为JPEG格式，观察图片的大小，不能大于7MB。当图片大小超过这个数值时，需要通过降低图像的品质来缩小图片的大小任务四制作eBay商品主图二、eBay平台主图制作方法步骤4

图片大小和格式确认无误后，单击“存储”按钮，跳转到“将优化结果存储为”对话框。选择指定文件夹，单击“保存”按钮。任务四制作eBay商品主图二、eBay平台主图制作方法由于eBay平台的商品主图还可以是其他纯色背景，因而可以给背景填充与商品色系相关的颜色，以便衬托出商品的质感和氛围感。制作亚马逊商品主图任务五任务五制作亚马逊商品主图一、亚马逊平台主图规则（一）平台要求1.纯色背景亚马逊平台要求商品主图必须是纯白背景，即背景的RGB值为255，255，255。纯白背景能更好地展示商品的真实外观，同时尽量减小商品受背景干扰所产生的视觉偏差。任务五制作亚马逊商品主图一、亚马逊平台主图规则（一）平台要求2.商品真实所使用的商品主图必须是实际商品的专业照片，不得以图形、插图、模型等其他形式展示，以免买家在购物选择的过程中产生不必要的误解，引发后续的退、换货及投诉问题。3.商品占比亚马逊平台要求商品在主图中占比需要达到85%以上，不允许有过大范围的边框留白，要尽可能清晰地展示商品外观，以便提升买家在选购过程中的购物体验。4.图片规则亚马逊平台规定商品主图中不能带有任何附加的标识、水印、文字、边框、符号等，如果是商品本身印有标识是允许的；主图中除了正在销售的商品本身以外，不允许出现不包含在商品中的配件或者其他商品。任务五制作亚马逊商品主图一、亚马逊平台主图规则（一）平台要求5.类目主图展示有些类目（如服饰、内衣、袜子等）主图允许使用模特展示，而且只能使用真人模特，不能使用服装店里的那种假人模特。模特必须是正面站立，不能是侧面、背面、多角度组合图、坐姿等。任务五制作亚马逊商品主图一、亚马逊平台主图规则（一）平台要求6.图片规格亚马逊商品主图的长边像素至少要达到1000像素，且不超过10000像素，而短边像素至少要达到500像素；商品必须在图片中清晰可见；图片格式为JPG、JPEG、TIFF或GIF，但不支持GIF动态图片，一般建议优选JPG或JPEG格式制作商品图片。7.变体主图对于有变体的商品，父子商品都要有主图。任务五制作亚马逊商品主图一、亚马逊平台主图规则（二）制作建议明确展示所售商品呈现图片光影效果提高转化率二、亚马逊平台主图制作方法步骤1启动Photoshop，单击菜单栏中的“文件”，执行“新建”命令，修改“预设详细信息”。设置“名称”为亚马逊商品主图，“宽度”为900像素，“高度”为1200像素，“分辨率”为72像素/英寸，其他选项默认不变。任务五制作亚马逊商品主图二、亚马逊平台主图制作方法步骤1单击“确定”按钮，跳转到工作界面。任务五制作亚马逊商品主图二、亚马逊平台主图制作方法步骤2单击菜单栏中的“文件”，选择“置入”命令。找到对应的文件夹，选中需要置入的素材图片，单击“置入”按钮任务五制作亚马逊商品主图二、亚马逊平台主图制作方法步骤3置入后，素材图片此时处于“自由变换”状态。按住“Shift+Alt”键，用鼠标拖动图片任意的对角，等比例缩放素材的大小，使得图片上下尽量充满画布。任务五制作亚马逊商品主图二、亚马逊平台主图制作方法步骤4检查主图背景是否有杂质或者污点，要保证图片的背景干净、整洁。确定图片尺寸也没有问题后，单击菜单栏中的“文件”，选择“存储为Web所用格式”命令。跳转到“存储为Web所用格式”对话框，观察图片是否为JPEG格式，图像大小是否为900像素×1200像素任务五制作亚马逊商品主图二、亚马逊平台主图制作方法步骤4确定无误后，单击“存储”按钮，找到指定文件夹位置，单击“保存”按钮。制作速卖通商品主图任务六任务六制作速卖通商品主图一、速卖通平台主图规则（一）平台要求1.纯色背景速卖通平台要求所有卖家提供的商品主图必须使用纯色背景，尽量使用白色。任务六制作速卖通商品主图一、速卖通平台主图规则（一）平台要求1.纯色背景速卖通平台不允许在商品主图上额外添加边框、水印等可能影响商品展示的不相关元素。若有展示品牌标识的需求，则需要统一放置于左上角。任务六制作速卖通商品主图一、速卖通平台主图规则（一）平台要求2.图片规格商品主图建议为正方形，800像素×800像素。3.商品位置商品应在图片中居中展示，且至少占比70%以上。4.拼图方法速卖通平台允许卖家通过拼图的方式进行商品的多方位展示，但仅允许两张拼图，不允许三张及以上拼图。任务六制作速卖通商品主图一、速卖通平台主图规则（二）制作建议1.提升质感速卖通平台要求所有商品主图必须是纯白或其他纯色背景，大部分卖家基于该要求，所展示的图片风格大多很相近。而有经验的卖家则通过一些细节设计，如适当添加镜像或者阴影，极大地提升了图片的质感，在不违反规则的同时很好地吸引了买家的注意力。任务六制作速卖通商品主图一、速卖通平台主图规则（二）制作建议2.对比清晰如果卖家销售的商品具有多个颜色，则建议要有清晰的对比，在主图上尽可能地展示出来。但是不可以影响图片的清晰度，不可以使用多张拼图，需要通过摆列拍摄或者抠图将多个商品陈列在一个画幅中进行展示。任务六制作速卖通商品主图一、速卖通平台主图规则（二）制作建议3.不可出现非销售配件商品主图只能展示所销售的商品，不可以出现任何可能引起买家误会的商品。4.风格统一风格统一包括商品主图的拍摄手法统一，以及全店商品图片风格的统一。5.充分展示卖点卖家要充分利用商品主图，尽可能地展示商品的卖点，如造型、尺寸、功能等。为了达到此目的，卖家可以多角度拍摄，以便多方面地展示出商品的细节。任务六制作速卖通商品主图二、速卖通主图制作方法步骤1启动Photoshop，单击菜单栏中的“文件”，选择“新建”命令，修改“预设详细信息”。设置“名称”为速卖通商品主图，“宽度”为800像素，“高度”为800像素，“分辨率”为72像素/英寸，其他选项默认不变。任务六制作速卖通商品主图二、速卖通主图制作方法步骤1启单击“确定”按钮，跳转到工作界面。任务六制作速卖通商品主图二、速卖通主图制作方法步骤２单击菜单栏中的“文件”，选择“置入”命令。在指定文件夹中选中素材图片，单击“置入”按钮。任务六制作速卖通商品主图二、速卖通主图制作方法步骤3置入后，素材图片处于“自由变换”状态，可以对商品形态进行变换。按住“Shift+Alt”键，鼠标拖动图片任意的对角，可以对图片进行围绕中心的等比例缩放。任务六制作速卖通商品主图二、速卖通主图制作方法步骤4将图片缩放至一定大小，然后选择“移动工具”将图片移动到画布的左侧。任务六制作速卖通商品主图二、速卖通主图制作方法步骤5如果图片无法调整到大小相同，则需要通过新建参考线来辅助完成操作。单击菜单栏中的“视图”，选择“新建参考线”命令，弹出“新建参考线”对话框。任务六制作速卖通商品主图二、速卖通主图制作方法步骤5如果商品垂直排布，则可以选择水平方向设置参考线的位置；相反，如果商品水平排布，则可以选择垂直方向设置参考线的位置。由于主图的宽度和高度都是800像素，在主图右侧垂直方向计划放置4张其他颜色的图片，所以新建3条参考线，将主图区域一分为四，分别在200像素、400像素和600像素新建参考线即可。任务六制作速卖通商品主图二、速卖通主图制作方法步骤5参考线新建好以后，单击菜单栏中的“文件”，选择“置入”命令，选中不同颜色的图片，置入文件。任务六制作速卖通商品主图二、速卖通主图制作方法步骤5按住“Shift+Alt”键，鼠标拖动图片任意的对角，调整图片大小，将图片控制在2条参考线之间。任务六制作速卖通商品主图二、速卖通主图制作方法步骤5调整好图片大小以后，双击鼠标左键即可释放“自由变换”状态。其他颜色的3张图片用同样的方法置入文件，然后调整图片大小，隐藏参考线，查看效果（快捷键：Ctrl+H）。任务六制作速卖通商品主图二、速卖通主图制作方法步骤6确定主图没有其他瑕疵后，单击菜单栏中的“文件”，选择“存储为Web所用格式”命令。然后将图片格式改为JPEG格式，查看图片大小是否符合要求。任务六制作速卖通商品主图二、速卖通主图制作方法步骤6确认无误后，单击“存储”按钮，找到指定文件夹，单击“保存”按钮。弹出“Adobe存储为Web所用格式”警告对话框，单击“确定”按钮。最终得到速卖通商品主图制作Shopee商品主图任务七任务七制作Shopee商品主图一、Shopee平台主图规则（一）平台要求1.纯色背景2.图片规格商品主图的最低分辨率须达到72dpi，500像素×500像素，以保证商品的展示效果。3.商品呈现商品在图片中占比至少达到80%。同时，建议卖家在拍摄商品时，尽量采用正面或者30°拍摄。任务七制作Shopee商品主图一、Shopee平台主图规则（二）制作建议1.全面展示如果商品具有多个颜色，那么可以使用拼图的方式进行全面展示。任务七制作Shopee商品主图一、Shopee平台主图规则（二）制作建议2.涵盖更多信息如果所售商品有附带的赠品，则要尽可能地展示在主图上。任务七制作Shopee商品主图一、Shopee平台主图规则（二）制作建议3.展示商品原貌如果卖家所售的商品是易耗品，如纸尿裤、面膜等，则可以选择去掉包装，直接展示商品原貌。4.统一模板或风格店铺里的所有商品可以选择统一的设计模板或者风格，这样有助于塑造品牌形象，加深商品的辨识度。任务七制作Shopee商品主图二、Shopee平台主图制作方法步骤1启动Photoshop，单击菜单栏中的“文件”，选择“新建”命令，修改“预设详细信息”。设置“名称”为shopee商品主图，“宽度”为500像素，“高度”为500像素，“分辨率”为72像素/英寸，其他选项默认不变。任务七制作Shopee商品主图二、Shopee平台主图制作方法步骤1单击“确定”按钮，跳转到工作界面。任务七制作Shopee商品主图二、Shopee平台主图制作方法步骤2单击菜单栏中的“文件”，选择“置入”命令。在指定文件夹中选择素材图片。任务七制作Shopee商品主图二、Shopee平台主图制作方法步骤3单击“置入”按钮，跳转到工作界面。图片置入后，暂时处于“自由变换”状态。任务七制作Shopee商品主图二、Shopee平台主图制作方法步骤3按住“Shift+Alt”键，鼠标拖动图片任意的对角，调整图片大小，双击鼠标左键，释放“自由变换”状态，然后将图片移动至主图的左上角。任务七制作Shopee商品主图二、Shopee平台主图制作方法步骤4Shopee主图可以使用拼图，所以可以用同样的方法置入商品的其他素材图片。单击菜单栏中的“文件”，选择“置入”命令，选中需要置入的素材图片。任务七制作Shopee商品主图二、Shopee平台主图制作方法步骤4单击“置入”按钮，按住“Shift+Alt”键，鼠标拖动图片任意的对角，调整图片大小，双击鼠标左键，释放“自由变换”状态，移动图片到合适的位置。任务七制作Shopee商品主图二、Shopee平台主图制作方法步骤4重复以上操作，将其他素材图片置入文件。任务七制作Shopee商品主图二、Shopee平台主图制作方法步骤5图片调整好后，确认无其他需要添加的信息，单击菜单栏中的“文件”，选择“存储为Web所用格式”命令。弹出“存储为Web所用格式”对话框，选择“JPEG”格式。任务七制作Shopee商品主图二、Shopee平台主图制作方法步骤5单击“存储”按钮，找到指定文件夹，单击“保存”按钮即可。感谢观看跨境电商CROSS-BORDERE-COMMERCEVISUALDESIGN视觉设计任务一设计制作活动海报任务二设计制作速卖通详情页任务三设计制作亚马逊A+页面任务四设计制作eBay详情页目录CONTENTS项目四海报及详情页的设计制作学习目标知识目标•了解各主流跨境电商平台的海报及详情页的制作规则；•熟悉各主流跨境电商平台的海报及详情页的制作方法和要点；•掌握各主流跨境电商平台的海报及详情页的制作流程和技巧；•了解Photoshop的功能和作用；•熟悉Photoshop常见抠图工具的功能。技能目标•能够高效使用Photoshop及其他辅助制图工具；•能够制作符合各主流跨境电商平台规则的海报及详情页；•能够熟练使用Photoshop的基本工具。素质目标•具有良好的文字表达能力和逻辑思维能力；•具备熟练使用计算机辅助（翻译）软件的能力；•具备特殊敏感词汇和违规表现形式的甄别能力；•具备较好的审美水平与符合市场需求的设计理念；•具备较强的知识产权保护意识；•具备较强的团队精神和服务意识。设计制作活动海报任务一任务一 设计制作活动海报一、了解活动海报的要求（一）平台要求1.速卖通的横幅海报（1）轮播图任务一 设计制作活动海报一、了解活动海报的要求（一）平台要求1.速卖通的横幅海报（2）横幅图任务一 设计制作活动海报一、了解活动海报的要求（一）平台要求1.速卖通的横幅海报（3）双横幅图任务一 设计制作活动海报一、了解活动海报的要求（一）平台要求2.速卖通的商品营销图（1）白底图任务一 设计制作活动海报一、了解活动海报的要求（一）平台要求2.速卖通的商品营销图（2）场景图任务一 设计制作活动海报一、了解活动海报的要求（二）制作建议1.商品营销任务一 设计制作活动海报一、了解活动海报的要求（二）制作建议2.场景营销任务一 设计制作活动海报一、了解活动海报的要求（二）制作建议3.品牌营销任务一 设计制作活动海报二、活动海报的制作方法步骤1启动Photoshop，单击菜单栏中的“文件”，选择“新建”命令，弹出“新建”对话框，设置“名称”为活动海报，“宽度”为1920像素，“高度”为600像素，其他选项默认不变。任务一 设计制作活动海报二、活动海报的制作方法步骤1单击“确定”按钮，跳转到工作界面。任务一 设计制作活动海报二、活动海报的制作方法步骤2单击菜单栏中的“文件”，选择“置入”命令。找到对应文件夹，选中需要置入的商品素材，单击“置入”按钮。任务一 设计制作活动海报二、活动海报的制作方法步骤3商品素材置入后，按“Enter”键，释放“自由变换”状态。然后选择“移动工具”调整商品素材的位置。任务一 设计制作活动海报二、活动海报的制作方法步骤4因为不同显示屏的显示区域有所不同，有的不能够全屏显示海报的内容，所以需要将海报的主要信息控制在一个区域内，以便令不同显示屏都能够看见海报的主要信息。单击菜单栏中的“视图”，选择“新建参考线”命令，新建一条垂直位置在360像素和一条垂直位置在1560像素的参考线。任务一 设计制作活动海报二、活动海报的制作方法步骤4新建参考线以后，继续调整商品素材的位置，使商品素材的主体尽量位于两条参考线之间。任务一 设计制作活动海报二、活动海报的制作方法步骤5接下来为活动海报添加背景。海报背景应该与商品特征相关，或者与促销活动的氛围相关，在这里选择贴近商品自身色调的颜色。单击菜单栏中的“文件”，选择“置入”命令，找到文件夹中的背景素材。任务一 设计制作活动海报二、活动海报的制作方法步骤5单击“置入”按钮，将背景素材置入画布，跳转到工作界面。任务一 设计制作活动海报二、活动海报的制作方法步骤5用鼠标拖动背景素材的两边，调整大小，使背景素材撑满整个画布。任务一 设计制作活动海报二、活动海报的制作方法步骤6选择“文字工具”，输入文案“2022NEWRELEASE”，设置文案的字符属性。设置文案的颜色。任务一 设计制作活动海报二、活动海报的制作方法步骤6文案“2022NEWRELEASE”的效果。任务一 设计制作活动海报二、活动海报的制作方法步骤7选择“文字工具”，输入文案“25%OFF”,设置文案的字符属性。设置文案的颜色。任务一 设计制作活动海报二、活动海报的制作方法步骤7文案“25%OFF”的效果。任务一 设计制作活动海报二、活动海报的制作方法步骤8接下来添加其他的文案。首先需要制作一个简单的图标。选择“自定形状工具”。选择“边框7”，在画布上拖动至合适大小。然后选择“复选标记√”，在画布上拖动至合适大小，移动至边框7位置上。任务一 设计制作活动海报二、活动海报的制作方法步骤8图标效果。任务一 设计制作活动海报二、活动海报的制作方法步骤8在图标的右侧输入文案“CVC6.0aptXStereoSound”，设置文案的字符属性。设置文案的颜色。任务一 设计制作活动海报二、活动海报的制作方法步骤8文案“CVC6.0aptXStereoSound”的效果。任务一 设计制作活动海报二、活动海报的制作方法步骤8同时选中图标和文案“CVC6.0aptXStereoSound”图层，复制图层，移动复制后的图层，使其位于之前文案的下方，然后修改文案为“HandsFreeCall”。文案“HandsFreeCall”的效果。任务一 设计制作活动海报二、活动海报的制作方法步骤9需要给海报添加一个购买图标。选择“圆角矩形工具”在画布上画一个圆角矩形。在“属性”面板中设置宽为320像素、高为65像素，四个圆角半径均为15像素。任务一 设计制作活动海报二、活动海报的制作方法步骤9圆角矩形的效果。任务一 设计制作活动海报二、活动海报的制作方法步骤9选择“文字工具”，输入文案“BUYNOW”。设置文案的字符属性。设置文案的颜色。选择“移动工具”将文案移动至圆角矩形上。任务一 设计制作活动海报二、活动海报的制作方法步骤9选择“自定形状工具”。选择“箭头9”。任务一 设计制作活动海报二、活动海报的制作方法步骤9在画布上拖动箭头9至合适大小并移动至圆角矩形上。调整文案“BUYNOW”和自定形状“箭头9”的位置。文案“BUYNOW”的效果。任务一 设计制作活动海报二、活动海报的制作方法至此一张活动海报基本上就制作完成了。任务一 设计制作活动海报二、活动海报的制作方法可以继续添加一些装饰素材，使活动海报更有氛围感。设计制作速卖通详情页任务二任务二 设计制作速卖通详情页一、了解速卖通详情页的要求（一）内容设计1.首焦海报任务二 设计制作速卖通详情页一、了解速卖通详情页的要求（一）内容设计2.卖点介绍任务二 设计制作速卖通详情页一、了解速卖通详情页的要求（一）内容设计3.基础信息任务二 设计制作速卖通详情页一、了解速卖通详情页的要求（一）内容设计4.细节特写任务二 设计制作速卖通详情页一、了解速卖通详情页的要求（一）内容设计5.场景实拍任务二 设计制作速卖通详情页一、了解速卖通详情页的要求（一）内容设计6.买家须知7.品牌理念任务二 设计制作速卖通详情页一、了解速卖通详情页的要求（二）制作建议1.多语言化任务二 设计制作速卖通详情页一、了解速卖通详情页的要求（二）制作建议2.重要内容前置任务二 设计制作速卖通详情页一、了解速卖通详情页的要求（二）制作建议3.图文分离任务二 设计制作速卖通详情页二、撰写速卖通详情页的文案（一）详情页文案的内容在开始准备详情页文案前，可以先浏览其他店铺的同款竞品，研究爆款文案，还可以跨平台分析同类商品的文案，从爆款竞品的差评来分析总结，归纳买家的痛点。具体来说，详情页文案的内容包括以下几个方面：1.基础信息内容2.商品主要卖点任务二 设计制作速卖通详情页二、撰写速卖通详情页的文案（一）详情页文案的内容3.服务与说明任务二 设计制作速卖通详情页二、撰写速卖通详情页的文案（二）详情页文案的撰写建议1.文案特征文案应该符合市场需求及店铺或品牌定位。文案应该言简意赅、通俗易懂，使买家能够快速了解商品信息。文案应该逻辑清晰、表达准确，整体具有层次性，能够突出关键信息。2.图文一致任务二 设计制作速卖通详情页三、制作速卖通详情页的图片（一）图片要求（1）店招（2）详情页任务二 设计制作速卖通详情页三、制作速卖通详情页的图片（二）制作建议1.场景大图任务二 设计制作速卖通详情页三、制作速卖通详情页的图片（二）制作建议2.质感白底图任务二 设计制作速卖通详情页三、制作速卖通详情页的图片（二）制作建议3.效果精修图任务二 设计制作速卖通详情页三、制作速卖通详情页的图片（二）制作建议4.细节小图任务二 设计制作速卖通详情页四、速卖通详情页的制作方法步骤1启动Photoshop，单击菜单栏中的“文件”，选择“新建”命令，修改“预设详细信息”。设置“名称”为速卖通产品详情页，“宽度”为950像素，“高度”为5000像素（如果页面高度不够，可以再拓展），“分辨率”为72像素/英寸，其他选项默认不变、任务二 设计制作速卖通详情页四、速卖通详情页的制作方法步骤2

单击菜单栏中的“文件”，选择“置入”命令。然后选择相应的商品素材，单击“置入”按钮。任务二 设计制作速卖通详情页四、速卖通详情页的制作方法步骤2

单击“置入”按钮后，跳转到工作界面。按住“Shift+Alt”键，用鼠标拖动图片的对角就可以对商品进行围绕中心的等比例缩放处理，调整图片至合适大小。选择“移动工具”，移动图片至合适位置。因为详情页的第1屏通常采用上下构图的形式，所以将图片移动至画布稍微偏下的位置。任务二 设计制作速卖通详情页四、速卖通详情页的制作方法步骤2

接着再利用相同的操作方式，置入另外一个商品素材。适当调整图片大小，使图片的展示效果更好。使用鼠标新建两条水平方向的参考线，作为后续调整图片大小的参考标准。（按住“Ctrl+R”键可以调出标尺，也可以隐藏标尺；在菜单栏中的“视图”下也可以调出标尺。）任务二 设计制作速卖通详情页四、速卖通详情页的制作方法步骤3

将背景素材置入画布，然后调整画布的大小，使背景素材能够撑满详情页的第1屏。任务二 设计制作速卖通详情页四、速卖通详情页的制作方法步骤4

接下来新建一个空白图层，选择“画笔工具”，“颜色”选择黑色，用画笔在图层1上单击一下，得到一个边缘虚化的小黑点。任务二 设计制作速卖通详情页四、速卖通详情页的制作方法步骤4

接下来，为了让手表更有立体感，在表带底部添加一个阴影效果。按住“Ctrl+T”键，对小黑点进行变换操作，将小黑点从一个圆形拉成一个较细