Hacer que el texto superpuesto sea visible en un fondo "caótico" [duplicado]

ingrese la descripción de la imagen aquí

Estoy tratando de crear un mapa de pantalla completa con algunos menús superpuestos encima, como puede ver en la captura de pantalla anterior. Intenté hacer visible el texto superpuesto aplicando un brillo interno en una forma de rectángulo sin relleno de pantalla completa que se encuentra en la parte superior de la capa de imagen del mapa. Sin embargo, como puede ver, en realidad no está haciendo un buen trabajo cuando se trata de presentar la imagen visualmente.

Cualquier idea o consejo sobre cómo podría hacer que el texto de arriba se muestre contra el fondo del mapa. El texto debe permanecer preferiblemente en blanco.

Si necesita más información, hágamelo saber. Agradezco cualquier ayuda. Gracias de antemano.

Agregue una pequeña sombra paralela (un píxel tal vez dos) con una configuración de distancia cero.
Puede usar un poco de color oscuro para el mapa para que el texto blanco pueda verse sobre él. O use el efecto de sombra paralela en las capas de texto.
Creo que debes reconsiderar el diseño. La viñeta del mapa no hace más que añadir confusión y dificultar la legibilidad. Enmarque el mapa y su interfaz de usuario en lugar de flotar todo.

Respuestas (2)

Agregue una pequeña sombra paralela con una configuración de distancia cero.

Usé una configuración de Opacidad 100%, Distancia 0, Extensión 0, Tamaño 5 en el texto...

ingrese la descripción de la imagen aquí

Además, le sugiero que use un color diferente para identificar los elementos de su interfaz (noté que usó rojo para los marcadores de lugar, entonces, ¿por qué no usar uno de los colores estándar de los bancos para sus íconos a la derecha?).

¿Estás listo con este proyecto? Será bueno saber lo que terminó haciendo.
@ACEkin: Creo que publicaste tu comentario contra la persona equivocada.
¡Uy! Mi momento de candidato presidencial ;-) Lo siento.

No conozco los requisitos o limitaciones que establece para el diseño, por lo que lo que estoy a punto de sugerir puede o no funcionar para usted.

  1. No utilice texto en blanco para los menús de la derecha.
  2. Elegí rojo pero puedes sustituirlo por negro con resultados similares
  3. Use una fuente más robusta, tengo dos variantes, Berlin Sans FB y Berlin Sans FB Demi para una representación un poco más audaz
  4. Use un brillo exterior con color blanco, donde el fondo es claro no interferirá, pero donde es oscuro ayudará a separar el texto

Encontrará ejemplos de cada uno en la imagen a continuación, fuente normal simple y con brillo exterior blanco y lo mismo con fuente demi. Creo que una fuente de peso medio es ideal para este trabajo.

ingrese la descripción de la imagen aquí

Gracias por el comentario @ACEkin. Probaré tu sugerencia a ver qué tal.