正片叠底 零基础扫盲，正片叠底的应用方法

以下是图形版本:

颜色的叠加可以作为重叠字符的填充。这组字的图案是整个栈底，左边是青色，上边是玫瑰色，识别性很好。右边我们换颜色，可以发现识别性差很多。

我们来看一组。左边下层有红色，上层有蓝色，识别性好，右边识别性差很多。

我们来看一组。左侧下层为绿色，上层为蓝色，识别性好。如果看右边，认可度就差很多。

所以，你找到这个规律了吗？当我们重叠文字时，下色系的明度低于上色系，或者当下色系在视觉上比上色系暗时，使用正片重叠底部的图案通常会影响对文字的识别。所以重叠文字的时候尽量选择亮度高的颜色放在下层。

这是耳机的副本，我们用它来做一个单词重叠的情况。

一般重叠词的时候可以把文案里的关键词放大作为底层词，比如数字，折扣，价格等等。这里我选89元作为最大人物，放在最下面。

其他的话在上面，设置为正片底部的模式。“3D立体环绕”以宽松的音高放大，“真实与品质”的共存可以简化。“长电池寿命”文本缩小到底部，显示为一个点。

再加上一些装饰性的元素，这样一个逐字逐句的组合就完成了。

再看另一个案例，主题翻译成沉浸式光。

谈到灯光，我们在设计中提取光源的发散形状作为图像。

根据光线发散的感觉，画两个图。

将图形放在屏幕上，然后用颜色填充图形，模式变为正片堆叠的底部。因为光线是发散的，做一个渐变的过程，在顶部加一个横截面，增加它的立体感。

然后，图像被处理以具有纹理，并且滤波器-噪声-添加噪声-10%。

把层次化的文字放在屏幕上，图形上下比例为1: 1.618。之后用网格来约束各个元素的位置，画面就完成了。

接下来用这三张图做一系列家具网站的Banner，也用正片叠底的图案。

我们使用单词相互重叠的第一种方式是文本层和文本层。

我们先画网格，会有同学在后台留言问我们是先画网格还是后画。其实没有固定的标准。比如这里我希望图片中的所有元素都是按照网格规范放置的，所以我先画网格。

放图。图片左侧没有卡在格子上。事实上，它占据了一半的网格。这也是可以的。

然后放入主题文本、其他文本元素、web组件。

在这个主题文本组中，我们使用了重叠词的形式。模式是正片叠底，画面中应该有对应的颜色，所以填一些点缀色。

在第二个方案中，我们使用了三层正片，即图像层、文本层和文本层。

先画一个网格，然后把图片放到图片里。

根据网格，放入文字信息和网页组件，用灰色替换。

布局设置好后，我们用颜色填充图片，文本和图像之间的正片，文本和文本之间的正片。图片中的其他元素也点缀了一些颜色作为回声。

第三种方案也是三层的底层，分别是图像层、色块层和文字层。

同样的，先画个格子，加个图。这张图的两边分别占一半格子。

然后放一个色块，先换成灰色，放主题文字，其他文字信息，网页组件。

设置好版面后，填入颜色，将色块和文字的图案换到正片底部，再填入一些装饰色，设计就完成了。

这节课到此结束。正片堆叠是一种简单的层模式。这里我介绍一下它可以应用的一些领域，以及一些比如制造阴影，增强立体感的领域。

希望今天的内容能帮到你。所以这就是分享这个问题。下次见！

719155723