Agregue texto sobre la forma usando Sketch

Problema:

Intentar agregar texto sobre una línea de forma en Sketch para que el texto solo corte partes de la línea de forma.

Diseño actual:

ingrese la descripción de la imagen aquí

Diseño deseado:

ingrese la descripción de la imagen aquí

¿Cuáles son los pasos necesarios para que el texto corte la línea de abajo?

Puedo explicarle varias formas de lograr esto en la aplicación Sketch, pero ¿ha pensado en cómo usted o su programador lograrán esto en el código?
En realidad, esta es solo una ilustración que utilizo para obtener más información sobre cómo usar la aplicación Sketch.
He respondido una pregunta similar, consulte: graphicdesign.stackexchange.com/questions/78693/…
Jane.... es solo un conjunto de campos y una leyenda en HTML. Bastante estándar.

Respuestas (2)

Esta podría ser una respuesta demasiado simplificada, pero ¿podría tener un rectángulo blanco sin bordes que cubra el borde amarillo y poner texto encima?

Luego, puede agrupar el texto y el borde si desea cambiar el tamaño más tarde.

Texto sobre el borde

Puede consultar esta publicación para tener una idea aproximada de cómo puede cortar una imagen detrás del texto: http://www.photoshopessentials.com/photo-effects/overlap-text/