0

Problem:

Trying to add text above a shape line in Sketch so that the text only cuts parts of the shape line.

Current design:

enter image description here

Desired design:

enter image description here

What are the necessary steps in order to get the text to cut the line below?

  • 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? – Summer Feb 16 '17 at 9:50
  • This is actually only an illustration that I use to learn more about how to use the Sketch app. – kexxcream Feb 16 '17 at 10:02
  • 1
    I have answered similar question, please check: graphicdesign.stackexchange.com/questions/78693/… – zholdas Feb 16 '17 at 13:47
  • Jane.... it's just a fieldset and legend in HTML. Fairly standard. – Scott Jul 13 '17 at 4:07
  • Possible duplicate of How to make rectangle with text in its border? – Scott Jul 13 '17 at 4:07
2

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.

Text over border

-1

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/

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.