¿Cómo agregar texto legible a una imagen clara y oscura?

Estoy tratando de agregar texto a una foto de una ciudad, pero los colores del fondo dificultan la lectura del texto claro y oscuro. Probé varios colores claros y oscuros, pero todos parecían dominados por los colores de la imagen. ¿Qué colores podría usar o qué puedo hacer con el texto para que se vea pero también para que se pueda ver el fondo?

Aquí está la imagen que estoy tratando de usar: http://getwallpapers.com/wallpaper/full/3/e/b/151308.jpg

Creo que necesitamos más parámetros. ¿Cuál es el tamaño de salida de la imagen y dónde se va a utilizar? ¿Está en la pantalla de una computadora, en una revista impresa, en un póster? ...¿cuánto texto y qué tamaño debería tener y por qué? Como por ejemplo... Si la imagen es el punto principal, el texto probablemente no debería cubrir como el 60% y si se va a leer a distancia, entonces el texto tampoco puede ser muy pequeño. Si el texto no puede ser grande, no puede usarlo como una solución para hacerlo más legible, por ejemplo. Este artículo trae algunos puntos decentes: designmodo.com/design-type-photo
¿Puedes mostrar lo que has intentado y lo que consideras un fracaso? Lo más obvio a intentar podría ser delinear el texto en un color contrastante. ¿Has probado eso?

Respuestas (4)

Esto depende de la cantidad de texto que planee usar, pero aquí hay un par de cosas que puede intentar:

  • hazlo corto el texto más largo probablemente no funcionará aquí
  • oscurecer un lado de la imagen o superponer un cuadro cuadrado para agregar texto
  • use muy negrita, sans serif, tipo blanco
  • trate de usar un tipo de solo contorno con trazos gruesos

La imagen es muy bonita, así que juguemos un poco. Estoy usando dos tamaños de fuente porque realmente no sabemos cuál es el tamaño o la extensión del texto.

La imagen un poco oscura, es al anochecer, así que usemos un color blanco. No importa que el texto sea perfecto. Puedes leerlo.

ingrese la descripción de la imagen aquí

Pero podemos agregar contraste adicional usando un degradado sutil. No es necesario que sea negro. Lo extendí un poco a la derecha para que lo puedas ver.

ingrese la descripción de la imagen aquí

Pero podemos hacer un "contraste local" usando un contorno.

ingrese la descripción de la imagen aquí

Este contorno puede ser duro como el anterior o suave.

ingrese la descripción de la imagen aquí

O puede colocar una sombra para aumentar un poco este contraste local.

ingrese la descripción de la imagen aquí

Puedes invertir los colores a un brillo de luz... Pero probablemente en este caso no funcione tan bien como el anterior.

ingrese la descripción de la imagen aquí

También puede agregar un bloque semitransparente detrás del texto.

ingrese la descripción de la imagen aquí

Pero todo depende del tamaño del texto, si es lo suficientemente grande puedes incluso hacerlo transparente. Cuanto más grande sea el texto, menos contraste necesitarás.

ingrese la descripción de la imagen aquí

También puedes dejar la imagen en paz...

ingrese la descripción de la imagen aquí

Ahora ve y juega con él. Esto fue divertido, disfruta tu experimentación.

Este método permite letras grandes sin empujarlas hacia el frente, la imagen sigue siendo lo primero que se nota.

Deje que su texto tenga solo un trazo estrecho. No parece dominado. Desafortunadamente, el impacto del texto sufre probablemente demasiado, se necesita algo de relleno. Pero el relleno puede ser la imagen subyacente con diferentes colores. Un ejemplo:

ingrese la descripción de la imagen aquí

El texto está aquí como una capa, donde solo tiene un trazo blanco. El mismo texto está en otra capa como máscara de capa para la capa Tono/Saturación que provoca el cambio de color.

Tener el mismo texto en 2 lugares no es bueno, si uno es suficiente. También puede probar algún modo de fusión para el cambio de color. Aquí, el texto se colorea con una capa de Tono/Saturación en el interruptor "solo la siguiente capa" = ENCENDIDO. El texto tiene trazo blanco y modo de fusión = Color:

ingrese la descripción de la imagen aquí

La eliminación del color también es posible con esta estratificación:

ingrese la descripción de la imagen aquí

NOTA: Sin el trazo, estos son ilegibles.

Lo que puede hacer realmente depende del editor de fotos que use. Si usa Photoshop, entonces realmente hay mucho que puede hacer.

En primer lugar, necesitará un área que pueda oscurecer para colocar texto claro/blanco sobre ella. La mitad inferior se ve bastante decente, por lo que si duplica la foto como capa, configura el modo de fusión para que se multiplique y aplica un degradado en blanco y negro a la máscara de capa, obtendrá un área más oscura, lista para el texto. Prueba A:ingrese la descripción de la imagen aquí

Aún así, el texto no es tan fácil de leer y la mitad de la foto es inutilizable, además el ojo del espectador se ve atraído por el área clara en la mitad superior.

Entonces, aquí está la prueba B:ingrese la descripción de la imagen aquí

Aquí, desenfocamos el fondo, aplicamos una superposición de color naranja, afinamos la capa de texto y aplicamos una superposición de color azul. A continuación, aplicamos algunos estilos de capa para contrastar aún más las dos áreas: fondo y texto.

En pocas palabras: las áreas claras atraen la atención, luego las áreas detalladas. Para centrar la atención, oscurecer (quemar) o difuminar otras áreas.

Así que adelante, experimenta y diviértete.