TEXT (Put on path) upside down

Post questions on how to use or achieve an effect in Inkscape.
CherasPainter
Posts: 3
Joined: Wed Oct 31, 2012 4:12 am

TEXT (Put on path) upside down

Postby CherasPainter » Wed Dec 26, 2012 4:28 pm

Hi, I wanted to create a circular logo (like starbucks) Image

BUT the problem is that the word "COFFEE" gone upside down when I select "Put on Path"

I need help urgently, please teach me how to adjust the "COFFEE"

THANKS

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: TEXT (Put on path) upside down

Postby brynn » Wed Dec 26, 2012 9:00 pm

Image
Welcome to InkscapeForum!

Select the path that you've put the text on, then Path menu > Reverse. Actually, that's how to fix the text if it's backwards, which is what I think you probably meant. But if you truly mean that it's upside-down.....we should probably have a look at the SVG file.

Jelle
Posts: 78
Joined: Sat Nov 06, 2010 11:25 am

Re: TEXT (Put on path) upside down

Postby Jelle » Thu Dec 27, 2012 2:57 am

Ehm,.. I think I get what you mean. And if you think about it for a minute it is logic as well. Your text is following a path,.... and my guess is, that that's a circle, right? Well, a circle starts at s point at 0 degrees, and goes all the way around clockwise to the end at 360 degrees. What you will need to do then is to make two circles. One for baseline of the top text and another one for the baseline of the bottom text. You can then create a half circle going from left to right (anti clockwise) following the outer circle (for the bottom text) and fit your text to that. That should do the trick.

Alternatively and more elegantly you can take the outer circle, convert it to a path, cut the top path node into two and delete the both of them, so you end up with a nice half circle. Then reverse the path order et voila, you'll have the same result you can fix your text on.

User avatar
flamingolady
Posts: 687
Joined: Wed Jun 10, 2009 1:40 pm

Re: TEXT (Put on path) upside down

Postby flamingolady » Thu Dec 27, 2012 4:26 am

Ditto what Jelle said. Just to add a hint, use the shapes button to make your circle (make it perfect by holding down the ctrl key when creating it). Also, once you make the circle (it's an object at this point), you can then click on it's little handle and make it a perfect half circle), once it's where you want it, then do the path, object to path. I usually keep an extra half circle on a hidden layer when doing text, in case I screw up, then it's already easily available in the orig size.
or, like Brynn said, you can do the reverse thing, or you can simply flip the text.
There's usually more than one way to get just about anything done in Inkscape.

User avatar
druban
Posts: 1917
Joined: Fri Nov 20, 2009 10:48 pm

Re: TEXT (Put on path) upside down

Postby druban » Thu Dec 27, 2012 8:54 am

The inkscape manual explains this very nicely here. The method described here should be the standard way of doing this every time, no matter what.
Your mind is what you think it is.

CherasPainter
Posts: 3
Joined: Wed Oct 31, 2012 4:12 am

Re: TEXT (Put on path) upside down

Postby CherasPainter » Thu Dec 27, 2012 12:34 pm

Guys, THANKS YOU SO MUCH for helping me, I will try it right away........ :D :D :D

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: TEXT (Put on path) upside down

Postby brynn » Fri Dec 28, 2012 9:01 am

Oh yes (like Jelle indicates) the lower words need a separate path. I thought you already had that. But the ref druban suggested should tell you everything you need to know :D

banjoo
Posts: 23
Joined: Sat Dec 02, 2017 11:29 am

Re: TEXT (Put on path) upside down

Postby banjoo » Sat Dec 02, 2017 11:53 am

Hi when I try the reverse method by clicking circle and text or just the circle or text nothing happens. When I try using horizontally it works but the text bunches. I want the text at the bottom to be curved facing upwards in the exact same way as the text at the top facing downwards so both are aligned.

Im using a circle and tried drawing it from left to right and right to left before putting on path as in this guide but no luck.
http://goinkscape.com/how-to-curve-text-in-inkscape/
Attachments
the text bunhes1.png
the text bunhes1.png (32.18 KiB) Viewed 16271 times
the text bunhes.png
the text bunhes.png (43.16 KiB) Viewed 16271 times

Moini
Posts: 3381
Joined: Mon Oct 05, 2015 10:44 am

Re: TEXT (Put on path) upside down

Postby Moini » Sun Dec 03, 2017 12:35 am

Option 1: Make the second circle larger, so it's going to have the same center as the one for the top word, but includes the top word completely.
Option 2: Place the cursor in front of the bottom text, then hit Alt+Down Arrow until its top touches the circumference.
Something doesn't work? - Keeping an eye on the status bar can save you a lot of time!

