大学课程《电子商务网页图片制作》PPT教学课件：项目五　商品宣传设计.ppt

1、,江苏省常州技师学院商贸旅游系,电子商务网页图片,项目五商品宣传设计,项目五：商品宣传设计,任务一化妆品广告设计,任务二手机广告宣传,任务三促销广告设计,任务四制作秒杀广告,任务描述 化妆品行业在淘宝网上生意火爆，女孩子们喜欢在网上购买化妆品。因为网上不仅可以买到国内没有的品牌而且价格也相对便宜。那么策划设计出吸引人眼球的广告，将能为网站博得高的点击率和客户群。本任务让我们来学习下化妆品广告的设计制作。,任务一化妆品广告设计,任务分析 1能对某商品做出合理营销策划，并以此制作广告。2能对应化妆品种类和其特质选择合理的配色。3能为商品制作高贵、舒适，体现其特质和个人品味的精美广告。4能为广告加上

2、合理的标语和广告词。,任务一化妆品广告设计,预备知识 一、网上商品的营销策划 我们学会了网上商店各个组成部分的图片处理，已经能形成一个完整的网店了。那么如何能让人走进网店，点开商品链接呢？这就是广告的力量了，现在我们要学的就是如何把梳子卖给和尚的这个方法。首先可以在脑海中给自己布局一下，整个的形式，包括店铺的标题、信誉、产品、产品描述、宝贝标题如何写、如何吸引购买者，怎么让购买者产生欲望感呢？这都是我们要想的！只有掌握了这些，你的宝贝不想卖出去都难啊！,任务一化妆品广告设计,（一）服务质量为王 在网店公告栏或其他位置打出标语，强调网店的服务。开网上店铺和实体店铺一样，如果你的服务好，客户很对你

3、的店铺印象很深，给自己打造出一个好的形象，良好的品质，友善对待客户，对待客户就是亲人一样，让他感觉到你的真诚，这就叫亲情策略，在加上自己的宝贝质量，他不买都难。,任务一化妆品广告设计,（二）宝贝标题策略 在你的标题上面加上一些字：“100%正品，支持专柜验货”，“100%保证正品，支持全国防伪电话验证查询”，“消保诚信商家”等等。这个词语别看字数少，但是客户看到这些字就会认为你很有责任感，不会欺骗消费者，加上这些话成功率为90%其中的10%是自己的服务质量和宝贝质量。比如你卖的是十字绣：A标题为：dmc十字绣套件 十字绣厂家直销 花开富贵9ct B标题为:100%正品法国DMC十字绣 厂家直销

4、花开富贵9CT 支持专柜验货 当你看到这两个标题时，你会选择哪一个？如果第二个标题在第一个之下，点击第二个人肯定会比第一个高，因为消费者从标题中就感觉到了价值。有了点击率还愁销售量吗？如果能给自己卖的产品适当的加一些行业所用的词语，效果更好。这是网上营销策略中的核心，一定要牢牢掌握，宝没个宝贝都用上极高的标题引诱语言，吸引客户进入你的店铺。,任务一化妆品广告设计,（三）宝贝描述策略 怎么样去让客户从宝贝描述中成交呢？这看的就是细心了！比如你卖的是衣服，在你衣服照片的时候，把每个位置，都很清晰的展现在购买者的面前，他会认为你很细心，当然也是他要求的，你可以使用“换位思考”方法去实现。网店营销策略

5、宝贝描述还有一点很重要就是客户见证，把购买过的客户好评和聊天记录记录下来，放在宝贝描述里，因为客户他们的想的是，这个产品都没有人买我也不买，他们这样想的，有了见证，他们就会相信。,任务一化妆品广告设计,二、商品广告的配色 一幅广告的色彩，是倾向于冷色或暖色，是倾向于明朗鲜艳或素雅质朴，这些色彩倾向所形成的不同色调给人们的印象，就是广告色彩的总体效果。广告色彩的整体效果取决于广告主题的需要以及消费者对色彩的喜好，并以次为依据来决定色彩的选择与搭配。如药品广告的色彩大都是白色、蓝色、绿色等冷色，这是根据人们心理特点决定的。这样的总体色彩效果，才能给人一种安全、宁静、可靠的印象。使广告宣传的药品易于

