Добавьте текст над фигурой, используя Sketch

Проблема:

Попытка добавить текст над линией формы в Sketch, чтобы текст обрезал только части линии формы.

Текущий дизайн:

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

Желаемый дизайн:

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

Каковы необходимые шаги для того, чтобы текст обрезал строку ниже?

Я могу объяснить вам несколько способов, как добиться этого в приложении Sketch, но задумывались ли вы о том, как вы/ваш программист добьетесь этого в коде?
На самом деле это всего лишь иллюстрация, которую я использую, чтобы узнать больше о том, как использовать приложение Sketch.
Я ответил на аналогичный вопрос, пожалуйста, проверьте: graphicdesign.stackexchange.com/questions/78693/…
Джейн... это просто набор полей и легенда в HTML. Достаточно стандартный.

Ответы (2)

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

Затем вы можете сгруппировать текст и границу, если хотите изменить размер позже.

Текст за границей

Вы можете проверить этот пост, чтобы получить общее представление о том, как вырезать изображение за текстом: http://www.photoshopessentials.com/photo-effects/overlap-text/

Добавьте текст над фигурой, используя Sketch
СпросиСетьПолитика конфиденциальности1y, 0v