一张出色的电商Banner，确实是多种视觉元素精妙组合的结果。咱们聊聊图片制造中的元素构成，以及怎么运用这些元素让图片内容更合理、丰厚。依据大的结构咱们首要能够给图片中的元素氛围以下4类。

1. 布景

2. 主体

3. 文字

4. 装修

咱们一一去分析每种元素的合理运用与办法。

一、布景

咱们在制造图片的时分一般会有以下几种布景的运用办法——纯色、突变、图画、固有布景、组成布景。

新的环境（多运用于表现主体性与主题性的海报）

布景的运用往往会对一张图片起到决定性的作用，咱们来谈一谈详细的一些办法。

布景元素在运用的时分需求留意的首要便是配色问题、简略来说便是弄出布景与其他元素的交融与反差。

一般情况下有以下几种调配办法，近似色交融、互补色反差、亮暗色反差。而且在实践的操作中，往往都是文字比其他元素需求与布景更有激烈的反差感。

近似色的交融使整个画面调和安定

那么怎么运用好近似色呢，这儿我给出2种详细的办法

榜首种：经过吸管去吸主体的色彩

第二种：将主体物仿制一份并将下方的主体物扩大，然后滤镜—含糊—高斯含糊，确定好适宜的数值。这种办法会使主体跟布景之间有更好的交融过度。文字仍是经过榜首种办法汲取某一个临近的色块。

互补色的反差使整个画面具有比照

互补色的运用，往往是针对需求有激烈的画面烘托和比照的场景，仍是比较简单上手的，咱们首要需求了解一个东西便是6位色相环，既RGB与CMY两种色彩模式直接的规则。正三角形顺时针方向从上依次为RGB，到三角形瞬时间方向从下依次为CMY，而咱们所说的互补色便是相对应的两个色彩系列，既红与青、黄与蓝、绿与品红。这儿需求额外提到的是咱们在做一些光效的时分，能够往暗影部分恰当增加一些补色进去，会让暗影愈加真实。

假如咱们还记不住互补色为哪两种色系、也能够翻开图画—调整——色彩平衡。也会有十分明晰的补色关系

咱们人眼所能辨认的色彩直观的去定义只要红、橙、黄、绿、青、蓝、紫、品红八种色系，所以不管咱们的主体是什么色彩，咱们都能够寻找到它相近的补色，假如真实无法用肉眼去判别，咱们也能够运用拾色器去吸当时颜的色彩并找到它的详细色相。

在相较于近似配色，补色配色能愈加杰出主体的轮廓，使主体愈加明晰，比照愈加激烈。

亮暗色的反差使整个画面具有冲击

亮与暗是一种很极致的反差作用，就好比漆黑的房间中哪怕仅仅点着了一根火柴也会有极激烈的冲击感。咱们能够细心回想自己看过的作品，在绝大多数成熟的作品中亮暗比照、关的烘托、暗影的处理都是必不可少的环节。

亮部的处理办法

榜首种办法：布景中的亮部往往都是运用「光」去完成的，光的运用也有许多种，我推荐几个我比较常用的办法，首要榜首个而是滤镜，叫做光线工厂（现在也有叫灯火工厂），许多规划论坛都有下载。左面部分为作用区，右边为调整区，一目了然，比方简单上手。

第二种办法：是运用光的素材，并经过图层混合模式的滤色、柔光、叠加等办法对素材进行处理。

好为黑色底的，更简单滤色掉黑色部分。

第三种办法：是经过自行制造来实现作用，或许新手会感觉比较生疏，不太简单操控，可是熟练运用之后会给你的规划带来许多便当，我平时很少运用突变东西去制造突变作用，而是经过画笔去制造突变作用，这样能够让突变愈加灵活，也给你的规划带来更多的可能性。

暗部处理办法

暗部处理的常用办法跟亮部处理的办法雷同，这儿就不在重复啰嗦。我说说平时在处理图片时会常常用来处理暗部的办法 —— CAMER RAW滤镜。PS在CC版别之后能够自由运用CAMER RAW滤镜，是我个人认为PS近几年改动当中具有打破的一次，ACR能够广泛运用与图层中，对图片的处理带来了巨大的快捷。

咱们能够在滤镜菜单中找到CAMER RAW滤镜指令。

首要是根本选项中的高光、暗影、白色、黑色调理块能够便利自若的操控你需求的调理的亮暗区域，其次明晰度选项能够协助你把图片锐化程度进一步提高的同时削减锯齿的出现。

作用选项中的裁剪后晕影能够轻松制造四角加暗作用，而且灵活性颇高。

二：主体

没有主体的画面是散乱而飘渺的，而怎么在画面中明晰表现出主体也是许多规划师十分头疼的问题。

当然，主体所占的比重，在一副图中大多数情况，要比其他元素要大的。

大多数规划师在自己的规划之路上会经历一段时期，做出的东西自己也能感觉有问题，可是便是找不到问题在哪里。

首要是要留心元素间小规模贴近叠加的问题。

许多元素小范围内十分贴近甚至直接堆叠，会使画面变得混乱拥挤。

处理好元素间的贴合问题会让画面削减杂乱，在作图的时分需求多多留心。

第二个需求留心的是元素与边际。

咱们在制造图片前都会预留出血，可是这不代表出血意外的边际地区就能够随意接近，大多数情况下，咱们仍是要适中保持各元素与画布的边际有一定的间隔（特定装修除外）。在图形中假如加入了文字，也要确保当时文字不要紧贴图形四周。

第三个是需求留心画面中元素的散布情况，假如你的画面中的某一个元素或某一区域元素看做一个点，那么调查这样的点是有规则的仍是散乱无章的，一般情况下散布有问题的图会有2种，一是整个画面根本都是大点而且不规则，另一个是整个画面有多个小点且不规则。

终需求留意元素的明晰度，首要便是图源的分辨率要满足的大而且明晰正常，第二是处理过程中尽量运用智能对象，使图片不会出现丢掉像素变含糊的问题。用好这四要素，你的Banner想不高大上都难！