6、被人们接受。如果不考虑广告内容与消费者对色彩的心理反映，凭主观想象设计色彩，其结果必定适得其反。,任务一化妆品广告设计,（一）主色调的确定 广告的色调一般是由多个色彩组成。为了获得统一的整体色彩效果，要根据广告主题和视觉传达要求，选择一种处于支配地位的色彩，作为主色，并以次构成画面的整体色彩倾向。其他色彩围绕主色变化，形成以主色为代表的统一的色彩风格。1.食品类商品：常用鲜明、丰富的色调。红色、黄色和橙色可以强调食品的美味与营养；绿色强调蔬菜、水果等的新鲜；蓝、白色强调食品的卫生或说明冷冻食品；沉着、朴素的色调说明酒类等的酿制历史悠久。2.药品类商品：常用单纯的冷或暖色调。冷灰色适用于消炎、退

7、热、镇痛类药品；暖色用于滋补、保健、营养、兴奋和强心类药品；而大面积的黑色表示有毒药品；大面积的红、黑色并用，表示举毒药品。3.化妆品类商品：常用柔和、脂粉的中性色彩。如具有各种色彩倾向的红灰、黄灰、绿灰等色，表现女性高贵、温柔的性格特点。而男性化妆品则较多用黑色或单纯的纯色体现男性的庄重与大方。4.五金、机械、仪器类商品：常用黑色或单纯、沉着的蓝色、红色等，表现五金、机械产品的坚实、精密或耐用的特点。5.儿童用品：常用鲜艳的纯色和色相对比、冷暖对比强烈的各种色彩，以适应儿童天真、活泼的心理和爱好。,任务一化妆品广告设计,（一）主色调的确定 广告的色调一般是由多个色彩组成。为了获得统一的整体色

8、彩效果，要根据广告主题和视觉传达要求，选择一种处于支配地位的色彩，作为主色，并以次构成画面的整体色彩倾向。其他色彩围绕主色变化，形成以主色为代表的统一的色彩风格。1.食品类商品：常用鲜明、丰富的色调。红色、黄色和橙色可以强调食品的美味与营养；绿色强调蔬菜、水果等的新鲜；蓝、白色强调食品的卫生或说明冷冻食品；沉着、朴素的色调说明酒类等的酿制历史悠久。2.药品类商品：常用单纯的冷或暖色调。冷灰色适用于消炎、退热、镇痛类药品；暖色用于滋补、保健、营养、兴奋和强心类药品；而大面积的黑色表示有毒药品；大面积的红、黑色并用，表示举毒药品。3.化妆品类商品：常用柔和、脂粉的中性色彩。如具有各种色彩倾向的红灰

9、、黄灰、绿灰等色，表现女性高贵、温柔的性格特点。而男性化妆品则较多用黑色或单纯的纯色体现男性的庄重与大方。4.五金、机械、仪器类商品：常用黑色或单纯、沉着的蓝色、红色等，表现五金、机械产品的坚实、精密或耐用的特点。5.儿童用品：常用鲜艳的纯色和色相对比、冷暖对比强烈的各种色彩，以适应儿童天真、活泼的心理和爱好。,任务一化妆品广告设计,（二）色彩可视度清晰的配色的搭配,任务一化妆品广告设计,（三）背景与配色的搭配,任务一化妆品广告设计,任务实施 一、实训目的 1.能处理美化商品图片。2.能选择合适的背景图片，合成广告图。3.能编辑主题广告文字。4.能添加商品细节图和宣传文字。5.能对广告进行最后

