Сделать наложенный текст видимым на «хаотичном» фоне [дубликат]

введите описание изображения здесь

Я пытаюсь создать полноэкранную карту с несколькими наложенными меню над ней, как вы можете видеть на скриншоте выше. Я попытался сделать наложенный текст видимым, применив внутреннее свечение к полноэкранному прямоугольнику без заливки, который находится поверх слоя изображения карты. Однако, как вы можете видеть, это не очень хорошая или аккуратная работа, когда дело доходит до визуального представления изображения.

Любые идеи или советы о том, как я могу заставить текст выше отображаться на фоне карты. Текст предпочтительно должен оставаться белым.

Если вам нужна дополнительная информация, дайте мне знать. Цените любую помощь. Заранее спасибо.

Добавьте маленькую тень (пиксель может быть два) с настройкой нулевого расстояния.
Вы можете использовать немного темного цвета для карты, чтобы белый текст был виден поверх нее. Или используйте эффект тени в текстовых слоях.
Я думаю, вам нужно пересмотреть дизайн. Виньетка карты ничего не делает, кроме как добавляет путаницы и затрудняет читаемость. Кадрируйте карту и свой пользовательский интерфейс, а не плавайте.

Ответы (2)

Добавьте маленькую тень с настройкой нулевого расстояния.

Я использовал для текста непрозрачность 100%, расстояние 0, распространение 0, размер 5...

введите описание изображения здесь

Кроме того, я бы посоветовал вам использовать другой цвет для обозначения элементов интерфейса (я заметил, что вы использовали красный цвет для маркеров мест, так почему бы не использовать один из стандартных цветов банка для значков справа?).

у вас все готово с этим проектом? Будет хорошо узнать, что вы в итоге сделали.
@ACEkin: Я думаю, вы разместили свой комментарий не к тому человеку.
Упс! Мой момент кандидата в президенты ;-) Извините.

Я не знаю требований или ограничений, которые вы устанавливаете для дизайна, поэтому то, что я собираюсь предложить, может вам подойти, а может и не подойти.

  1. Не используйте белый текст для меню справа
  2. Я выбрал красный, но вы можете заменить его черным с тем же результатом.
  3. Используйте более надежный шрифт, у меня есть два варианта: Berlin Sans FB и Berlin Sans FB Demi для более жирного отображения.
  4. Используйте внешнее свечение белым цветом, на светлом фоне оно не будет мешать, а на темном поможет отделить текст

Вы найдете примеры каждого из них на изображении ниже, обычный шрифт с белым внешним свечением и то же самое с деми-шрифтом. Я думаю, что средний шрифт идеально подходит для этой работы.

введите описание изображения здесь

Спасибо за комментарий @ACEkin. Попробую ваше предложение и посмотрим, как оно пойдет.