网店美工视觉设计实战教程课件

推广图和视频的设计与制作人民邮电出版社网店美工视觉设计实战教程（全彩微课版第3版）第7章目录Contents主图设计与制作引力魔方图设计与制作7.27.1直通车图设计与制作7.3实战演练7.5商品视频设计与制作7.47.1.1主图规范3淘宝平台横版主图的尺寸是800像素×800像素；竖版主图的尺寸为800像素×1200像素、750像素×1000像素，竖版尺寸要求只需达到2:3或者3:4的比例即可；京东平台主图尺寸为800像素×800像素；拼多多平台的主图尺寸为740像素×352像素。网店美工在制作横版主图时一般采用800像素×800像素的通用尺寸，分辨率选择72像素/英寸，文件大小尽量控制在3MB以内。尺寸规范数量规范在拼多多平台上，商品的主图全部数量为1个主图视频＋10张主图图片。首张主图会在搜索结果页中显示，因此需要重点制作，而第2~5张主图展示商品，第6~10张主图展示消费者对商品的评价。而淘宝平台采用5张主图的模式，或者1个主图视频＋5张主图的模式。7.1.2制作优质主图的技巧4主图设计对商品的点击率和转化率有着非常巨大的影响，要想制作出优质的主图，使其更能吸引消费者，网店美工就需要运用一些技巧。01020304

商品的大小适中丰富内容卖点清晰有创意宜简不宜繁7.1.3制作数据线主图5由于数据线商品体积较小，不易展现细节，因此，网店美工可在画面中添加插头的细节图来展示该商品的卖点；在布局上可采用左图右文的方式平衡画面；在配色选择上可使用与商品颜色相近的色彩，采用特殊效果的图片充当背景，其具体操作步骤如下。应用滤镜的前后对比1绘制圆角矩形绘制矩形237.1.3制作数据线主图6设置投影参数主图效果74输入文字绘制装饰56目录Contents主图设计与制作引力魔方图设计与制作7.27.1直通车图设计与制作7.3实战演练7.5商品视频设计与制作7.47.2.1引力魔方图的规范与设计要点8引力魔方的位置众多，如移动端淘宝首页焦点图，猜你喜欢版块，红包互动权益（芭芭农场中），引力魔方的尺寸规格主要有800像素×800像素、800像素×1200像素、513像素×750像素等。网店美工在设计引力魔方图时，需要根据投放位置、尺寸等信息进行调整。网店美工在设计引力魔方图时，应注意以下两点。明确的投放目的独特的设计7.2.2引力魔方图设计注意事项9引力魔方图的内容多样，因此表现形式相较于主图更加多元化，也更加自由，但是仍要注意以下3点，以免发生设计出的成品图效果不佳的情况。注意事项必须有商品图像画面不能有遮挡内容合适7.2.3制作周年庆引力魔方图10某彩妆店铺3周年店庆即将来临，为了推广周年庆活动，店铺准备在移动端淘宝首页焦点图位置投放引力魔方图。网店美工在构图上可采用三栏式构图达到醒目的效果，并着重强调此次活动的主题，其具体操作步骤如下。调整背景颜色12置入素材 绘制信封形状绘制正面形状347.2.3制作周年庆引力魔方图11输入文字信纸效果5678设置渐变输入活动文本7.2.3制作周年庆引力魔方图12910设置投影参数周年庆引力魔方图效果目录Contents主图设计与制作引力魔方图设计与制作7.27.1直通车图设计与制作7.3实战演练7.5商品视频设计与制作7.47.3.1直通车展现方式14单击此处输入标题关键词搜索结果页的展位关键词搜索结果页的展位消费者必经之路上的众多高流量、高关注度的展位7.3.2直通车图的设计要点15直通车图担负着为商品引流的重任，因此，直通车图的设计既需要有优秀的视觉效果，也需要具有宣传商品的作用。一般情况下，网店美工在设计直通车图时应遵循以下3个要点。主题卖点简洁精确构图合理具有吸引力7.3.3直通车图引流的关键16能否快速打动消费者，并使消费者产生点击查看该商品的行为，是检验直通车图设计否成功与否的关键因素。网店美工可从以下5个关键点着手设计直通车图。分析消费者心理需求分析图片的差异使用增值服务使用诱导的概念使用大众好评7.3.4制作剃须刀直通车图17设置内发光参数12某店铺需要制作直通车图推广新上市的剃须刀商品，网店美工在制作时，可选用左右构图方式，利用纯色形状和带有质感的背景图形成反差，减少纯色背景带来的单调感，并使用商品图像减轻反差带来的割裂感，其具体操作步骤如下。绘制正图并创建剪贴蒙版7.3.4制作剃须刀直通车图1834制作投影5绘制并复制圆角矩形输入文本7.3.4制作剃须刀直通车图19最终效果766变形文字目录Contents主图设计与制作引力魔方图设计与制作7.27.1直通车图设计与制作7.3实战演练7.5商品视频设计与制作7.47.4.1商品视频的特点21时长精简信息丰富主题鲜明与普通视频不同，商品视频的制作目的就是将商品信息有效地传递给消费者，因此，除了视频画面美观外，商品视频还具有以下3个特点。7.4.2常见商品视频类别22常见的视频主要有主图视频和详情页视频两种类型，而不同类型的视频，其应用位置、主要内容、时长、尺寸均有所区别。应用在商品主图位置，用于展现商品的1~2个核心卖点，再围绕展现的卖点展示该商品的细节部分。主图视频时长一般为9~60秒，画面比例为16∶9、1∶1、3∶4，大小不小于540像素×540像素，建议在750像素×1000像素以上。注意：一个主图视频只能绑定一款商品。主图视频详情页视频应用在商品详情页中，用于详细说明商品的功能等用途、优点、效果，诠释设计理念并安装、使用方法等。时长一般为5秒~2分钟，1分钟内为佳，画面比例常用16∶9和4∶3，大小为1280像素×720像素或720像素×576像素。7.4.3商品视频拍摄的注意事项23了解商品的特点在拍摄视频前，网店美工需要先了解将要拍摄的商品的特点，如商品的外观特色、制作材质和使用方法等，拍摄时便可着重表现商品的特点，使其在同类商品中脱颖而出。准备设备、模特拍摄的内容视频的拍摄除了需要摄影机以外，还需要打光灯、录音设备等辅助器材。服饰、美妆等商品的视频还会通过模特展示商品的使用过程和使用效果。拍摄场景分为室内场景和室外场景。室内拍摄需要考虑灯光、背景和布局等；而室外拍摄则需要选择一个合适的环境，避免在人物繁杂的环境中进行拍摄。拍摄的内容既要展示商品的全貌，也要展示商品的各个角度和细节，但是不同类目的商品，其拍摄内容也略有区别。布置拍摄场景为了保证视频的质量和视觉效果的美观，达到促进商品销售的目的，网店美工在拍摄视频时，应注意以下4个方面。7.4.4制作柿子主图视频24导入视频12某水果店铺需要制作水晶小柿子的主图视频，用于向消费者展示商品颗颗饱满、皮薄肉厚的卖点。网店美工可利用“剪映专业版”制作，其具体操作步骤如下。设置草稿参数调整视频画面大小37.4.4制作柿子主图视频25调整画面亮度654添加和调整特效删除选中的视频7.4.4制作柿子主图视频2678修改文本调整音频9调整文字模板选择文字模板107.4.4制作柿子主图视频2711设置导出参数最终效果12目录Contents主图设计与制作引力魔方图设计与制作7.27.1直通车图设计与制作7.3实战演练7.5商品视频设计与制作7.47.5.1制作扫地机器人直通车图29