10、的点缀修饰。二、素材准备 光盘目录下、图片素材,任务一化妆品广告设计,三、实训内容实训1：彩妆广告1.效果展示,任务一化妆品广告设计,2.操作方法步骤:1）新建950*400的文件，命名为：梦妆-广告；2）设置渐变色，如图5-1-2，用线性渐变绘制渐变背景；3）打开“模特”素材，抠出模特头像，拖入新建文件，放于文件右侧；4）打开“产品”素材，抠出系列产品，拖入新建文件，放于文件左侧；5）复制“产品”图层，“ctrl+t”翻转，降低透明度，制作出阴影效果，如图5-1-3；,任务一化妆品广告设计,图5-1-2 图5-1-3,6）打开“T”工具，输入文字，设计衬底、设置字体颜色和大小，调整位置，如图

11、5-1-4和图5-1-5；,任务一化妆品广告设计,图5-1-4 图5-1-5,任务一化妆品广告设计,（7）设计绘制系列特色标签，如图图5-1-6；,图5-1-6,（8）载入水滴画笔，新建图层，绘制水滴，衬与产品图层下；（9）微调各个图层，得展示效果。,任务一化妆品广告设计,触类旁通 1、知识拓展 进入广告制作阶段，基本的photoshop技能已经学习完毕，融会贯通和创意设计是此阶段最为重要的。当我们构思遇到障碍时，可以借助网络的力量，多看多练。下面我们就给出效果图，大家来试试能否自己琢磨，完成这个广告效果呢？,任务一化妆品广告设计,2、拓展练习拓展1：隔离霜广告 1、效果展示：,2、操作方法提

12、示关键步骤：（1）利用自定形状工具、图层样式，绘制诚信徽章，如右图；（2）自定义阳光画笔。,任务一化妆品广告设计,2、拓展练习拓展2：瘦脸广告,任务描述 商品的广告宣传是商品销售时必不可少的一个环节，通过广告宣传，可以让买家更好的了解商品的有关信息，从而提高商品的销售量。本任务就是要为手机商品制作一个宣传广告。,任务二手机广告宣传,任务分析1能熟练使用渐变填充工具。2.能综合使用椭圆工具，钢笔工具，画笔工具制作图形。3能使用横排文字蒙版工具设计文字。,任务二手机广告宣传,预备知识一、渐变填充 渐变填充是在设计作品时常用的工具，使用它在图像或选区内可以创建多种颜色之间的混合过渡，从而使图像颜色更

13、加丰富多彩。渐变工具属性栏：,任务二手机广告宣传,图5-2-1 渐变工具属性,二、横排文字蒙版工具 在图像中单击使用横排文字蒙版工具时，可以为图像创建一层蒙版，在这种状态下输入文字，再使用工具箱中的任何工具，此时输入的文字将自动转换为选区，就可以对文字选区进行填充，添加阴影等操作。一般情况下，可以使用前景色填充文字选区，也可以使用图案填充文字选区，或对选区进行描边，如图5-2-2所示。,任务二手机广告宣传,图5-2-2 文字描边和填充,任务实施一、实训目的1能使用渐变工具制作广告宣传背景。2.能使用椭圆工具，钢笔工具，画笔工具为广告宣传绘制装饰图形。3能使用横排文字工具和横排文字蒙版工具为广告

14、宣传编辑宣传文字。二、素材准备光盘目录下、图片素材。,任务二手机广告宣传,三实训内容效果展示,任务二手机广告宣传,实训1：制作宣传单背景操作方法：步骤：1）新建一画布大小为850像素*500像素，其余设置默认。2）打开【渐变工具】栏，设置渐变色如图5-2-4所示，左边色为“f6f3bc”，中间色为“f55747”，右边色为“000000”。3）使用【填充】工具填充背景为渐变色，如图5-2-5所示。,任务二手机广告宣传,图5-2-4 渐变编辑器,图5-2-5 填充背景,实训2：绘制装饰图片操作方法步骤：1）使用【钢笔工具】，【椭圆工具】和【铅笔工具】绘制如图5-2-6所示装饰图，并设置相关图层透

