¿Cómo puedo hacer que el logotipo se ilumine contra un fondo borroso?

Estoy intentando crear un sitio web para un amigo y tengo problemasingrese la descripción de la imagen aquí

Intenté agregar un fondo blanco o negro transparente en el logotipo y simplemente no se ve bien.

El texto está bien, es solo el logo con colores lisos fuertes.

¿Cómo debo remediar esto?


Con la sugerencia del horizonte, ahora se ve mucho más legible. También eliminé el desenfoque porque mi razonamiento inicial para el desenfoque es que le daría más atención al logotipo y al texto.

ingrese la descripción de la imagen aquí

En cuanto a la solicitud de la foto completa y el logotipo (tenga en cuenta que ambos tienen licencia, por lo que no puede usarlos con fines comerciales), los adjunto a continuación:

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

Muy relacionado, si no en realidad un duplicado: graphicdesign.stackexchange.com/questions/29256/…
@AndrewLeach En realidad, ¡de ahí obtuve la idea del subtexto! Ja ja.
Quitaría mucho azul de la foto de fondo. Creo que ese es uno de los principales problemas. La sugerencia de go-meek de más cielo parece verse bastante bien también.
¿ Puedes editar para que podamos ver el horizonte por sí solo? Me gustaría dejar una respuesta, pero sería mucho más fácil si tuviera la ciudad y el logotipo como imágenes separadas.
Te sugiero que propongas un logotipo recoloreado. Es un poco extraño como es.
jaja No cambias el color de un logo para esto, los clientes generalmente odian ese tipo de solicitud y son totalmente resistentes a esto; vuelves a colorear el entorno, esa imagen es secundaria de todos modos. Eso es como sugerir volver a pintar una casa porque las flores en el balcón son rosas.
@Ryan, edité las fotos y el resultado de la sugerencia del horizonte de go-meek.
Lamentablemente, esa no es una opción ya que al cliente realmente le gusta este logotipo y combinación de colores @ DA01
Esto es a lo que me refería con la reducción del azul: i.stack.imgur.com/6oI7X.jpg Aunque solo ejecutar las opciones automáticas en el Camera RAW Filtermejoró notablemente. Utilicé un desenfoque de iris, brillo exterior en el logotipo, una capa de brillo después de los ajustes automáticos, reduje un poco el azul con el filtro RAW y aumenté ligeramente el tamaño del eslogan de su logotipo.

Respuestas (4)

Muy bien, el punto principal que quiero enfatizar es una combinación de las otras respuestas y un poco más. Tienes una herramienta de composición muy poderosa en tus manos y apenas la estás usando.

Esta es solo una toma, y ​​está sujeta a opiniones, pero espero que el razonamiento detrás de esto lo lleve a algunas ideas para su propia toma y ayude a otros.

No sé qué tan grande se supone que es esto, así que tomé su original y recorté la parte del menú a un tamaño que me dio, 779px x 390px.

Primero entenderé que se trata de ventanas y vidrios. Salirse de la Regla de Hitchcock debería ser un artículo bastante grande. El camino y la hierba son menos importantes, pero ayudan a fundamentar la imagen, por lo que la haremos muy pequeña. Entonces sé que también necesitaré espacio para un logotipo. Así que tal vez algo como esto:

ingrese la descripción de la imagen aquí

Muy bien, ahora esta imagen ya se ve bastante con el color corregido, pero debido a que nuestro logotipo es azul, probablemente podríamos usar algo de composición y/o gradación de color para mejorarlo un poco. Aquí está con el Logo:

ingrese la descripción de la imagen aquí

Una de las combinaciones de colores más populares en el cine que funcionará bien para esto es azul y dorado/amarillo .

Así que puedo colocar una capa de ajuste de curvas y esto fue lo que hice:

ingrese la descripción de la imagen aquí

Lo que nos da mucho más contraste:

ingrese la descripción de la imagen aquí

Entonces realmente podemos editarlo con algunos ajustes más finos. Por ejemplo, el logotipo azul en el edificio justo al lado de nuestro logotipo distrae, especialmente si desea agregar ese subtexto allí. Entonces puedo quitar eso. Y quitaré la grúa por la misma razón:

ingrese la descripción de la imagen aquí

Y probablemente sea bastante bueno ahora, pero para enfatizar aún más mi punto, tal vez la construcción todavía distraiga, así que acortémoslo muy rápido:

ingrese la descripción de la imagen aquí

El punto principal que espero que esto muestre es, no sienta que está limitado a: esta es mi foto, ¿dónde puedo meter este logotipo? Oh, no se ve bien, bueno, agreguemos un cuadro, una sombra o un brillo. Hay muchas más composiciones que puedes hacer.

Además de que el texto debajo del logotipo es pequeño, se ve mucho mejor que las otras opciones, en mi opinión.
De acuerdo: combine esto con un ligero brillo exterior para resaltar los tonos más oscuros, aunque no tanto como sugiere @Alin, lo siento. Si juegas con el tamaño y la opacidad, encontrarás un lugar donde el brillo en sí no es visible, pero aún aparece el efecto de aislarlo del fondo.

Puede echar un vistazo a esta pregunta para obtener algunas ideas:

Hacer que el texto destaque frente a las imágenes .


Además , ¿por qué no simplemente agregar más cielo en la parte superior y reducir el edificio de la ciudad para que esté debajo del logotipo y no interactuar con él?

Ahora mismo tu edificio alto es lo que quita el contraste; la torre está oscura y esa parte del logo también.

Aquí hay una sugerencia, y se puede usar fácilmente como un diseño de banner receptivo.

ejemplo de cómo agregar énfasis en el logotipo con un sitio web de fondo de imagen ocupado

No requiere muchas capas, simplemente necesita usar un degradado en sus máscaras de capa en Photoshop para fusionar el cielo con la ciudad y cambiar el modo de fusión SI lo desea. También puedes recortar la ciudad para que el cielo encaje perfectamente detrás de esa escena, depende de ti.

También puede teñir su fondo con un azul claro si lo prefiere. Elegí el gris porque crea un tema de color agradable con los azules y también hace que el logotipo sea más el punto central de interés.

¡Se ve mucho mejor ahora gracias a la adición de más cielo en la parte superior! Esperaré otras respuestas, pero si no hay otras respuestas, actualizaré mi pregunta con el aspecto de la nueva página principal y seleccionaré esta respuesta :)

Cada vez que me encuentro con una situación así, las dos primeras cosas en las que pienso es agregar una Sombra paralela o un Resplandor exterior , teniendo en cuenta el logotipo y los colores, debe usar un Resplandor exterior para que su logotipo se destaque del fondo.

De esta manera, donde quieras colocarlo en tu imagen, seguirá siendo legible y se verá bien, mira:

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

De veras me gusta esta idea. Es fuerte y realmente no lo notarías a menos que intentes notarlo, pero parece una solución más "universal" y segura. ¡Probaré esto también!
@MarkGabriel No se trata de ir a lo seguro, se trata de mantenerlo simple y mantener el enfoque en lo que es realmente importante.
Esto se destaca demasiado para mí. Parece bastante barato y apresurado si me preguntas

Descubrí que un contorno blanco con un desenfoque negro debajo parece resolver prácticamente cualquier problema de texto. Editar: así es como se vería regularmente, usando sus gráficos profesionales:

mi idea

En este caso, creo que también sería beneficioso iluminar la imagen en el fondo, tal vez comprar otra que se tomó en un día más soleado. Eso también ahorrará los colores más oscuros para su logotipo, lo que significa que tendrá que hacer menos para que el texto se destaque.