用好这四个元素，帮你做出高大上的电商BANNER

让我们谈谈图片制作中的元素构成，以及如何使用这些元素使图片内容更加合理和丰富。根据大框架，我们可以首先给出以下四类图片中的元素氛围。背景主体的文本装饰如图所示：我们将逐一分析每个元素的合理应用和方法。1、在制作图片时，我们通常有以下背景应用形式：纯色、渐变、图案、固有背景和合成背景。△ 纯色背景（主要用于整洁、简单、清晰、大气的海报）渐变背景（主要用于高端、高档、新鲜的海报）图案背景（主要用于活力、宣传、青春、宣传海报）原始环境（主要用于反映完整性、规则和真实性）新环境（主要用于反映主体和主题

让我们谈谈图片制作中的元素组成，以及如何使用这些元素使图片内容更加合理和丰富。根据大框架，我们可以首先给图片中的元素氛围以下四种类型。

背景

主体

文字

装饰

如图：

我们逐一分析各元素的合理应用和方法。

一、背景

在制作图片时，我们通常有以下背景应用形式——纯色、渐变、图案、固有背景和合成背景。

△ 纯色背景(主要用于整洁、简单、清晰、大气的海报)

渐变背景(主要用于高端、高档、清新的海报)

图案背景(主要用于活力、宣传、青春、宣传推广的海报)

原始环境(多应用反映完整性、规则性和真实性的海报)

新环境(主要用于反映主体性和主题性的海报)

背景的应用往往对图片起着决定性的作用。我们来谈谈一些具体的方法。

在使用背景元素时，首先要注意的是配色问题，简单来说就是找出背景与其它元素的融合与对比。

一般来说，有以下搭配方法，如近似色融合、互补色对比和亮暗色对比。在实践中，文本往往比其他元素需要与背景有更强烈的对比感。

近似色的融合使整个画面和谐稳定

那么如何使用相似的颜色呢？这里我给出两种具体的方法(哇哈哈~这就是你在等的！不说方法，那是我的教程~)

△ 上图所示的许多光效果都是通过绘制来完成的

暗部处理方法

暗处理的常用方法与亮处理的方法相似，所以这里就不重复了。我说的是处理图片时经常用来处理暗部的方法 —— CAMER RAW滤镜。CAMER RAW滤镜是近年来PS变化中最突破的一次。ACR可以广泛应用于图层，给图片的处理带来了极大的便利。

我们可以在滤镜菜单中找到CAMER RAW滤镜命令。

首先，基本选项中的亮点、阴影、白色和黑色调节块可以轻松自由地控制您需要调整的亮度区域。其次，清晰度选项可以帮助您进一步提高图片锐化程度，减少锯齿形的出现。

切割效果选项中的晕影可以轻松制作四角加暗效果，灵活性高。

如下图所示，四角加暗效果极大地提升了图片的质感，由于黑暗部分的巨大对比，平坦的图片会有很强的视觉冲击力。

二：主体

没有主题的图片是分散和空灵的，如何在图片中清楚地显示主题也是许多设计师头疼的问题。我在这里总结了几种方法，让我们有更多的选择来处理我们的主题。

首先要搞清楚主体的画面占用率。以淘宝的Banner为例，画布尺寸为990×400，我的产品是鱼竿，所以当我的鱼竿以全貌的形式呈现在这个横幅上时会发生什么:

我们可以看到，无论我们是水平放置还是垂直放置，它都会给我们的图片带来很多空白，这将使我们的图片空白，没有美感。这是主图片占用率过低（正常情况下主图片占30%以上）和主图片形状限制带来的不便。面对这种情况，我们需要做的是放大主题，不需要完全呈现。这就是为什么许多人物是主图片，不把人们整体放在图片中的原因。事实上，人们的整体形状与鱼竿相似。它们都是长条形的，因此在统一的图片中也适当地放大或放置更多的人物。

当我们把主体放大到适当的位置，发现仍然有很多空白时，我们也可以使用复制错位和降低透明度来增加主体的图片比例：

通过分析主图像的比例，我们可以总结出一种方法，即当主图像面积不够时，我们可以通过扩大主图像体积或增加主图像数量来保持主图像的平衡。以下作品显示：

自然，主体所占的比例，在一副图片中，大多数情况下，都比其它元素大。

大多数设计师在自己的设计道路上会经历一段时间，他们可以感觉到自己做的事情有问题，但他们就是找不到问题在哪里。我在这里举几个例子，可能会帮助你摆脱这个阶段。

首先要注意元素间小规模接近叠加的问题。

许多元素在小范围内非常接近甚至直接重叠，会使画面变得混乱和拥挤。

处理好元素之间的贴合问题，会减少画面的凌乱，在画画的时候要多加注意。

要注意的第二件事是元素和边缘。

在制作图片之前，我们会预留出血，但这并不意味着出血事故的边缘区域可以随意接近。在大多数情况下，我们仍然需要适度地保持每个元素与画布的边缘之间的距离（特定装饰除外）。如果在图形中添加文本，我们还应确保当前文本不接近图形周围。如下图所示，第一个比第二个舒适得多。我们应该学会在各种元素的边缘流出空间。

第三是要注意图片中元素的分布。如果图片中的某个元素或区域元素被视为一个点，则观察此点是否有规律或分散。一般来说，有两种图片分布有问题。首先，整个图片基本上是大的和不规则的，另一种是整个图片有多个小点和不规则。

如上图所示，全图基本较大且不规则，很大程度上说你的图片找不到主体。

如上图所示，全图基本小，分布不均匀，很大程度上说明你的图片元素凌乱。

而且更合理的元素分布一般应该是这样的:

△ 左右/上下分布

△ 中心分布

△ 满版分布(由于产品的局限性，满版分布在电商中的应用较少)

最后，我们需要注意元素的清晰度。首先，图源的分辨率应足够大、清晰、正常。二是在处理过程中尽量使用智能对象，使图片不会丢失像素，变得模糊。