15、明度为50%。,任务二手机广告宣传,图5-2-6 添加装饰图,2)继续使用【钢笔工具】和【铅笔工具】绘制如图5-2-7所示图形，并添加【图层样式】【外发光】，合并可见图层。,任务二手机广告宣传,图5-2-7 添加装饰图,实训3：添加商品图片并编辑宣传文字操作方法：步骤：1）打开素材图片“手机.jpg”，将其拖动到“手机广告宣 传画”画布 中，调整好位置，如图5-2-8所示。,任务二手机广告宣传,图5-2-8 添加商品图片,实训3：添加商品图片并编辑宣传文字操作方法：步骤：1）打开素材图片“手机.jpg”，将其拖动到“手机广告宣 传画”画布 中，调整好位置，如图5-2-8所示。,任务二手机广告宣

16、传,图5-2-8 添加商品图片,2）打开素材图像“玫瑰.jpg”，使用【自定义图案】，将其定义为图案填充“玫瑰”，如图5-2-9。3）单击【横排文字蒙版工具】，输入文字“惊艳上市”，使用【填充工具】，用自定义的“玫瑰”图案填充文字，并为图层添加【外发光】效果，如图5-2-10所示。4）按照效果图所示，输入其余广告宣传文字，完成制作。,任务二手机广告宣传,图5-2-9 图案填充 图5-2-10 文字效果,触类旁通一、知识拓展 一个平面广告设计要取得商业价值，决定因素很多。从设计的角度来说，平面广告设计的构成要素是决定平面广告成功与否的重要因素。各要素之间相互协调，相互综合，才能创造出一件成功的广

17、告作品。图形，文字和色彩是构成平面广告的三大要素，这些要素在广告中各自承担着不同的使命。图形要素：标志；插图文字要素：标题；正文；广告语；广告附文色彩要素：广告色彩的整体效果；主色调的确定,任务二手机广告宣传,二、技能拓展任务一：运用所学的知识完成如下所示手机广告宣传。,任务二手机广告宣传,任务三促销广告设计,任务描述促销广告是应用广泛的一种宣传形式，是网店的公告。促销广告作为一种传播讯息、促销商品、重视消费者感受与需求的渠道，并且成功扮演销售员的角色，减少零售店在人力、财物的额外支出。通常要写清楚促销的性质、时间、活动方式等。本任务主要目的是介绍如何制作促销广告的方法。,任务三促销广告设计,

18、任务分析1能了解促销广告的风格特点；2.能掌握促销广告的主要内容；3能掌握促销广告的几种类型；4能掌握促销广告的排版方式。,任务三促销广告设计,预备知识一、促销广告的风格特点1.主题鲜明 每张促销广告都具有特定的内容与主题，促销的过程就像一次陈述，所有的元素都必须围绕主题展开，不能无地放矢的表达。促销的主题一般是价格、折扣和其他促销内容本身，这些信息应放在视觉焦点上，以独特的视觉元素，富有创意的将思想表现出来，在设计时要有相当的号召力与艺术感染力。如图5-3-1所示。,图5-3-1,任务三促销广告设计,2.视觉冲击力强 促销图一般是放在店铺的首页的，视觉效果的优劣直接关系到能不能吸引店铺的访问

19、时间，关注促销图所表现的内容，画面应有较强的视觉中心，力求新颖，要调动形象、色彩、构图等因素，而给买家留下深刻的印象。如图5-3-2所示。,图5-3-2,任务三促销广告设计,3.富于创意 促销图除了能传达商品的主要内容外，还要能起到刺激消费者购买冲动的目的；在满足消费者的互动外还必须具有独特地艺术风格和设计特点。如图5-3-3所示。,图5-3-3,任务三促销广告设计,二、促销广告的内容 促销广告的内容主要包含背景、文案和产品，其中背景主要用来衬托产品；文案要突出产品的名称、卖点和促销的方式。产品主要用来装饰促销页面，装饰的目的在于填补 空白和集中内容，令 版面更丰富，从而更 吸引人群的视线，但

