Mobile app version of vmapp.org
Login or Join
Sent7350415

: How to set Text on Path on outside path in Sketch? I would like to change put the text on the outside of circle and there is an issue, when the text is placed at the bottom at circle

@Sent7350415

Posted in: #Path #SketchApp #Text

I would like to change put the text on the outside of circle and there is an issue, when the text is placed at the bottom at circle the texts are squeezed (Image 01) together, How to sovle this problem?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Sent7350415

2 Comments

Sorted by latest first Latest Oldest Best

 

@Gloria351

i wanted to add a new answer which doesn't create transforms and/or rotations on your text-path. (if you're exporting it to SVG).

If you want the text to be on the outside of the shape you should do the following:

select the shape > go to the top menu select layer > shape and choose reverse order. This switches the beginning point with the end point and reverses the direction placing the text on the outside of the shape.

Follow this link for an awesome guide regarding this issue.

Hope it helped,

10% popularity Vote Up Vote Down


 

@Lengel450

Although it's not very intuitive, it is actually quite easy.

TEXT ON THE OUTSIDE

After you've taken your "text on path", you select only the shape you used as a path and flip it horizontally.

SQUEEZED TEXT

To "unsqueeze" the text, you can go either two ways:

1) Kern the letters until you're happy with the result or

2)Select the shape you used as a path and manipulate it (i.e. make it bigger and move it around) until the text is as desired.

Hope it helped. Any doubt, let me know.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme