jinzi62 发表于 2014-11-26 02:45:49

电商设计化妆品广告实例教程

      客户提供的图片：

http://pic.16xx8.com/allimg/141125/t88934596-1.png
提示：教程详细步骤在二楼！想下载该教程的可以到这里下载:点击进入下载页教程编号:135194 作者：白无常电商设计 出处：站酷

jinzi62 发表于 2014-11-26 02:45:49

电商设计化妆品广告实例教程


效果图：

http://pic.16xx8.com/allimg/141125/t88934596-2.jpg

jinzi62 发表于 2014-11-26 02:45:49

电商设计化妆品广告实例教程


设计准备
什么是淘宝钻展？

众所周知，在淘宝平台上的付费推广中，有两个效果是最好的，一个是大部分卖家都在用的直通车，另外一个就是钻展了，钻展全称钻石展位，是淘宝网图片类广告位竞价投放平台，其存在是为了应对淘宝的快速发展，特地为淘宝卖家提供的一种营销工具，主要是依靠图片创意吸引买家点击，获取超大流量。

钻展图片尺寸
首页二屏小图270*90，
我的淘宝首页180*95，
个人收藏夹510*250，
资讯画报内页背弹750*490，
服饰频道首页950*90
淘1站首页750*90

钻展所在位置
钻展位为卖家提供近200多个淘宝网内最优质展位，包括淘宝首页、内页频道页、门户、帮派、画报等多个淘宝站内广告位，每天拥有超过8亿的展现量，还可以帮助客户把广告投向站外，涵盖大型门户、垂直媒体、视频站、搜索引擎、中小媒体等各类媒体展位。

钻展展示规则
名称、制法、成分、效果或者性能有虚假夸大的。
使用他人名义保证或者以暗示方法使人误解其效果的。
宣传医疗作用或者使用医疗术语的。
有贬低同类产品内容的。
其实还有很多，这里就不一一列举，关注自己的类目要求就行。

1、头脑风暴

头脑风暴法是被誉为创造学之父的美国人亚力克-奥斯本提出来的，是一种激发集体智慧，提出创新设想，为一个特定问题找到解决方法的会议技巧。我把他的头脑风景四法则，改版了一下，献给喜欢独立思考的设计师们。

自由设想：你第一眼看见这个产品会联系到什么。不要担心自己的想法是错误的、荒谬的、或者离经叛道的。设计师就要敢于想想。
参考同行：我们现在走的路前面都有人。不要认为淘宝的设计都不值得借鉴。任何一个行业都有好与差，好的我们向它学习，差的看看到底差在哪里。
追求数量：“运用散发思维尽可能多提出设想，数量越多越有可能产生高水平的设想。
引申综合：把已有的两个或多个设想综合起来产生一个更完善的设想。或者身边的同事，他对这个产品的看法，爱到启发产生新的设想。

2、收集素材
对于收集素材也是设计师的能力之一，他能决定你完成设计的时间和质量。所以有许多的电商公司对美工有素材收集能力的考核。很多人问我，我的素材都是在哪里找的？在这里吐血推荐我最爱的两个免费素材网站：

http://pic.16xx8.com/allimg/141125/t88934596-3.png

jinzi62 发表于 2014-11-26 02:45:49

电商设计化妆品广告实例教程



3、产品修图
修图并不高深，只需要我们对摄影灵魂光影把握好，产品自然生动有细节和质感。而产品的光影在原图里已经告诉我们了。我们只需要对光影进行加强对比和明暗的过度。

http://pic.16xx8.com/allimg/141125/t88934596-4.png

jinzi62 发表于 2014-11-26 02:45:49

电商设计化妆品广告实例教程


原图比较灰，图灰的意思就是暗的不够暗，亮的不够亮，对比不够明显。

http://pic.16xx8.com/allimg/141125/t88934596-5.png

jinzi62 发表于 2014-11-26 02:45:49

电商设计化妆品广告实例教程

      

去色之后，就更容易观察图明暗效果了。可在图层上方建一个观察组，用渐变映射去色。

http://pic.16xx8.com/allimg/141125/t88934596-6.png

jinzi62 发表于 2014-11-26 02:45:49

电商设计化妆品广告实例教程


单独抠出化妆品盖部分，新建一个图层，渐变从黑到白到黑到白再到黑。

1、是拉的黑白渐变效果。
2、对渐变效果进行水平动感模糊。
3、瓶身拉的渐变效果并动感模糊，透明度设置为65.
4、对两个渐变混合模式选择柔光。
5、新建一层填充百分之50，用白色画笔透明度设置成20-加强高光，用黑色画笔加强明暗交界线。

http://pic.16xx8.com/allimg/141125/t88934596-7.png

jinzi62 发表于 2014-11-26 02:45:49

电商设计化妆品广告实例教程



用上面的方法，对化妆品每个层单独抠出来，用黑白渐变，结合加深减淡工具处理细节。像小瓶的化妆品盖章和瓶身中间的高光，用钢笔工具单独绘制出来，执行钢笔描边 》 钢笔压力 》 确定。模式选择柔光，刻稍微模糊一下，看起来更自然。倒影，在原图单独里抠出来，放在新建的化妆品底层，模式选择正片双底。

http://pic.16xx8.com/allimg/141125/t88934596-8.png

jinzi62 发表于 2014-11-26 02:45:49

电商设计化妆品广告实例教程



4、素材合成
收集的两张素材

http://pic.16xx8.com/allimg/141125/t88934596-9.png

jinzi62 发表于 2014-11-26 02:45:49

电商设计化妆品广告实例教程


选区工具，把文字选择，按SHIFT+F5去除水印。调整好图片的位置和大小。

http://pic.16xx8.com/allimg/141125/t88934596-10.png

jinzi62 发表于 2014-11-26 02:45:49

电商设计化妆品广告实例教程



把产品图拖进来，并用色相饱和度工具，单独对背景图层调成和化妆品同一个色系，色相参数为-31

http://pic.16xx8.com/allimg/141125/t88934596-11.png

jinzi62 发表于 2014-11-26 02:45:49

电商设计化妆品广告实例教程



在产品后面添加一束背景灯光，把产品和背景分离出来，突出产品。新建黑色图层，模式选择滤色然后选择菜单栏滤镜 》 渲染 》镜头光晕。记得对光高斯模糊一下，这样光比较柔和自然。光不够强就多复制几层，我的是复制了三次。

http://pic.16xx8.com/allimg/141125/t88934596-12.png

jinzi62 发表于 2014-11-26 02:45:49

电商设计化妆品广告实例教程



把素材花的图抠出来，放在产品和光的后面，处理好细节，调整大小位置如下图。

http://pic.16xx8.com/allimg/141125/t88934596-13.png

jinzi62 发表于 2014-11-26 02:45:49

电商设计化妆品广告实例教程


在产品前面增加一朵花，增加层次感，有前有后。再加点调光添加文案。最后最后记得锐化哦。

http://pic.16xx8.com/allimg/141125/t88934596-14.png

jinzi62 发表于 2014-11-26 02:45:49

电商设计化妆品广告实例教程


作者微信，每周更新一篇美工教程，每日推荐一篇优秀电商设计。

http://pic.16xx8.com/allimg/141125/t88934596-15.jpg

页: [1] 2
查看完整版本: 电商设计化妆品广告实例教程