Jump to content
Our response time is longer than usual currently. We're working to answer users as quickly as possible and thank you for your continued patience.

Recommended Posts

Hi Affinity Community,

This question has probably been asked before but is it possible to align text in a shape once it's been converted to text frame? I have segmented a donut and would like the text to align as if there were invisible lines pointing away from the centre of the doughnut - essentially a fan of words going around the wheel. The arrow in the attached photo is an attempt to try an illustrate the direction of said invisible lines.

Thank you!

Screenshot 2021-01-25 at 17.23.18.png

Link to comment
Share on other sites

How did you create that segment of the donut, before you turned it into a text frame?. It appears that you have ended up with a shape whose bounding box is a horizontal rectangle. And once you convert it to a text frame the text will be aligned with that horizontal shape.

If you want the text aligned differently, the bounding box will need to be aligned differently before you convert the shape to a text frame.

For example, you could make one of those shapes that is horizontal, centered on 12 o'clock. Then move it so it is roughly where you want it, and rotate it into position. Now you have a shape with a rotated bounding box, and when you convert it to a text frame the text will have that rotation.

-- Walt

Desktop:  Windows 11 Home, version 21H2 (22000.613) 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 
Laptop:  Windows 10 Home, version 21H2 (19044.1706) 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
        Affinity Photo 1.10.6 (.1665) and 2.0..3  and 2.0.3.1670 beta/ Affinity Designer 1.10.6 (.1665)  and 2.0.3 and 2.0.3.1670 beta / Affinity Publisher 1.10.6 (.1665)  and 2.0.3 and 2.0.3.1670 beta
iPad Pro M1, 12.9", iPadOS 16.3, Apple Pencil 2, Magic Keyboard

      Affinity Photo 1.10.6 and 2.0.3 / Affinity Designer 1.10.6 and 2.0.3 / Affinity Publisher 2.0.3

Link to comment
Share on other sites

Great approach, Garry!

-- Walt

Desktop:  Windows 11 Home, version 21H2 (22000.613) 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 
Laptop:  Windows 10 Home, version 21H2 (19044.1706) 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
        Affinity Photo 1.10.6 (.1665) and 2.0..3  and 2.0.3.1670 beta/ Affinity Designer 1.10.6 (.1665)  and 2.0.3 and 2.0.3.1670 beta / Affinity Publisher 1.10.6 (.1665)  and 2.0.3 and 2.0.3.1670 beta
iPad Pro M1, 12.9", iPadOS 16.3, Apple Pencil 2, Magic Keyboard

      Affinity Photo 1.10.6 and 2.0.3 / Affinity Designer 1.10.6 and 2.0.3 / Affinity Publisher 2.0.3

Link to comment
Share on other sites

Thanks Walt, however I’m not entirely happy with the technique.
I tried to have two curves – in a single (Curves) layer – so that the text would flow from one curve to the other – instead of having two layers – but I haven’t figured out if that’s possible yet.
Also, manually justifying the text is a pain; it would be better to have an easier way to do it but, again, I’m not sure if that’s possible either. I think I’ve come up with something that’s a little better but haven’t tried it properly yet.

Link to comment
Share on other sites

Thanks for all the insights guys, very much appreciate it.

@walt.farrell I made segments firstly by creating a donut shape. I need 14 segments, so found the outside angle for that (roughly 25.71), reduced the outside angle as such, duplicated it 13 times, converted all to curves, and used 'Smooth' with the node tool - essentially what @Dan C does in his first message in this thread

Thank you @GarryP for that approach, nice to know an alternative route. That's almost what I'm after - if the text could be perpendicular to the way it is in your demonstration then we have a winner. Ideally, i'm trying to replicate what is done in the attached photo from Wine Folly. 

Thank you for the support tho people, appreciate it a lot

 

Screenshot 2021-01-25 at 16.43.59.png

Link to comment
Share on other sites

27 minutes ago, CdV said:

 

Thank you @GarryP for that approach, nice to know an alternative route. That's almost what I'm after - if the text could be perpendicular to the way it is in your demonstration then we have a winner. Ideally, i'm trying to replicate what is done in the attached photo from Wine Folly. 

Thank you for the support tho people, appreciate it a lot

 

 

What you have here is text on a path for the outermost set of words and then inside you have text in text frames, three sets of them, rotated around a common centre. Some of the text frames would need to be Right Aligned and some Left Aligned depending on whether the text is rightsize up or upside down. Look at Spice and Vegetable and within the Spice section Asian 5 Spice and Anise

Mac Pro (Late 2013) Mac OS 11.7.3 
Affinity Designer 2.0.4 | Affinity Photo 2.0.4 | Affinity Publisher 2.0.4 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

8 minutes ago, Old Bruce said:

What you have here is text on a path for the outermost set of words and then inside you have text in text frames, three sets of them, rotated around a common centre. Some of the text frames would need to be Right Aligned and some Left Aligned depending on whether the text is rightsize up or upside down. Look at Spice and Vegetable and within the Spice section Asian 5 Spice and Anise

Hi @Old Bruce, thanks for the words of advice. This sounds particularly tricky and onerous to do... would i have to do text on a path for every single text entry?

Link to comment
Share on other sites

You could create a 2 column text frame, a single line high, right and left aligned per column. Dupe it and rotate it the correct angle (assuming you did the math right). Then Power Duplicate (Command J on the Mac) to get the right number. You might have the flip flop a few, or even cut some in half and re-align, but could save a few tedious steps at the beginning.

Link to comment
Share on other sites

If you know how many lines of text you want around the circle, you could just create the text, change the point of rotation to the centre of the circle, then rotate it however much (maybe this will be mathematical) and Ctrl+J to power duplicate, meaning you'd end up with them evenly spaced around the entire thing.

Link to comment
Share on other sites

13 minutes ago, Ami_M said:

rotate it however much (maybe this will be mathematical)

You can let the app do the mathematics for you! For the 14 segments shown in the OP you could specify the number of degrees as 360/14 to keep everything as precise as possible.

Alfred spacer.png
Affinity Designer/Photo/Publisher for Windows 1.10 • Windows 10 Home/Pro
Affinity Photo for iPad 1.10 • Designer for iPad 1.10 • iPadOS 15.6.1 (iPad Air 2)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. 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.