Jump to content

Recommended Posts

Posted (edited)

I’ve only been able to find information about flowing text on a path, for example, an arc or circle. I want to take a list and project each word in the list outsold like a pinwheel or spokes of a cog.
 

Instead of each character touching the path, only the first letter of the word would be on the path.

 

RED

BLUE

ORANGE

GREEN

YELLOW

PURPLE 

 

I want to curve this list into a circle like spokes of a wheel.

Edited by RocketGS
  • Staff
Posted

Hi RocketGS,

Welcome to the forums :)

Unfortunately I don't think its possible to do what you are looking for automatically your best bet would likely be using multiple flowed text frames to create the effect you are looking for. If you are able to provide an image that shows an example of what you are trying to do I should be able to give more specific advice.

Thanks
C

Please tag me using @ in your reply so I can be sure to respond ASAP.

Posted
3 hours ago, Callum said:

Hi RocketGS,

Welcome to the forums :)

Unfortunately I don't think its possible to do what you are looking for automatically your best bet would likely be using multiple flowed text frames to create the effect you are looking for. If you are able to provide an image that shows an example of what you are trying to do I should be able to give more specific advice.

Thanks
C

So this is what I'm trying to do.

Screenshot 2023-09-14 at 2.32.02 PM.png

Posted

Make a circle.

Make the spokes as separate curves. 

Turn each curve into Path Text.

Note that if you're using Designer or Photo, you'll need to duplicate the spokes if you want them to have a visible stroke, and just convert one of them to Path Text.

-- Walt
Designer, Photo, and Publisher V1 and V2 at latest retail and beta releases
PC:
    Desktop:  Windows 11 Pro 23H2, 64GB memory, AMD Ryzen 9 5900 12-Core @ 3.00 GHz, NVIDIA GeForce RTX 3090 

    Laptop:  Windows 11 Pro 23H2, 32GB memory, Intel Core i7-10750H @ 2.60GHz, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU.
    Laptop 2: Windows 11 Pro 24H2,  16GB memory, Snapdragon(R) X Elite - X1E80100 - Qualcomm(R) Oryon(TM) 12 Core CPU 4.01 GHz, Qualcomm(R) Adreno(TM) X1-85 GPU
iPad:  iPad Pro M1, 12.9": iPadOS 18.5, Apple Pencil 2, Magic Keyboard 
Mac:  2023 M2 MacBook Air 15", 16GB memory, macOS Sequoia 15.5

Posted

With some third-party scripting as a workaround, the whole can be more automated then. - Here's a quick made Python script example, which will read lines of text from an accordingly setup txt-file and then does arrange those around a circle (or some other shape object). The whole by the script generated is shown as a drawing here and can of course also be saved as a reusable SVG file then.

The small Python "text around a circle" script ...

import matplotlib.pyplot as plt
import numpy as np

fig, ax = plt.subplots(figsize=(30, 20))
ax.axis('equal')

ax.set(xlim=(-10, 10), ylim=(-10, 10))

circle = plt.Circle((0, 0), 2.7, fc='#cfe2f3')
ax.add_patch(circle)

def kex(N):
    alpha=2*np.pi/N
    alphas = alpha*np.arange(N)
    coordX = np.cos(alphas)
    coordY = np.sin(alphas)

    return np.c_[coordX, coordY, alphas]

with open('mylist.txt', 'r') as file:
    data = file.read().splitlines()

radius = 3.2
points = kex(len(data))

for i in range(0, len(data)):
    a = points[i,2] 
    x,y = (radius*np.cos(a), radius*np.sin(a))
    if points[i,0] < 0:
      a = a - np.pi
    ax.text(x, y, data[i], rotation = np.rad2deg(a), ha="center", va="center", fontsize=15)

ax.axis("off")
plt.savefig("myimg.svg")
plt.show()

 

The example contents of the used "mylist.txt" file ...

johndoe
barrywhite
arthurdoyle
mickeymouse
donaldduck
billmurray
rachelwelsh
evamendez
salmahayek
rogermoore

The generated SVG file. - Note: it's 2160 x 1440 px thus needs some scrolling to the left in order to be seen centered in a webbrowser ...

myimg_ade.jpg.4c5af109dfcf974a05eae628cb9b6983.jpg

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Posted
1 hour ago, v_kyr said:

The generated SVG file.

FWIW, that does not look like what the OP showed in the third post. In that post all the text items start the same distance from the circle & each one rotates so some appear upside down.

But I don't know if that is close enough to what the OP wants or not, or how much different the script would need to be to look like in that third post.

All 3 1.10.8, & all 3 V2.6 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
A
ll 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Posted

Myself I would use Publisher and make an appropriatly sized Frame Text text frame. Move the centre of rotation to the left or right of it and use the Power Duplicate to rotate copies. then I would link the text frames and paste the Paragraphs into it.

The only reason to use Publisher is to get the linked text frames.

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

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

Posted
1 hour ago, R C-R said:

FWIW, that does not look like what the OP showed in the third post. In that post all the text items start the same distance from the circle & each one rotates so some appear upside down.

You/he can adjust that in code the way wanted and add some x/y offset for the text from the circle area. The above shown is just a quick made 15 min concept hack where I've used just centered text for, so there longer text lines did went more near and into the circles. But one can adjust all that and much more if needed. - Further I don't waste any more of my unpayed spare time here for something people might either way do not use at all then. - And if I would do instead a full blown/grade flexible implementation of something like that, it would take much more time, look usability wise completely different and I probably also wouldn't offer that then as a free solution at all!

myimg2.png.1e0a6700290581bfa30295569d084a04.png

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

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...
×
×
  • Create New...

Important Information

Terms of Use | 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.