ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4035|回复: 15
收起左侧

[淘宝美工] 电商设计化妆品广告实例教程

[复制链接]
发表于 2014-11-26 02:45:49 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
      客户提供的图片:


提示:教程详细步骤在二楼!
想下载该教程的可以到这里下载:点击进入下载页
教程编号:135194 作者:白无常电商设计 出处:站酷
 楼主| 发表于 2014-11-26 02:45:49 | 显示全部楼层

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


效果图:


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-26 02:45:49 | 显示全部楼层

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


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

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

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

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

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

1、头脑风暴

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

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

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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-26 02:45:49 | 显示全部楼层

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



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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-26 02:45:49 | 显示全部楼层

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


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-26 02:45:49 | 显示全部楼层

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

        

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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-26 02:45:49 | 显示全部楼层

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


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

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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-26 02:45:49 | 显示全部楼层

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



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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-26 02:45:49 | 显示全部楼层

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



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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-26 02:45:49 | 显示全部楼层

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


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-26 02:45:49 | 显示全部楼层

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



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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-26 02:45:49 | 显示全部楼层

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



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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-26 02:45:49 | 显示全部楼层

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



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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-26 02:45:49 | 显示全部楼层

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


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-26 02:45:49 | 显示全部楼层

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


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



  
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-5-5 10:30 , Processed in 0.046639 second(s), 10 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表