电商设计第八式-实战篇（电商合成海报-1）

时间：2022-08-03 04:30:02 | 来源：网站运营

时间：2022-08-03 04:30:02 来源：网站运营

电商设计第八式-实战篇（电商合成海报-1）

前段时间的电商教程基础准备部分都已经讲解完毕了，不知各位是否自己消化完毕。

继续说道说道接下来的第八式，还有不熟悉前面所说的，也可以看看如下链接，

掌握了前面所说的构图技巧，看到了好看的作品，第一件事当然是要思考然后借鉴使用啦（注意，不是套版！），可很多时候想要临摹借鉴不知道又如何入手，为了解决这个烦恼，池子将带领大家用几套不同方式的海报表现形式（合成+平面）来告诉你怎么融会贯通。

老规矩，看图

A.

作品分析

这张原作是从BE上下载下来的，一款国外Phapros晕车药系列广告设计海报，选取这个作为开讲的第一个案例，主要是它巧妙的用斜角构图将创意想法完美的结合，向人们表达即使行驶在大风大浪中，此药依然让你有驾驶在平静水面上的感觉，不受风浪阻扰。很巧妙的创意，加上具备张力的斜角构图，它还有另外一张，好奇的伙伴们可以自己去搜搜，总体来说其实这张对素材的精度还有细节的处理有很大的要求，技法上来讲，由于池子无法找到原作制作花絮，不过推测大概率是使用三维建模软件+PS后期做出来的，但池子好歹也是经历过大风大浪的人，这次决定尝试全用PS开撸！！！

首先分析一下画面的主体部分，大面积的有体积感的海浪，而画面中间的一条平静海面只需要事先做出空间感就好了。

除此之外，在海浪边缘地方会附带着一些浪花，这会让画面更加真实，周边环境比较整洁，因为毕竟整体都在一个海洋的环境中，光源的方向是从右边的方向照射过来。

至于远处的天空素材，可以当作是一个天空光感的的渐变过渡了，和画面大面积的海浪相呼应就好了。

B.

素材准备

其实这种临摹起来的素材基本就是靠“水”“海浪”“浪花”“水面”“湖面”之类的关键词来找，可以边做边找，池子一般都是直接花瓣 视觉中国之类的国内网站搜索，这样的素材总能找到高清大图了（当然仅仅只是用来做练习稿子或者线上比如电商之类的，如果用于传统线下广告传播渠道的话，需要购买图片版权的哦）。

池子收集到的素材图片

收集完波浪素材后，接下来再看画面中间的平静水面部分，显然就是平静的湖面素材，这种素材也很容易轻松的找到，不过一定要注意清晰度。

其次就是天空素材，由于原图的天空占整个画面不多，而且后期可以调试颜色，所以找天空素材的时候基本就以天空出现的云朵样式为标准就好了。

最后就是游轮素材，原图上的游轮大概率是3D建模出来的，如果不会三维建模的话，也不用担心，我们在找这种透视角度的游轮素材时，尽量往45度俯视角度的出发点为基础去找，这样的话就算不是完全的跟原图一摸一样，至少后面可以拉轻微的透视来实现效果。

C.

场景搭建

首先是大面积的波浪素材，这里我们用找好的素材直接拼接出海面的基础结构，用蒙版擦除多余内容，第一步不用去管画面的光影关系，素材颜色，只需要把素材拼接在一起，做大致构图。这一步也可以在本期视频里头看到详细操作。

拼接好大波浪后，就需要做画面斜角的那条平静的湖面了，这里池子是直接用钢笔勾出整条水面的空间透视关系，出来的效果就像一条过道，同时也不要急着合并图层，因为过道的每个图层都需要我们去填充水面素材。

填充完水面素材后，画面的构图基本已经完成一大半了，

剩余的还有游轮和天空，不多说，继续拼接，游轮经过轻微的透视变形后完美的放入其中，但是缺少细节，所以这里需要加入游轮和水面的浪花，让游轮底部沉浸在水中，水花的素材直接从海浪素材中提取就可以了。

拼到这里，池子最后顺手就是一个天空素材甩到所有图层最底下，嘿嘿嘿。拼图阶段轻轻松松搞定，想尝试的话，各位赶紧跟池子一起操练起来。

