Jump to content
Norway4T

Text on a path (circle) extremely difficult

Recommended Posts

I've watched the tutorials and I'm trying to make a text follow the outside of a circle. I find it extremely difficult. The control handles are small and difficult to manipulate and I can't get all the text to wrap nicely on the outside of the circle. Rather one letter always seems to want to stick to the inside. I've tried to find some tutorials that better explain these controls with no luck. Maybe you guys have a few pointers on how to get a better grasp on this? I hope in future revisions of the program that the control handles gets a make over in order to make them more intuitive and easy to manipulate.

Share this post


Link to post
Share on other sites

You can make the handles bigger with Preferences > Tools > Tool Handle Size, if that helps. They set the start and end positions of the text on the curve; I'm not sure how they could be made simpler or more intuitive? You might also try using Layer > Convert to text path on a circle, which provides default handle positions.

Share this post


Link to post
Share on other sites

Hi Norway4T,

You have to move the end handle near to the start handle, so you can fill the whole outside of the circle with letters. Check the clip below: as you can see when you reach the end handle the letters switch to inside - because they don't fit anymore in the allocated space -. So i deleted the last letter that forced the switch to the inside in the clip and moved the end handle a little more to the right and as you can see i can fit a few more letters there. So if you move the end handle near to the start handle (to cover the outside whole circle - you can fill the whole area with letters. Let me know if you still have trouble.

 

text_on_a_path.gif

Share this post


Link to post
Share on other sites
4 hours ago, Dave Harris said:

I'm not sure how they could be made simpler or more intuitive?

At least for me, it would help a lot if the start & end handles were both considerably larger & better differentiated, like maybe with very different colors or with triangles or arrowheads rotated to 'point' to the beginning & end positions, sort of like in this crude mockup:

handles.png.15a45819d27305ec03d6dc63e15c6ec4.png

 

It is also slightly weird that the Artistic Text tool can be used to convert a shape to a text path but in the Layers panel it is assigned the Frame Text icon -- that often confuses me, but it is a minor matter.


Affinity Photo 1.7.3, Affinity Designer 1.7.3, Affinity Publisher 1.7.3; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.3.155 & Affinity Designer 1.7.3.1 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.1.2

Share this post


Link to post
Share on other sites

The intention is that the handles act as bookends. I don't feel that arrows would be clearer because it's not obvious whether they should be pointing towards their text or away from it - you can move them in either direction. I'm not keen on relying on colour to convey meaning, because some people are red-green colour-blind, but in this case it shouldn't hurt so I'll tweak that. I'll also make the default size slightly bigger and fix the icon. Thanks for the feedback.

Share this post


Link to post
Share on other sites
51 minutes ago, Dave Harris said:

The intention is that the handles act as bookends.

The problem for me is it is often hard to tell which bookend indicates the start of the text entry area & which one indicates the end. This partially because they are very small & partially because it is difficult to discern the orientation of the triangles as they are moved around the perimeter of the shape because all three sides are of too similar length. So maybe just making them slightly larger & making the side that touches the perimeter shorter relative to the other sides would be all that is needed?


Affinity Photo 1.7.3, Affinity Designer 1.7.3, Affinity Publisher 1.7.3; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.3.155 & Affinity Designer 1.7.3.1 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.1.2

Share this post


Link to post
Share on other sites

Maybe a bit late on this one, but I wanted to respond to the original poster's query, because I think he's describing something I've also experienced. 

I've played with this a lot because it infuriates me. I was drawing ellipses and getting the text on the inside when converting them to text paths, only to find that I couldn't move all the text to the outside, no matter how I messed with the little handles. I would always be left with one letter inside, as if the text was anchored there and didn't want to move. 

Then I started looking at how other people were doing this, and realised something fundamental: all those people with the text on the outside to begin with had drawn their ellipses by dragging diagonally from a point. I was making my ellipses by dragging out from the centre (by holding cmd+shift whilst doing so; that's ctrl+shift on a PC). 

I've never seen a tutorial which explains this difference (which is probably just because I haven't found the right one yet).

To summarise:

  • If you create your base ellipse for your text path by dragging diagonally downwards, you will never get all the text on the inside.
  • If you create your ellipse by dragging out from the centre, you will never get all of your text on the outside. 

Share this post


Link to post
Share on other sites

iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - FeedbackInstagram & Flickr

Share this post


Link to post
Share on other sites

HI,

I have the same problem, only I want all the text to be inside a circle, but I always get one letter staying outside. I really don't understand how that's done. I attached the test file here, I'm trying to get the H next to the ELLO, but that seems impossible. Not sure this is not more intuitively, the whole app is so amazingly intuitively, but this section just doesn't make sense to me, and the help file didn't provide that much help in this situation.

Please help.

Thank you kindly

text-on-path-INSIDE.afdesign

Share this post


Link to post
Share on other sites
13 minutes ago, chris.bannu said:

I have the same problem, only I want all the text to be inside a circle, but I always get one letter staying outside. I really don't understand how that's done. I attached the test file here, I'm trying to get the H next to the ELLO, but that seems impossible.

Refer to this post above by @owenr to see how to do this. Or use the History panel to step backwards & forwards through the attached text-on-path-INSIDE Fixed.afdesign to see how simple it can be to fix your file.

 

(Basically, move all the text to the outside using the red & green positioning handles & then click the Reverse Text Path button to put it inside.)


Affinity Photo 1.7.3, Affinity Designer 1.7.3, Affinity Publisher 1.7.3; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.3.155 & Affinity Designer 1.7.3.1 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.1.2

Share this post


Link to post
Share on other sites
1 hour ago, chris.bannu said:

HI,

I have the same problem, only I want all the text to be inside a circle, but I always get one letter staying outside. I really don't understand how that's done. I attached the test file here, I'm trying to get the H next to the ELLO, but that seems impossible. Not sure this is not more intuitively, the whole app is so amazingly intuitively, but this section just doesn't make sense to me, and the help file didn't provide that much help in this situation.

Please help.

Thank you kindly

text-on-path-INSIDE.afdesign

 

Click on the object

Reverse the path

reverse.jpg.7705d41e958dc88c3d4d776564bb5a23.jpg

 

Drag the handles

 

drag.jpg.fc48933e8acd3585474046bf68a58a85.jpg

 

The orange one forces the new line, so move that too.


Windows PCs. Photo and Designer, latest non-beta versions.

Share this post


Link to post
Share on other sites

Thank you toltec :) Couldn't have figured that out in a milion years. It's bad ux, no offence to such a beautiful app, but it still has some usability issues.

Thanks again, very much appreciated :) 

Share this post


Link to post
Share on other sites

Regarding the UX, I think it might help if the button was named "Flip Text Path" rather than "Reverse Text Path," & its icon redone to better indicate that is what it does. Personally, I would also like to see the red & green positioning handles reshaped & enlarged a bit to better indicate which text segment they were paired with when there is more than one segment, but maybe it is just me who has problems with that?


Affinity Photo 1.7.3, Affinity Designer 1.7.3, Affinity Publisher 1.7.3; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.3.155 & Affinity Designer 1.7.3.1 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.1.2

Share this post


Link to post
Share on other sites
11 minutes ago, R C-R said:

I think it might help if the button was named "Flip Text Path" rather than "Reverse Text Path,"

 

I’m not so sure about that. "Reverse Text Path" indicates that the start and end of the path will simply be swapped, but "Flip Text Path" suggests that the path will be mirrored.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.3.155 • Designer for iPad 1.7.3.1 • iOS 12.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites
11 minutes ago, Alfred said:

 

I’m not so sure about that. "Reverse Text Path" indicates that the start and end of the path will simply be swapped, but "Flip Text Path" suggests that the path will be mirrored.

Neither, to me, obviously indicates that the text would appear on the opposite side of the path (inside vs outside, or above vs below, or whatever). But I haven't come up with a good self-explanatory label.


-- Walt

Windows 10 Home, version 1903 (18362.356), 16GB memory, Intel Core i7-6700K @ 4.00Gz, GeForce GTX 970
Affinity Photo 1.7.3.481 and 1.8.0.486 Beta   / Affinity Designer 1.7.3.481 and 1.8.0.486 Beta  / Affinity Publisher 1.7.3.481 and 1.8.0.499 Beta

Share this post


Link to post
Share on other sites
26 minutes ago, Alfred said:

I’m not so sure about that.

Well, neither am I, which is why I said "might." Admittedly, there does not seem to be an obvious self-explanatory name or icon, but the current ones are not very helpful or intuitive.


Affinity Photo 1.7.3, Affinity Designer 1.7.3, Affinity Publisher 1.7.3; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.3.155 & Affinity Designer 1.7.3.1 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.1.2

Share this post


Link to post
Share on other sites

Here's a useful tutorial that helped me to get text on a circular path. Many of the other videos I've watched are either incomplete (leaving a sloppy jumble of colliding text is not what I want to see...) or they don't address the "right side up" text in the bottom — and with good spacing. I think the trick is to make use of the baseline shift — and to copy the top curve to the bottom for consistency. This at least gets it looking a little more elegant and "professional."

https://www.youtube.com/watch?v=6zVui7H93gM


www.rolandk.ca — my "relentless adventures in self-expression" — give or take a few pending adventures...

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.