Inkscape FAQ - Learning Resources - Website with tutorials (German and English)

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: TEXT (Put on path) upside down

Postby brynn » Sun Dec 03, 2017 12:37 am

Can you show us an example of what it looks like when the text is not bunched? I don't understand what you're asking.
I want the text at the bottom to be curved facing upwards in the exact same way as the text at the top facing downwards so both are aligned.

I don't understand how your examples are not doing that. Maybe if we could seen an example of what you want to achieve?

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: TEXT (Put on path) upside down

Postby brynn » Sun Dec 03, 2017 12:41 am

Do you mean that you want each letter to be upright? But still on a curved path?

I'm trying to reconcile this with your other message about vertical text. Are both messages trying to achieve the same thing, in different ways?

banjoo
Posts: 23
Joined: Sat Dec 02, 2017 11:29 am

Re: TEXT (Put on path) upside down

Postby banjoo » Sun Dec 03, 2017 1:47 am

brynn wrote:Can you show us an example of what it looks like when the text is not bunched? I don't understand what you're asking.
I want the text at the bottom to be curved facing upwards in the exact same way as the text at the top facing downwards so both are aligned.

I don't understand how your examples are not doing that. Maybe if we could seen an example of what you want to achieve?

Hi in the pic attached the text at the top is 'normal' while the same size text at the bottom is shorter at the width.
The circles were the same size also.

banjoo
Posts: 23
Joined: Sat Dec 02, 2017 11:29 am

Re: TEXT (Put on path) upside down

Postby banjoo » Sun Dec 03, 2017 1:51 am

brynn wrote:Do you mean that you want each letter to be upright? But still on a curved path?

I'm trying to reconcile this with your other message about vertical text. Are both messages trying to achieve the same thing, in different ways?

Hi kinda. The letters are up right when using the circle horizontally but as you can see in the pic they become smaller in size compared to the top text.

Moini
Posts: 3381
Joined: Mon Oct 05, 2015 10:44 am

Re: TEXT (Put on path) upside down

Postby Moini » Sun Dec 03, 2017 2:02 am

See Options I mentioned above ^^
Something doesn't work? - Keeping an eye on the status bar can save you a lot of time!

Inkscape FAQ - Learning Resources - Website with tutorials (German and English)

banjoo
Posts: 23
Joined: Sat Dec 02, 2017 11:29 am

Re: TEXT (Put on path) upside down

Postby banjoo » Sun Dec 03, 2017 2:08 am

Moini wrote:Option 1: Make the second circle larger, so it's going to have the same center as the one for the top word, but includes the top word completely.
Option 2: Place the cursor in front of the bottom text, then hit Alt+Down Arrow until its top touches the circumference.

Hi when I try the first option the same thing happens.
The 2nd option works but the text is not the same sized curve at the top.
I think the reverse is the simple way of what Im hoping to achieve but it doesnt seem to work.
That is the text at the bottom being on the outside like the top.
Attachments
the text bunhes3.png
the text bunhes3.png (53.01 KiB) Viewed 16222 times
the text bunhes2.png
the text bunhes2.png (57.12 KiB) Viewed 16222 times

Moini
Posts: 3381
Joined: Mon Oct 05, 2015 10:44 am

Re: TEXT (Put on path) upside down

Postby Moini » Sun Dec 03, 2017 5:28 am

How about changing the letter distances to spread the letters a little wider, then? See text tool's tool controls.
Something doesn't work? - Keeping an eye on the status bar can save you a lot of time!

Inkscape FAQ - Learning Resources - Website with tutorials (German and English)

banjoo
Posts: 23
Joined: Sat Dec 02, 2017 11:29 am

Re: TEXT (Put on path) upside down

Postby banjoo » Sun Dec 03, 2017 6:18 am

Moini wrote:How about changing the letter distances to spread the letters a little wider, then? See text tool's tool controls.

I spaced the text (two righ arrows holding alt between each letter and word) before path. It looks the same but it still dosnt align with the top text.
When I resize it makes the curve go on a different bend.
I did the same making a new circle %25 bigger with the blue text and its seems to be close but not exact.
Edit I did the resize without the curze going off shape but still no aligment.
Attachments
the text bunhes5.png
the text bunhes5.png (205.05 KiB) Viewed 16171 times
the text bunhes4.png
the text bunhes4.png (111.39 KiB) Viewed 16171 times

banjoo
Posts: 23
Joined: Sat Dec 02, 2017 11:29 am

Re: TEXT (Put on path) upside down

Postby banjoo » Sun Dec 03, 2017 6:34 am

Moini wrote:How about changing the letter distances to spread the letters a little wider, then? See text tool's tool controls.

