如何使徽标在模糊的背景下亮起?

平面设计 网站设计 商标 图片 批判 模糊
2021-12-29 13:18:27

我正在尝试为朋友创建网站,但遇到了问题在此处输入图像描述

我尝试在徽标上添加透明的白色或黑色背景,但效果并不好。

文字没问题,只是带有强烈纯色的标志。

我该如何补救?


使用天际线建议,它现在看起来更具可读性。我还删除了模糊,因为我最初的模糊推理是它会更加关注徽标和文本。

在此处输入图像描述

至于整张照片和标志的请求(请注意,这些都是经过许可的,因此您不能将其用于商业目的),我附在下面:

在此处输入图像描述

在此处输入图像描述

4个回答

好吧,我想强调的主要一点是其他答案的组合加上更多。您手中有一个非常强大的合成工具,并且几乎没有使用它。

这只是一个观点,它非常受制于意见,但希望它背后的推理能够引导你对自己的观点产生一些想法,并帮助其他人。

我不知道这应该有多大,所以我拿了你的原件并将菜单部分裁剪为给我的尺寸,779px x 390px。

首先我会明白这是关于窗户和玻璃的。偏离希区柯克的规则,这应该是一个相当大的项目。道路和草地不太重要,但确实有助于使图像接地,因此我们将使其非常小。然后我知道我也需要空间来放置徽标。所以也许是这样的:

在此处输入图像描述

好的,现在这张图片看起来已经很漂亮了,因为我们的标志是蓝色的,所以我们可能会使用一些合成和/或颜色分级来真正增强它。这是带有徽标的:

在此处输入图像描述

电影中最受欢迎的颜色组合之一是蓝色和金色/黄色

所以我可以放入一个曲线调整图层,这就是我所做的:

在此处输入图像描述

这给了我们更多的对比:

在此处输入图像描述

然后我们可以通过一些更精细的调整来真正地编辑它。就像我们徽标右侧建筑物上的蓝色徽标一样,会分散注意力,尤其是如果您想在此处添加该潜台词。所以我可以删除它。出于同样的原因,我将拆除起重机:

在此处输入图像描述

现在可能还不错,但为了进一步强调我的观点,也许建筑仍然会分散注意力,所以让我们快速缩短它:

在此处输入图像描述

我希望这个节目的重点是,不要觉得你被限制在 - 这是我的照片,我可以在哪里塞这个标志?哦,它看起来不太对劲,让我们添加一个框、阴影或发光。你可以做更多的合成。

您可以查看这个问题以获取一些想法:

使文字在图像前突出


此外,为什么不简单地在顶部添加更多天空并将城市建筑缩小到徽标下方而不与它交互。

现在你的高楼消除了对比;塔是黑暗的,标志的那部分也是黑暗的。

这是一个建议,它可以很容易地用作响应式横幅设计。

示例如何在繁忙的图像背景网站上添加对徽标的强调

它不需要很多图层,您只需在 Photoshop 中使用图层蒙版上的渐变来将天空与城市合并,并根据需要更改混合模式。你也可以切出城市,让天空完美地融入场景背后,这取决于你。

如果您愿意,也可以用浅蓝色为背景着色。我选择灰色是因为它与蓝色创建了一个漂亮的颜色主题,并且还使徽标更多地成为兴趣的中心点。

每当我遇到这种情况时,我首先想到的两件事是添加阴影外发光,考虑到徽标和颜色,您应该使用外发光以使您的徽标从背景中脱颖而出。

这样,无论您想将它放在图像上的哪个位置,它仍然可读且看起来不错,请参阅:

在此处输入图像描述

在此处输入图像描述

我发现下面带有黑色模糊的白色轮廓似乎几乎可以解决任何文本问题。编辑:这是它经常看起来的样子 - 使用你的专业图形:

我的点子

在这种情况下,我认为将背景中的图像变亮也是有益的——也许购买另一张在阳光明媚的日子拍摄的照片。这也将为您的徽标保存较暗的颜色 - 这意味着您将不得不做更少的事情来使文本脱颖而出。