: How to make rectangle with text in its border? I am using Sketch App and I want to create the exact illustration: Creating rectangles is really easy, but how can I make a text in the border

I am using Sketch App and I want to create the exact illustration:

Creating rectangles is really easy, but how can I make a text in the border like <html> as you can see above?

10.02% popularity Vote Up Vote Down

: How to export an illustrator artboard in two sections? I've tried reading similar answers about exporting to different sizes, but I'm still a bit confused. What I'm trying to do is to optimize

@Debbie163

Posted in: #AdobeIllustrator #Export

1 Comments

: How to add a small amount of local noise to a path in illustrator? I'm trying to recreate the xkcd look. Is there a way I can take a path and apply an effect that makes it look like this?

@Debbie163

Posted in: #AdobeIllustrator #Noise #Path

1 Comments

: Animating line graph in After Effects I want to animate the drawing of the lines in this graph from left to right so that they are all at the same x-position at the same time. This is a

@Debbie163

Posted in: #AdobeAfterEffects #InformationGraphics

0 Comments

: Exporting PDF from InDesign makes text look thicker First time i come across this issue: I export a pdf. from InDesign (both in web & print res) In both cases the font (Avenir) looks 'thicker'

@Debbie163

Posted in: #AdobeIndesign #Export #Fonts #Pdf

1 Comments

Login to post a comment!

2 Comments

Sorted by latest first Latest Oldest Best

@Alves566

You should use Dynamic button plugin github.com/ddwht/sketch-dynamic-button
Make your tags texts (<html>, <head>, etc.) as Dynamic buttons.
Set BG color to white.
Make paddings on test styles to 0:10.

Download sample sketch file

10% popularity Vote Up Vote Down

@Ravi4787994

If you want that it is a rectangle and not a open path you need to mask the area where you want the text to appear.

Steps:

Draw a rectangle
Place text on desired place
Create mask to reveal or hide desired areas of the rectangle that touch your text

Here a video about masks in sketch:

10% popularity Vote Up Vote Down

Feed

: How to make rectangle with text in its border? I am using Sketch App and I want to create the exact illustration: Creating rectangles is really easy, but how can I make a text in the border

More posts by @Debbie163

: How to export an illustrator artboard in two sections? I've tried reading similar answers about exporting to different sizes, but I'm still a bit confused. What I'm trying to do is to optimize

: How to add a small amount of local noise to a path in illustrator? I'm trying to recreate the xkcd look. Is there a way I can take a path and apply an effect that makes it look like this?

: Animating line graph in After Effects I want to animate the drawing of the lines in this graph from left to right so that they are all at the same x-position at the same time. This is a

: Exporting PDF from InDesign makes text look thicker First time i come across this issue: I export a pdf. from InDesign (both in web & print res) In both cases the font (Avenir) looks 'thicker'

Login to post a comment!

2 Comments

Back to top | Use Dark Theme