高效实用!7个步骤做出原创电商合成海报!

时间:2020-06-17
B站视频:av968560675
类别:其他教程
水平:入门
观众:2.5w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

​刚接触做电商海报的时候,很多同学都会奇怪「为啥照着别人的海报,我就能做出来?凭空做却不知从何下手?」

或者,有的人边做边调整,素材东拼西凑,经常做到一半发现画面效果不好又推翻重来。(也有可能在啃手指甲苦想)

这究竟怎么肥事?

嗨呀,其实做不出来,除了基础问题,还有一个非常严肃的问题:没有电商合成的设计思路,浪费了大把的时间和精力。

这里,优设软件训练营 的肥子老师 @小胡舵主 来讲一讲:如何从零开始,有条理的制作出一个合成的案例。

以下为正文

不管做什么,都需要一个设计逻辑(设计思路),刚接触做电商合成海报,不少人都会东看些西看些,脑袋里有个大致的模糊想法,然后就打开PS开始做了,做出来的效果,可想而知。

其实在制作合成时,是有一个大概的顺序的(根据每个人的习惯不同会有差异)

我的个人制作习惯,顺序分别是:

高效实用!7个步骤做出原创电商合成海报!

接下来,我用一个简单的案例,给大家案例一下设计逻辑(设计思路),有了设计逻辑,你做海报时更得心应手!

一、定主题

关于主题这个点,一般是甲方或运营会指定商品以及主题文案。如果是个人练习,同样可以先自己确定。

我这里拟定的主题为:沐浴露的Banner

Banner文案:「主标题:敏感肌专用;副标题:保湿舒缓·清爽水润」

二、头脑风暴分析

当商品以及主题确定之后,不要急着动手制作画草稿。可以先用头脑风暴法往多个层次进行分析。

举个例子,假如我们要做一款沐浴露的产品,那我们可以先从卖点、环境、成分、色调、形态等几个层次来进行分析

「卖点」:是根据产品来定的,一般产品或运营会写出来

「环境」:是指这个商品使用的环境,里面会有些什么元素

「成分」:是指产品的构成成分

「色调与形态」:是指产品的颜色搭配以及造型特点

需要注意的是,分析到最后,一定要提取一些具象的元素名词出来

举个例子,下图以珂润的这款保湿产品为例,从各个层次可以总结出以下元素。

高效实用!7个步骤做出原创电商合成海报!

三、找参考

当我们总结出一些元素之后,我们可以开始找参考,参考分为:实景照片+ 作品参考

1.实景照片参考

首先是实景照片,同样以上述产品为例,我们可以找一些浴室或者洗漱台的照片,主要是想不到浴室有哪些元素的时候,可以从图里面总结出来
高效实用!7个步骤做出原创电商合成海报!

素材取自网络

2.同风格作品参考

其次是同风格作品参考,由于我们做的是偏向小场景搭建型的电商合成场景,可以找一些同类风格作品,研究其中的元素,展台结构形式等等。

高效实用!7个步骤做出原创电商合成海报!

参考取自网络

四、画线稿

线稿的目的:是为了确定画面的构图,视角,比例以及画面的元素。

完成前面两个步骤之后,就可以得出一些具象的元素和颜色/形态,接着我们可以拿出纸笔,以产品为主,将总结出来的元素融入到一个场景里,这样我们的线稿就出来了,如下图。

高效实用!7个步骤做出原创电商合成海报!

五、分色拼场景

当草稿画好之后,我们画面的最终效果基本可以预见了,接着可以把草稿放入ps当中。并且以产品为主,作出画面的透视参考线,如下图。(这个案例制作的是正面视角,所以是一点透视)

高效实用!7个步骤做出原创电商合成海报!

参考线完成之后,可以依据草稿与参考线,将画面的结构先画出来,这一步不用考虑光影,只需要将色块大概区分即可。注意物体的结构一定要符合透视规律。如下图。

高效实用!7个步骤做出原创电商合成海报!

「相关阅读」作品没有层次感?感觉素材之间融为一体?没有立体感空间感?那作为一名设计新人,你差的不只是熟悉软件,你还需要知道些透视原理。

👇👇👇

六、做光影材质

当整个画面场景大概拼出来之后,可以根据产品的光影设定光源来向。需要贴纹理的地方,可以使用剪贴图层将纹理贴上去,如下图。

高效实用!7个步骤做出原创电商合成海报!