20、不能太过花，也不能 太过多，适可为止。如图5-3-4所示。,图5-3-4,任务三促销广告设计,三、促销广告的类型 促销广告有各式各样类型，主要有：特价促销广告、送礼和抽奖海报、新品上市海报等类型。（一）特价促销广告 设计特价促销广告时，在突出特价的同时，也要突出价钱，并且特价信息、商品、价钱三样必须都要抢眼。（二）送礼或抽奖海报 设计送礼或抽奖海报时，应突出的不是礼品和奖项，而是“突出抽奖或“送”字和“礼”字。（三）新品上市海报新机上市海报，主题清晰，主题清晰，突出新品上市，主要功能方面如果没有特别突出的功能，不需要太过突出。,任务三促销广告设计,三、促销广告的排版方式,任务三促销广告设计,任

21、务实施一、实训目的1能掌握画笔工具、钢笔工具，绘制促销广告背景。2能掌握文字工具，制作促销广告文字。3能掌握抠图工具、变换工具，制作促销广告尚品配图。二、素材准备光盘目录下/图片素材,任务三促销广告设计,三实训内容实训：制作服饰类促销广告1效果展示,任务三促销广告设计,2.操作方法步骤：绘制背景1）新建文件，大小为950*400px。将其填充为径向渐变。2）新建图层1，选择画笔工具，设置画笔工具。3)前景色为白色，用设置好的画笔在图层上绘制。4）复制图层，设置图层1为“模糊”“高斯模糊”。5）设置图层1副本的透明度为75%。6）用钢笔工具绘制路径，并用画笔进行描边路径。,任务三促销广告设计,输

22、入文字）选择工具箱中的“横排文字工具”，在背景中输入文字“裙舞飞扬”设置字体为宋体加粗，“裙”大字体大小为100，其它字体的大小为60.）按相同的方法，输入“CLASSIC ETERNAL”，用矩形选框工具绘制矩形并填充颜色（RGB:213,33,95），在上面输入白色的文字“经典永恒不变”。3)用同样的方法输入其他的文字并进行设置，文字效果如下图所示。,任务三促销广告设计,添加素材1)执行菜单栏中的“文件”“打开”命令，打开所用到的商品素材。设置魔棒工具的容差为32，在白色区域单击并反向选择。将选择好的素材拖动到背景中。设置透明度。2)再复制一个商品素材，调整到合适的大小后，执行“编辑”“变

23、换”“水平翻转”。3)至此，商品促销图已制作完成。,任务三促销广告设计,触类旁通一、知识拓展1、淘宝网对促销广告有一定的要求，尺寸限制在950px*400px、750px*400px或以全屏的尺寸宽度1920px来设计。2.在制作促销广告时需要抓住客户的需求点，让买家迅速看懂我们要表达的信息，要推送用户感兴趣的信息。,任务三促销广告设计,二、技能拓展任务一：制作运动产品的促销广告。制作要点提示：）新建文件，填充渐变色。）导入商品素材，添加蒙版，设置由黑到白的渐变色。）绘制促销标签）输入文字并进行排版编辑）用钢笔工具绘制配图，把配件抠图，调整大小，分别放在配图中。）保存文件。,任务描述“秒杀广告

24、”就是网络卖家发布一些超低价格的商品，所有买家在同一时间网上抢购的一种销售方式。由于商品价格低廉，往往一上架就抢购一空，有的时间只用一秒钟。像淘宝聚划算的整点聚。如果您希望在店铺是增加秒杀商品来提高浏览量，就要在首页添加“秒杀广告”。本任务主要目的是介绍如何制作秒杀广告的方法。,任务四制作秒杀广告,任务分析1能了解什么是“秒杀”；2.能掌握秒杀产品的选择和意义；3能掌握秒杀广告设计的三要素。,任务四制作秒杀广告,预备知识一、什么是“秒杀”秒杀英文Seckill，就是以压倒性优势一招致命，在极短的时间内解决对手。最早出现在网络游戏“红月”中，因其极端的战斗方式得名，后来发展到网上竞拍、股票、等很

