Wie kann ich das Logo vor einem unscharfen Hintergrund zum Leuchten bringen?


7

Ich versuche eine Website für einen Freund zu erstellen und habe Probleme Geben Sie hier die Bildbeschreibung ein

Ich habe versucht, dem Logo einen transparenten weißen oder schwarzen Hintergrund hinzuzufügen, und es sieht einfach nicht gut aus.

Der Text ist in Ordnung, es ist nur das Logo mit starken Unifarben.

Wie soll ich das beheben?


Mit dem Skyline-Vorschlag sieht es jetzt viel besser lesbar aus. Ich habe die Unschärfe auch entfernt, weil meine anfängliche Begründung für die Unschärfe darin besteht, dass das Logo und der Text stärker in den Fokus gerückt werden.

Geben Sie hier die Bildbeschreibung ein

Die Anfrage für das gesamte Foto und Logo (bitte beachten Sie, dass beide lizenziert sind, sodass Sie sie nicht für kommerzielle Zwecke verwenden können) habe ich unten angefügt:

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein


Sehr verwandt, wenn nicht sogar ein Duplikat: graphisches Design.stackexchange.com/questions/29256/…
Andrew Leach

@ AndrewLeach Eigentlich habe ich dort die Idee für den Subtext! Haha.
Zaenille

2
Ich würde viel Blau aus dem Hintergrundfoto saugen. Ich denke, das ist eines der Hauptprobleme. go-meeks Vorschlag von mehr Himmel scheint auch ziemlich gut auszusehen.
Dom

Können Sie bearbeiten , damit wir die Skyline selbst sehen können? Ich würde gerne eine Antwort hinterlassen, wäre aber viel einfacher, wenn ich die Stadt und das Logo als separate Bilder hätte.
Ryan

1
Ich würde vorschlagen, dass Sie ein neu gefärbtes Logo vorschlagen. Es ist irgendwie seltsam wie es ist.
DA01

Antworten:


9

Okay, der Hauptpunkt, den ich hervorheben möchte, ist eine Kombination der anderen Antworten und ein bisschen mehr. Sie haben ein sehr leistungsfähiges Compositing-Tool in der Hand und verwenden es kaum.

Dies ist nur eine Einstellung und hängt stark von der Meinung ab, aber hoffentlich führt die Begründung dahinter zu einigen Ideen für Ihre eigene Einstellung und hilft anderen.

Ich weiß nicht, wie groß das sein soll, also habe ich Ihr Original genommen und den Menüteil auf eine Größe zugeschnitten, die mir 779 x 390 Pixel gab.

Zuerst werde ich verstehen, dass es um Fenster und Glas geht. Nach Hitchcocks Regel sollte das ein ziemlich großer Gegenstand sein. Die Straße und das Gras sind weniger wichtig, helfen aber dabei, das Bild zu erden, sodass wir es sehr klein machen. Dann weiß ich, dass ich auch Platz für ein Logo brauche. Also vielleicht so etwas:

Geben Sie hier die Bildbeschreibung ein

Okay, jetzt sieht dieses Bild schon ziemlich farbkorrigiert aus, aber da unser Logo blau ist, könnten wir wahrscheinlich etwas Compositing und / oder Farbkorrektur verwenden, um es wirklich ein bisschen zu verbessern. Hier ist es mit dem Logo:

Geben Sie hier die Bildbeschreibung ein

Eine der beliebtesten Farbkombinationen im Kino, die dafür gut geeignet ist, ist Blau und Gold / Gelb .

So kann ich eine Ebene für die Kurvenanpassung einfügen, und dies war das, was ich gewählt habe:

Geben Sie hier die Bildbeschreibung ein

Was uns viel mehr Kontrast gibt:

Geben Sie hier die Bildbeschreibung ein

Dann können wir es wirklich mit einigen Feinabstimmungen bearbeiten. Wie das blaue Logo auf dem Gebäude direkt neben unserem Logo ablenkt, besonders wenn Sie dann diesen Untertext dort hinzufügen möchten. Also kann ich das entfernen. Und ich werde den Kran aus dem gleichen Grund entfernen:

Geben Sie hier die Bildbeschreibung ein

Und jetzt ist es wahrscheinlich ziemlich gut, aber um meinen Standpunkt weiter zu betonen, lenkt das Gebäude vielleicht immer noch ab, also lassen Sie es uns ganz schnell verkürzen:

Geben Sie hier die Bildbeschreibung ein