Hi second toughts by making the text sligtly bigger and placing on the bigger circle I think its does align to near perfect match.
I'll be using this function a lot and the less complex would be better.
Is there a mistake Im making with the reverse tool. When I use it nothing moves at all.
Attachments
the text bunhes7.png
the text bunhes7.png (84.98 KiB) Viewed 16168 times
the text bunhes6.png
the text bunhes6.png (205.97 KiB) Viewed 16168 times

Moini
Posts: 3381
Joined: Mon Oct 05, 2015 10:44 am

Re: TEXT (Put on path) upside down

Postby Moini » Sun Dec 03, 2017 7:11 am

It only works on paths, circles cannot be reversed. You'd need to do Path -> Convert to Path first.
Something doesn't work? - Keeping an eye on the status bar can save you a lot of time!

Inkscape FAQ - Learning Resources - Website with tutorials (German and English)

banjoo
Posts: 23
Joined: Sat Dec 02, 2017 11:29 am

Re: TEXT (Put on path) upside down

Postby banjoo » Sun Dec 03, 2017 8:38 am

Moini wrote:It only works on paths, circles cannot be reversed. You'd need to do Path -> Convert to Path first.

Thank you I had thought the circle was already path since the command was text on path. So that was the problem.
The same is happening with different size text after reverse in that they dont match up considering both are indentical.
In the picture the top text is on the outer green circle and the bottom text is on the inner orange circle.
Ive also tried different fonts and the same issue arises.
Attachments
the text bunhes8.png
the text bunhes8.png (197.44 KiB) Viewed 16135 times

Moini
Posts: 3381
Joined: Mon Oct 05, 2015 10:44 am

Re: TEXT (Put on path) upside down

Postby Moini » Sun Dec 03, 2017 9:55 am

The difference is not as big as you think, because what 'counts' is the bottom left border of the text. And you need to take the letters' angles into account. They bend into different directions.You will need to make manual adjustments. Inkscape isn't good at guessing its user's intentions, it just does what the user makes it do.

Bildschirmfoto_2017-12-03_00-52-03.png
Bildschirmfoto_2017-12-03_00-52-03.png (66.09 KiB) Viewed 16119 times
Something doesn't work? - Keeping an eye on the status bar can save you a lot of time!

Inkscape FAQ - Learning Resources - Website with tutorials (German and English)

banjoo
Posts: 23
Joined: Sat Dec 02, 2017 11:29 am

Re: TEXT (Put on path) upside down

Postby banjoo » Sun Dec 03, 2017 11:13 am

Moini wrote:The difference is not as big as you think, because what 'counts' is the bottom left border of the text. And you need to take the letters' angles into account. They bend into different directions.You will need to make manual adjustments. Inkscape isn't good at guessing its user's intentions, it just does what the user makes it do.

Bildschirmfoto_2017-12-03_00-52-03.png

I'm so used to inkscape doing things with symmetry its weird having to do a little work yourself to bring it along.
I found this guide on youtube using dynamic outset similar to the intruction here and with spacing each letter and word with four alt+arrow it matches perfect. Matching up the first letter top and bottom and moving from there. Even if other fonts require different spaces it should be easy enough.
Thanks for taking the time to help ;)
https://www.youtube.com/watch?v=2f6vVp4IZug
Attachments
text bunches solution.png
text bunches solution.png (34.26 KiB) Viewed 16100 times

Moini
Posts: 3381
Joined: Mon Oct 05, 2015 10:44 am

Re: TEXT (Put on path) upside down

Postby Moini » Sun Dec 03, 2017 12:11 pm

You're welcome :) Still sounds as if it would take a lot of time, but at least now we know why, and what can be done.
Something doesn't work? - Keeping an eye on the status bar can save you a lot of time!

Inkscape FAQ - Learning Resources - Website with tutorials (German and English)

banjoo
Posts: 23
Joined: Sat Dec 02, 2017 11:29 am

Re: TEXT (Put on path) upside down

Postby banjoo » Mon Dec 04, 2017 10:08 am

The more I learn about inkscape the more I forget it seems :tool_gradient:

banjoo
Posts: 23
Joined: Sat Dec 02, 2017 11:29 am

Re: TEXT (Put on path) upside down

Postby banjoo » Mon Dec 04, 2017 10:36 am

Moini wrote:The difference is not as big as you think, because what 'counts' is the bottom left border of the text. And you need to take the letters' angles into account. They bend into different directions.You will need to make manual adjustments. Inkscape isn't good at guessing its user's intentions, it just does what the user makes it do.

Bildschirmfoto_2017-12-03_00-52-03.png

Good point. Its like trying to work from a mirror image. Matching the top left most outer point of the top letter with the corresponding bottom left most outer point of the bottom letter or the opposite.


Return to “Help with using Inkscape”