So, I am still somewhat new to Inkscape, but I have figured out how to put text on a eliptical rectangle, but the text is the wrong way. The text goes clockwise around the rectangle with the bottom of the text on the outside of the rectangle. I want to do the opposite. I am wanting to put the text going counter-clockwise around the rectangle with the top of the text touching the rectangle. Is there a way to do this?
In the image on the left, they are where I want the words to be, and the example on the right is the orientation of the letters I want. I made the right example by making a larger rectangle and reversing the direction of the path, but because they are on the inside of a rectangle, it made the tops of the letters really bunched up, and doesn't look nice, and if I increase the space between letters, it ends up pushing the letters really far apart before the tops aren't touching. I also investigated upside down fonts, but couldn't figure out how to add new fonts to inkscape.
I made the right example by making a larger rectangle and reversing the direction of the path, but because they are on the inside of a rectangle, it made the tops of the letters really bunched up, and doesn't look nice, and if I increase the space between letters, it ends up pushing the letters really far apart before the tops aren't touching.
I don't understand. You were able to put the text on the outside of the one on the left, correct? You should be able to put it on the outside of a rectangle with path reversed. Here's the manual info, in case that would help: http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Text-Path.html
To do that, Brynn, they made a second circle, in the example they give in the manual. I have spotted the text height tool, and it kind of works, but makes the letters really spaced apart.
Yes, I realize that. I thought there might be something on that page that would help.
Curious! I would not have expected that reversing the path would put the text on the inside, rather than outside the rectangle. Flipping the rectangle has the same effect!
This would imply (at least to me) that paths have a top and bottom. And that reverse does not just reverse the direction of the path - it sort of flips it 180 degrees....in a way.
Personally, I'm stumped on this problem. I guess manually rotating and placing each letter would be my approach. Although certainly not what I would consider the best solution.
Hhmm, I noticed the very last sentence on that manual page. I wonder if Pattern along Path might have some options that would work? I'm experimenting....
Edit
No luck with that approach. Maybe someone else will have an idea?
Is this the orientation you are looking for? There's probably more than one way to do this, but after having this issue myself - many times, I only recently learned that you have to flip to rectangle first. (side note, I also tried to simply use the space bar to move it around the entire rectangle, which almost worked, but it truncated a couple of the characters.
not sure what I'm doing wrong, but what you see on this screen is NOT what is in the actual svg.
No idea why the above is being displayed that way, so going to try this again and post a png via the snipping tool.
Note: once you flip the rectangle, you may to work using reverse directions (eg left arrow vs right arrow), it'll make more sense when you are flipping things, if it doesn't go in the direction you thought, use the reverse direction).
Can someone try to download the file and see if the svg matches the snipping tool pic? I followed brynn's instructions, changed the blue icon to the black and white paper (next to the trashcan), and something is going very wonky.
When I open your message to edit, it's showing the blue picture icon. I could change it to the paper icon, and so you would have the blue Attachments button. But we can still get the SVG file, either way. If you really want the blue Attachments button, try editing your message, and switch the icons again.
Are you saying that you see something different in Inkscape, than what's showing in the message? When I open the file in Inkscape, it looks just like it does in the message, which is also the same as it does in the PNG.
Brynn, well that's interesting. I did edit it and chg it to the paper icon. Yes, the svg and png are showing differently, but should be the exact same. Look at my first pic - it's the snipping tool png - it's showing correctly, look at the bottom left rectangle - it has 3 'prone's' on it, then scroll down to the next pic, my svg, the 'prones' are missing on the bottom left rectangle. I'm stumped.
Hhmm, which browser do you use? I see 3 Prones in the bottom left rectangle, on all 3 images.
From what I understand though, he wants the text to go the other way around, but still stay on the outside of the rectangle.
I think the only way to solve the problems, would be to make the 2nd rectangle have a wider radius for the rounded corners, and then use kerning to put more space between the letters.
Weird! I'm not sure what's happening. My first thought would be your browser or some setting in your browser.
Maybe all the transforms that you mentioned using - flipping and rotating. Maybe the browser can't decipher them? I know transform attributes have caused problems in older versions of Inkscape. That's just a guess though..... 😵
Thanks for commenting, at least you know I'm not entirely crazy, I really am seeing odd stuff, lol. Between low memory, win 7, very old computer and the browser, I guess I'm doing good to see anything!
Beyond the Basics How to put text on a path on the top?
Inkscape.org
So, I am still somewhat new to Inkscape, but I have figured out how to put text on a eliptical rectangle, but the text is the wrong way.
The text goes clockwise around the rectangle with the bottom of the text on the outside of the rectangle.
I want to do the opposite. I am wanting to put the text going counter-clockwise around the rectangle with the top of the text touching the rectangle. Is there a way to do this?
In the image on the left, they are where I want the words to be, and the example on the right is the orientation of the letters I want.
I made the right example by making a larger rectangle and reversing the direction of the path, but because they are on the inside of a rectangle, it made the tops of the letters really bunched up, and doesn't look nice, and if I increase the space between letters, it ends up pushing the letters really far apart before the tops aren't touching.
I also investigated upside down fonts, but couldn't figure out how to add new fonts to inkscape.
Anyone able to help a fella out?
Try using the various flip and rotation options. I've found that you sometimes have to flip the ellipse vs flipping the text.
I don't understand. You were able to put the text on the outside of the one on the left, correct? You should be able to put it on the outside of a rectangle with path reversed. Here's the manual info, in case that would help: http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Text-Path.html
To do that, Brynn, they made a second circle, in the example they give in the manual.
I have spotted the text height tool, and it kind of works, but makes the letters really spaced apart.
Yes, I realize that. I thought there might be something on that page that would help.
Curious! I would not have expected that reversing the path would put the text on the inside, rather than outside the rectangle. Flipping the rectangle has the same effect!
This would imply (at least to me) that paths have a top and bottom. And that reverse does not just reverse the direction of the path - it sort of flips it 180 degrees....in a way.
Personally, I'm stumped on this problem. I guess manually rotating and placing each letter would be my approach. Although certainly not what I would consider the best solution.
Hhmm, I noticed the very last sentence on that manual page. I wonder if Pattern along Path might have some options that would work? I'm experimenting....
Edit
No luck with that approach. Maybe someone else will have an idea?
Can you attach the svg? It'd make it easier to try to figure out a solution.
I figured it out. Will get it cleaned up and post after lunch....
Is this the orientation you are looking for? There's probably more than one way to do this, but after having this issue myself - many times, I only recently learned that you have to flip to rectangle first. (side note, I also tried to simply use the space bar to move it around the entire rectangle, which almost worked, but it truncated a couple of the characters.
not sure what I'm doing wrong, but what you see on this screen is NOT what is in the actual svg.
No idea why the above is being displayed that way, so going to try this again and post a png via the snipping tool.
Note: once you flip the rectangle, you may to work using reverse directions (eg left arrow vs right arrow), it'll make more sense when you are flipping things, if it doesn't go in the direction you thought, use the reverse direction).
Testing to attach the svg.
Can someone try to download the file and see if the svg matches the snipping tool pic? I followed brynn's instructions, changed the blue icon to the black and white paper (next to the trashcan), and something is going very wonky.
When I open your message to edit, it's showing the blue picture icon. I could change it to the paper icon, and so you would have the blue Attachments button. But we can still get the SVG file, either way. If you really want the blue Attachments button, try editing your message, and switch the icons again.
Are you saying that you see something different in Inkscape, than what's showing in the message? When I open the file in Inkscape, it looks just like it does in the message, which is also the same as it does in the PNG.
Brynn, well that's interesting. I did edit it and chg it to the paper icon. Yes, the svg and png are showing differently, but should be the exact same. Look at my first pic - it's the snipping tool png - it's showing correctly, look at the bottom left rectangle - it has 3 'prone's' on it, then scroll down to the next pic, my svg, the 'prones' are missing on the bottom left rectangle. I'm stumped.
Hhmm, which browser do you use? I see 3 Prones in the bottom left rectangle, on all 3 images.
From what I understand though, he wants the text to go the other way around, but still stay on the outside of the rectangle.
I think the only way to solve the problems, would be to make the 2nd rectangle have a wider radius for the rounded corners, and then use kerning to put more space between the letters.
Brynn, Just to show you what I'm seeing, here's my view of my above post using the snip it tool. No idea what is going on.
Weird! I'm not sure what's happening. My first thought would be your browser or some setting in your browser.
Maybe all the transforms that you mentioned using - flipping and rotating. Maybe the browser can't decipher them? I know transform attributes have caused problems in older versions of Inkscape. That's just a guess though..... 😵
Thanks for commenting, at least you know I'm not entirely crazy, I really am seeing odd stuff, lol. Between low memory, win 7, very old computer and the browser, I guess I'm doing good to see anything!