D.

后期黑魔法

搞定了画面素材拼接后，终于要进入到黑魔法阶段了，通常池子用到最多的就是饱和度，色相，曲线，色阶之类的工具，统称为HSL调整，池子经常碰到很多人做素材颜色融合不自然的现象，为啥？因为HSL颜色不统一啊，如何判断颜色是否统一，教你们一个简单的方法，打开拾色器，然后用吸管工具分别吸取画面亮部 灰部 暗部（不用管色相的问题，只需要看亮灰暗是否分布在一条比较有规律的曲线上）就可以判断出来了，感兴趣的可以自行试试。

这张池子调色的逻辑顺序是先调整体颜色倾向，再来调试细节局部素材颜色，这样更容易控制住整体颜色，通常的手法是用曲线，饱和度，色阶，比如这里的画面海浪拼接局部明显偏暗，而池子想要这里的色调更深沉，同时具备通透质感的蓝色调（嗯，五彩斑斓的黑？）曲线，色调用起来！

但等等，池子会仅仅只是教你们用这种普通的方式那样调试颜色么？嘿嘿，既然有肌肉，那就要大胆秀出来，这里还给各位介绍下第二招，

可以用来一键匹配画面素材整体大环境色调！视频里头同样也有操作！初学者好好掌握这个神器，初期合成色调轻轻松松。

整个海浪色调统一后，可以很明显的看出还缺失背后的天空素材，这个时候继续用上匹配颜色这一大招把天空颜色统一掉，然后适当的提高明度。

继续中间海面的光影制作，顺着光源过来的方向，那么背对着光源的方向立起来的海面一定是暗的，这个时候也可以用曲线或者新建柔光图层来压暗。曲线我就不多做介绍啦，看看新建柔光图层的手法，一般新建一个柔光图层，然后嵌入到要调整的图层里头，吸取图层本身的固有色然后加深的颜色，画笔流量。不透明度保持20-40之间（这个看实际情况），手动开画！！！

有兴趣的伙伴可以尝试尝试，这种方式比曲线更容易控制自己想要的局部效果哦。

同理把海面其余部分明暗关系画出来，效果如下。

那么游轮的光影呢？当然也是同理啦， 嘿嘿嘿。合成光影的逻辑原理其实很简单，就是在做素描的黑白灰关系。

E.

光影添加

到这一步的时候，基本层次都已经出来了，但整体画面还缺少氛围，怎么解决？请用你婶婶的脑海记住，光影！！！怎么做？光影素材+柔光/滤色/强光图层组合用起来啊！

看操作，这里我新建一个强光图层，画出了离光源最近的海浪部分的受光面的光晕，并适当的添加一些反光加强立体感。再画中间海面的受光以及反光，不要担心某些部分太暗，毕竟我们做的是一个比较有风暴感觉的场景，暗下去才能体现光的氛围。

F．

ACR大法

画完整个后，又要给你们介绍一个神器，滤镜里头的Camera Raw，用来对画面进行整体调整，现在的画面还可以提高继续增加清晰度/对比度/曝光等，实际操作起来一两分钟轻松搞定所有问题，最后效果如下：

嘿嘿嘿。 做完以上，基本画面临摹就完成了，其实不光是这些优秀的广告创意画面，日常中接触到的电影，游戏，动画等都可以拿来作为我们理解光影合成的案例参考，（今年很火的哪吒/长安十二时辰之类的影视作品的视觉思想你们可以多去思考思考）别只是看个表面热闹。

是不是终于找到了要经常看电影的理由？

学到了么？年轻人。

以上，便是第八式要讲的所有内容，get到了么？那么用我这副临摹画面的手法是否也能运用到你的下一次海报合成里头呢？那么作业来了，自己根据自己看到的一个画面来做合成，发给池子批改吧。

操作视频链接在此：

https://www.bilibili.com/video/av78221928

https://v.youku.com/v_show/id_XNDQ1OTgyNDU0MA==.html?spm=a2h3j.8428770.3416059.1

想要练习源文件的也可以私信池子，备注。本站电商第八式练习。

或者关注公众号 一池子 在那里直接回复 本站电商第八式练习 同样会发你文件链接哦!

做完后想要进步的同样可以发池子批改哦，池子在这里等你！