材质贴好之后,可以根据光源方向,使用调整图层以及画笔打光等方法,为整个画面加上光影效果,使画面更加完整立体,如下图。

高效实用!7个步骤做出原创电商合成海报!

「相关阅读」光影是什么?有哪些类别?如何在合成中运用?来看看这篇文章

👇👇👇

七、调色做质感

当光影完成后,可以将整个效果盖印,使用ACR滤镜进行光影或者色调的调整,让画面效果更细腻,并且使用高反差保留提取画面细节,让画面对比更强,更有质感。

「相关阅读」Camera Raw也叫ACR的界面及基础调色,这里有CameraRaw基础教程

👇👇👇

[link https://uiiiuiii.com/photoshop/121239537.html]

高效实用!7个步骤做出原创电商合成海报!

那么一个电商合成的案例就做好啦,是不是更加了解制作的流程了呢。无论是电商合成还是logo设计等等,希望大家可以好好利用头脑风暴的方法,摆脱无从下手的窘境,多多产出高质量的作品。

▍推荐延展阅读

「相关阅读」东拼西凑做出一张图,你总觉得哪里不对劲?效果太假,细节不忍直视?学合成,你需要先了解如何选素材。

👇👇👇

「相关阅读」融合不对劲?合成图看起来还是很假?这篇文章教你 2 个融合素材的方法,让你轻松PS出协调真实的场景!

👇👇👇

看完本篇文章,推荐大家看看相关延展文章。

想做好电商合成海报类,我们一边需要大量的看图存图来思考提高,一边还需要掌握理论基础,再加上合理的设计逻辑。

这样既能避免大脑一片空白,费时费力做图,还能在相关环节查漏补缺,看看设计环节中,是否有哪项出现细节问题,从而进行调整。

如果短期内,你想入门PS软件,又想掌握设计基础,培养出独立原创思维,摆脱东拼西凑,收藏一堆教程,却仍无法摸到设计门槛,等自学困境。

这里推荐正在招生阶段的 「优设软件训练营」

还有 2 天,即将开始第 49 期!

课程专门针对零基础,是一门设计入门必修课

6月18日开课

高效实用!7个步骤做出原创电商合成海报!

👇👇 看看课程会讲什么内容 👇👇

盲目摸索无门,不知从哪里开始学“设计”?带你从软件工具入手,通过实践案例,学会设计基础理论和实用软件技巧,还能运用不同工具,多种方式做出相同效果。

无法摆脱教程,东拼西凑才能出作品?“设计思维”帮你打开灵感源泉,带你一起用高效设计流程,轻松做出原创优秀作品。

担心拖延症,各种疑惑无法解决?讲师一对一精准指导,图文语音多种方式及时回答。上课考勤全程统计,定时跟进情况,帮你摆脱拖延症。

▍学完课程,你将会获得:

25节直播+ 61 个必备知识点+6 份以上原创作品+1G以上资料包+设计原创思维+审美专项训练+进阶免费终身学+各种接单机会

(心急了解课程大纲、时间、报名方式等问题的,可直接看文末,添加客服老师,等你来咨询哦!)

接下来展示往期学员的电商合成作品:

高效实用!7个步骤做出原创电商合成海报!

高效实用!7个步骤做出原创电商合成海报!

高效实用!7个步骤做出原创电商合成海报!

高效实用!7个步骤做出原创电商合成海报!

高效实用!7个步骤做出原创电商合成海报!

高效实用!7个步骤做出原创电商合成海报!

高效实用!7个步骤做出原创电商合成海报!

高效实用!7个步骤做出原创电商合成海报!

高效实用!7个步骤做出原创电商合成海报!

这里也有老师针对学员作品的辅导意见:

高效实用!7个步骤做出原创电商合成海报!

高效实用!7个步骤做出原创电商合成海报!

高效实用!7个步骤做出原创电商合成海报!

 

来加入我们优设软件训练营

👇👇👇

来加入我们

👇👇👇

3大课程模块, 25节直播课程

30天系统训练,临摹创作输出

5年丰富教学经验一对一指导

7k+人实现零基础入门设计

快速掌握3款职场热门软件

课程仅需 999元

通过毕业考核还可免费终身学

每天仅需1杯奶茶钱!给自己一次尝试机会,相信这绝对是性价比最高的自我投资!

(心急了解课程大纲、时间、报名方式等问题的,可直接添加客服老师,等你来咨询哦!)

高效实用!7个步骤做出原创电商合成海报!

12 收藏 80

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 2

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片