Как наложить текст на изображение с округлением углов?

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

    Создать прямоугольник цвета фона, разместить его поверх изображения, скруглить углы и наложить текст - это понятно. Однако чтобы результат выглядел как на исходнике, нужно учесть следующие шаги:

    • Используйте инструмент «Прямоугольник со скругленными углами» в редакторе (например, в Figma или Photoshop).
    • Настройте радиус скругления углов (обычно 10-20 пикселей для мягкого эффекта).
    • Поместите изображение в этот прямоугольник как заливку или маску, чтобы углы обрезались вместе с картинкой.
    • Добавьте текст поверх фона, выделив для него отдельный слой или группу, чтобы он не обрезался углами.

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