Der wichtigste Punkt, den ich hoffe, ist, dass Sie sich nicht darauf beschränkt fühlen - dies ist mein Foto. Wo kann ich dieses Logo einfügen? Oh, es sieht nicht ganz richtig aus. Nun, lassen Sie uns entweder eine Box, einen Schatten oder ein Leuchten hinzufügen. Sie können noch viel mehr Compositing betreiben.


3
Abgesehen davon, dass der Text unter dem Logo klein ist, sieht dies weitaus besser aus als die anderen Optionen IMO
Zach Saucier

Einverstanden - kombinieren Sie dies mit einem leichten äußeren Leuchten, um es von den dunkleren Farbtönen abzuheben - nicht so sehr, wie @Alin vorschlägt, sorry. Wenn Sie mit der Größe und Deckkraft spielen, finden Sie eine Stelle, an der das Leuchten selbst nicht sichtbar ist, der Effekt der Isolierung vom Hintergrund jedoch weiterhin auftritt.
Rob Craig

6

Sie können sich diese Frage für einige Ideen ansehen:

Text vor Bildern hervorheben .


Fügen Sie außerdem einfach mehr Himmel hinzu und verkleinern Sie das Stadtgebäude so, dass es sich unter dem Logo befindet und nicht mit ihm interagiert.

Im Moment nimmt Ihr hohes Gebäude den Kontrast weg; Der Turm ist dunkel, genau wie dieser Teil des Logos.

Hier ist ein Vorschlag, der leicht als ansprechendes Banner-Design verwendet werden kann.

Beispiel für die Hervorhebung des Logos mit einer geschäftigen Bildhintergrund-Website

Es sind nicht viele Ebenen erforderlich. Sie müssen lediglich einen Farbverlauf für Ihre Ebenenmasken in Photoshop verwenden, um den Himmel mit der Stadt zusammenzuführen und den Mischmodus zu ändern, wenn Sie möchten. Sie können die Stadt auch ausschneiden, damit der Himmel perfekt hinter diese Szene passt. Es liegt an Ihnen.

Sie können Ihren Hintergrund auch hellblau tönen, wenn Sie dies bevorzugen. Ich habe Grau gewählt, weil es ein schönes Farbthema mit dem Blau erzeugt und das Logo mehr zum zentralen Punkt des Interesses macht.


1
Es sieht jetzt viel besser aus, dank mehr Himmel oben! Ich werde nur auf andere Antworten warten, aber wenn es keine anderen Antworten gibt, werde ich meine Frage mit dem Aussehen der neuen Startseite aktualisieren und diese Antwort auswählen :)
Zaenille

6

Wenn ich auf eine solche Situation stoße, sind die ersten beiden Dinge, an die ich denke, das Hinzufügen eines Schlagschattens oder eines äußeren Glühens , unter Berücksichtigung des Logos und der Farben, die Sie verwenden sollten, und das äußere Leuchten, um Ihr Logo vom Hintergrund abzuheben.

Auf diese Weise ist es, wo immer Sie es auf Ihrem Bild platzieren möchten, immer noch lesbar und sieht gut aus.

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein


Diese Idee gefällt mir sehr gut. Es ist stark und Sie würden es nicht wirklich bemerken, wenn Sie nicht versuchen, es zu bemerken, aber es sieht nach einer "universelleren" und sichereren Lösung aus. Ich werde es auch versuchen!
Zaenille

@MarkGabriel Es geht nicht darum, auf Nummer sicher zu gehen, es geht darum, es einfach zu halten und sich auf das zu konzentrieren, was wirklich wichtig ist.
Alin

1
Das fällt mir viel zu sehr auf. Sieht ziemlich billig aus und ist gehetzt, wenn du mich
fragst

2

Ich habe festgestellt, dass ein weißer Umriss mit einer schwarzen Unschärfe darunter praktisch alle Textprobleme zu lösen scheint. Bearbeiten: So würde es regelmäßig aussehen - mit Ihren professionellen Grafiken:

meine Idee

In diesem Fall wäre es meiner Meinung nach auch vorteilhaft, das Bild im Hintergrund aufzuhellen - vielleicht ein anderes zu kaufen, das an einem sonnigeren Tag aufgenommen wurde. Dadurch werden auch die dunkleren Farben für Ihr Logo gespeichert. Dies bedeutet, dass Sie weniger tun müssen, um den Text hervorzuheben.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.