Wie kann ich das Logo vor einem unscharfen Hintergrund aufleuchten lassen?

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

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

Der Text ist okay, es ist nur das Logo mit kräftigen Unifarben.

Wie soll ich das beheben?


Mit dem Skyline-Vorschlag sieht es jetzt viel besser lesbar aus. Ich habe auch die Unschärfe entfernt, weil meine anfängliche Überlegung für die Unschärfe war, dass sie dem Logo und dem Text mehr Fokus verleihen würde.

Geben Sie hier die Bildbeschreibung ein

Was die Anfrage für das gesamte Foto und Logo betrifft (bitte beachten Sie, dass beide lizenziert sind, sodass Sie sie nicht für kommerzielle Zwecke verwenden können), habe ich sie unten angehängt:

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Sehr verwandt, wenn nicht sogar ein Duplikat: graphicdesign.stackexchange.com/questions/29256/…
@AndrewLeach Eigentlich kam mir da die Idee für den Subtext! Haha.
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.
Können Sie bearbeiten, damit wir die Skyline allein sehen können? Ich würde gerne eine Antwort hinterlassen, aber es wäre viel einfacher, wenn ich die Stadt und das Logo als separate Bilder hätte.
Ich würde vorschlagen, dass Sie ein neu eingefärbtes Logo vorschlagen. Es ist irgendwie seltsam, wie es ist.
haha Sie färben dafür kein Logo um, Kunden hassen normalerweise diese Art von Anfragen und sind total dagegen; Wenn Sie die Umgebung neu einfärben, ist dieses Bild sowieso zweitrangig. Das ist, als würde man vorschlagen, ein Haus neu zu streichen, weil die Blumen auf dem Balkon rosa sind.
@Ryan, ich habe die Fotos bearbeitet und das Ergebnis des Skyline-Vorschlags von go-meek.
Leider ist das keine Option, da der Kunde dieses Logo und Farbschema @DA01 wirklich mag
Darauf wollte ich mit der Reduzierung des Blaus hinaus: i.stack.imgur.com/6oI7X.jpg Obwohl nur die automatischen Optionen ausgeführt wurden, Camera RAW Filterverbesserte es sich merklich. Ich habe eine Irisunschärfe, ein äußeres Leuchten auf dem Logo, eine Helligkeitsebene nach den automatischen Anpassungen verwendet, Blau mit dem RAW-Filter ein wenig reduziert und die Größe Ihres Logo-Slogans leicht erhöht.

Antworten (4)

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

Dies ist nur eine Einstellung, und sie ist sehr Gegenstand von Meinungen, aber hoffentlich führt Sie 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 von 779 x 390 Pixel zugeschnitten.

Zuerst werde ich verstehen, dass es hier um Fenster und Glas geht. Wenn man von Hitchcocks Regel abweicht, sollte das ein ziemlich großer Gegenstand sein. Die Straße und das Gras sind weniger wichtig, tragen aber dazu bei, 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 Color Grading verwenden, um es wirklich ein wenig zu verbessern. Hier mit dem Logo:

Geben Sie hier die Bildbeschreibung ein

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

Also kann ich eine Kurvenanpassungsebene einfügen und das war, was ich gemacht habe:

Geben Sie hier die Bildbeschreibung ein

Was uns viel mehr Kontrast gibt:

Geben Sie hier die Bildbeschreibung ein

Dann können wir es mit einigen weiteren Feineinstellungen wirklich bearbeiten. Das blaue Logo auf dem Gebäude direkt neben unserem Logo lenkt ab, besonders wenn Sie dann diesen Subtext dort hinzufügen möchten. Das kann ich also entfernen. Und ich werde den Kran aus demselben Grund entfernen:

Geben Sie hier die Bildbeschreibung ein

Und es ist jetzt wahrscheinlich ziemlich gut, aber um meinen Punkt weiter zu betonen, lenkt das Bauen vielleicht immer noch ab, also kürzen wir es ganz schnell ab:

Geben Sie hier die Bildbeschreibung ein

Der wichtigste Punkt, von dem ich hoffe, dass dies zeigt, ist, dass Sie sich nicht darauf beschränkt fühlen – das ist mein Foto, wo kann ich dieses Logo einfügen? Oh, es sieht nicht ganz richtig aus, also fügen wir entweder ein Kästchen, einen Schatten oder ein Leuchten hinzu. Es gibt noch viel mehr Compositing, das Sie tun können.

Abgesehen davon, dass der Text unter dem Logo klein ist, sieht dies meiner Meinung nach viel besser aus als die anderen Optionen
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, tut mir leid. Wenn Sie mit der Größe und Deckkraft spielen, werden Sie eine Stelle finden, an der das Leuchten selbst nicht sichtbar ist, aber der Effekt der Isolierung vom Hintergrund immer noch sichtbar ist.

Sie können sich diese Frage ansehen, um einige Ideen zu erhalten:

Hervorheben von Text vor Bildern .


Warum nicht einfach mehr Himmel oben hinzufügen und das Stadtgebäude so verkleinern, dass es unter dem Logo liegt und nicht mit ihm interagiert?

Im Moment ist Ihr hohes Gebäude das, was den Kontrast wegnimmt; Der Turm ist dunkel, ebenso wie dieser Teil des Logos.

Hier ist ein Vorschlag, der problemlos als responsives Bannerdesign verwendet werden kann.

Beispiel, wie man das Logo mit einer belebten Bildhintergrund-Website hervorhebt

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

Sie können Ihren Hintergrund auch hellblau einfärben, wenn Sie dies bevorzugen. Ich habe mich für Grau entschieden, weil es mit dem Blau ein schönes Farbthema erzeugt und das Logo auch mehr zum Mittelpunkt des Interesses macht.

Es sieht jetzt viel besser aus, da oben mehr Himmel hinzugefügt wurde! Ich warte einfach auf andere Antworten, aber wenn es keine anderen Antworten gibt, aktualisiere ich meine Frage mit dem Aussehen der neuen Startseite und wähle diese Antwort aus :)

Wann immer ich auf eine solche Situation stoße, denke ich als erstes an das Hinzufügen eines Schlagschattens oder eines Äußeren Glühens , in Anbetracht des Logos und der Farben, die Sie verwenden sollten, und Äußeres Glühen, um Ihr Logo vom Hintergrund abzuheben.

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

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Ich mag diese Idee wirklich. 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. Das werde ich auch probieren!
@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.
Das fällt mir viel zu sehr auf. Sieht ziemlich billig und gehetzt aus, wenn Sie mich fragen

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 von Vorteil, 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 – was bedeutet, dass Sie weniger tun müssen, um den Text hervorzuheben.