1.设计思路01020304打开文件，置入背景图像，模糊部分图像增减空间感置入商品图像并绘制阴影，减少商品摆放在背景图像上的突兀感使用文字，输入店铺名称、优惠价格和商品卖点文字；绘制形状，制作卖点文字的底纹调整卖点文字和底纹的样式，强调卖点文字30020103使用“剪贴蒙版”功能制作背景；使用“模糊工具”优化背景图像；使用“画笔工具”绘制阴影。使用“横排文字工具”输入文本；使用“矩形工具”绘制卖点文字的装饰形状。使用“斜切”命令调整卖点文字和底纹。7.5.1制作扫地机器人直通车图2. 知识要点31

3.操作步骤下面根据扫地机器人使用环境来设计直通车图，其具体操作步骤如下。12输入店铺名称模糊背景图像绘制阴影47.5.1制作扫地机器人直通车图绘制矩形33257输入底部文字修改文本内容7.5.1制作扫地机器人直通车图斜切文本68最终效果7.5.2制作休闲鞋引力魔方图33（2）置入商品图像和装饰图像，制作穿插效果。（4）调整文本的方向，营造动感。（3）输入文字，然后制作文字描边效果。（1）新建文件，并置入背景图像。1.设计思路7.5.2制作休闲鞋引力魔方图34使用“横排文字工具”输入文本；使用“矩形工具”绘制装饰形状使用“蒙版”功能制作穿插效果使用“自由编辑”命令调整文字和装饰的方向2.知识要点▲▲▲▲▲▲7.5.2制作休闲鞋引力魔方图35设置投影参数制作倾斜镂空文字31

3.操作步骤下面根据休闲鞋的特色设计引力魔方图，其具体操作步骤如下。制作穿插效果27.5.2制作休闲鞋引力魔方图3664调整图层组内图像的方向制作倒影效果5最终效果谢谢观看人民邮电出版社网店美工视觉设计实战教程（全彩微课版）第7章网店