25、多新领域，在电子商务网站中，尤其是在一些C2C的网站，秒杀活动屡见不鲜。消费者爱好秒杀是因为可以以最低的价格买到商品，而作为卖家，秒杀可能是你网店突破销售困境的重要转折，可能是你积累客户的关键一步。特别是2009年，淘宝网为庆祝成立6周年，开展了声势浩大的“秒杀“促销活动，吸引了上亿的网民。如下图所示为秒杀广告。,任务四制作秒杀广告,二、秒杀商品的选择和意义（一）秒杀商品的选择秒杀商品品必须是你店里在售的当季时令性商品，新品，换季打折商品，只有这样的商品，才有吸引力。当然吸引力不仅仅来自于你的特色产品。同样还有你优惠的价格。还要注意商品的库存，如果你的产品只有一件二件的库存，建议另选商品，或是

26、赶紧进货。报名秒杀，产品最低参加的数量是2-5件，所以最基本的要求，要2件以上。最后要比较商品的价格是否有优势。,任务四制作秒杀广告,（二）秒杀商品的意义秒杀的价格低到与商品本身的价值没有什么关系，比如：一元钱秒杀汽车。秒杀的本质已经不是购买汽车，而是炒作事件，宣传本次活动，借本次活动达到商家想要达到的宣传目的，商品就是商家付出的广告费。目前这种手段不止被淘宝等电商巨头利用，也被很多B2C企业、Eshop网上商城所利用，如赛v网定期举办秒杀羽毛球拍活动等。,任务四制作秒杀广告,三、秒杀广告的设计三要素秒杀广告在设计时，要把商品的三要素加进秒杀广告中，分别是标题、图片、描述。（一）标题标题,属性

27、关键字,品牌关键字,促销关键字,热门关键字,评价关键字,用满三十个关键字。（二）图片图片要做到突出,差异化,诉求精准,自己把握不好可以去多模仿同类产品卖得好的图片，图片还要说一点,什么叫差异化,倒不是说让你图片拍得与众不同,初期对一些卖家不是专业拍摄的这个是有难度的,这里是指,在图片上加上醒目的标签。（三）描述描述是要有主题的,围绕产品的主题,提练产品的卖点,满足买家的基本物质需求,提升产品亮点,用主题形式,满足买家的精神需求,产生好的购物感受,产品联想,还有是提高热点。,任务四制作秒杀广告,任务实施一、实训目的1能通过钢笔工具、渐变工具，掌握秒杀广告背景的绘制。2能通过文字工具、图层样式等，

28、掌握秒杀广告的文字设计。3能通过魔棒工具、变换工具，掌握秒杀广告商品配图。二、素材准备光盘目录下、图片素材,任务四制作秒杀广告,三实训内容实训：秒杀广告的设计1.效果展示,任务四制作秒杀广告,触类旁通一、知识拓展1、在设计秒杀广告时，需要加一些内容介绍，比如：活动的时间，销售的商品以及打折的力度等信息。2.秒杀广告可做成促销图的形式放在店铺的首页，也可以做成公告的形式放在店铺的左侧模块中。,任务四制作秒杀广告,二、技能拓展任务一：运用所学的知识为设计秒杀广告,任务四制作秒杀广告,任务二：制作数码秒杀广告,任务四制作秒杀广告,项目小结本项目主要介绍了广告策划、广告配色、促销广告的风格特点、促销广告的排版方式等内容的学习，掌握宣传文字；商品、促销、秒杀等广告的制作方法。,拓展训练运用所学的知识制作商品促销图,