Problem:
Trying to add text above a shape line in Sketch so that the text only cuts parts of the shape line.
Current design:
Desired design:
What are the necessary steps in order to get the text to cut the line below?
5
-
I can explain to you multiple ways how to achieve this in Sketch app, but have you thought about how you/your programmer is going to achieve this in code?– SummerCommented Feb 16, 2017 at 9:50
-
This is actually only an illustration that I use to learn more about how to use the Sketch app.– kexxcreamCommented Feb 16, 2017 at 10:02
-
1I have answered similar question, please check: graphicdesign.stackexchange.com/questions/78693/…– zholdasCommented Feb 16, 2017 at 13:47
-
Jane.... it's just a fieldset and legend in HTML. Fairly standard.– ScottCommented Jul 13, 2017 at 4:07
-
Possible duplicate of How to make rectangle with text in its border?– ScottCommented Jul 13, 2017 at 4:07
Add a comment
|
2 Answers
This might be an over-simplified answer but could you could have a white, borderless rectangle cover the yellow border and put text on top of that?
Then you could group the text and border if you want to resize later.
answered Mar 14, 2017 at 22:54
You can check this post to get a rough idea that how you can cut an image behind he text: http://www.photoshopessentials.com/photo-effects/overlap-text/
