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.

How to align shape on a path


Recommended Posts

I think you are going to have to supply more information.
What, exactly, do you mean by ‘align’?
Should the circles be ‘aligned’ individually or in the configuration shown in your image?
Should the circles by rotated to coincide with the angle of the line at the point(s) of ‘alignment’, or not?
Should the centre(s) be on the line or below, or above?
Can you can give us a visual idea of what you want?

Link to comment
Share on other sites

I would copy one of the blue dots and then use the text on a path to paste it repeatedly. Depending on how you want them spaced you can then use Character Tracking or Paragraph Full Justification.

Tracking vs Justified.afdesign

 

Mac Pro (Late 2013) Mac OS 11.7.1 
Affinity Designer 2.0.0 | Affinity Photo 2.0.0 | Affinity Publisher 2.0.0 | 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

@GarryP I just wanted the circles to follow a certain path. As @Old Bruce mentioned I copied circles, and pasted them on a path, and adjusted the tracking. It really helped me out, thank you. Here are the results. I also attached the file.

I would suggest affinity to add a feature like that instead of using the text tool to align shapes. Just a thought :)

solved.jpg

text-path-align.afdesign

Link to comment
Share on other sites

iMac 27" Late 2019 Fully Loaded and running Monterey 12.6.1, iMac 27" Late 2013 running Catalina 10.15.7 - Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

If you don’t mind your circles being rasterised then you could try creating a Textured Image Brush (in Designer) which can be applied to an existing curve, or an Image Brush (in Designer or Photo), see attached video (textured brush on top). (Plenty of videos in the forum and on the web showing you how to do either.)

However, if I wanted to use plain circles then I would probably go for firstdefence’s dashed stroke method as it should be quicker to create and manipulate and is all vector-based.

Anyway, at least you have a few options now.

Link to comment
Share on other sites

You can actually get a similar effect to Garry’s balls 🤔 still using the dashed line, you achieve this by using fx and in particular the 3D fx, unfortunately using fx will get the dashed line rasterised on export but still it’s a cool look.

969898952_ScreenShot2020-05-14at08_28_10.png.e93007764e8a27897b3c03c972af9a1b.png

iMac 27" Late 2019 Fully Loaded and running Monterey 12.6.1, iMac 27" Late 2013 running Catalina 10.15.7 - Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

firstdefence: That’s a great way to do it. I need to play around with that a bit more to see what else I can make that way, see attached image. Looks like it could have lots of potential for various things.

Boroji: As I said above, there are plenty of videos showing you how to do it. Just search for “Affinity Image Brush” or “Affinity Textured Image Brush”.

Annotation 2020-05-14 091202.png

Link to comment
Share on other sites

Thanks PixelPest, I'll check it out.

My question, though, mainly relates to the process of creating and using brushes in Design. The video I linked to above is for Photo and the controls for brushes seem more flexible than those for Design.

It's not something I really need and can manage with DrawPlus if needs be but it was the original question and answers which had me trying things in Design.

Link to comment
Share on other sites

You can draw along a curve with a brush like that by using a Textured Image Brush in Designer (see the top version in my earlier video).
You need to create the brush with a gap at the side(s) to get it to work, and set it to Repeat, and there may be a bit of distortion depending on the curve, but it’s not too difficult.

Link to comment
Share on other sites

Thanks Garry/PixelPest.

I can (sort of) create a brush but seem unable to assign it to a pre-drawn stroke in the same way I can in DrawPlus. Apart from getting a greyscale image, when I increase the Tail Offset to space the images, I get a continuous line in the background.

I've just had something happen which wouldn't happen before so I'll have to play about when I have a bit more time.

It's no great problem but it doesn't seem as easy doing it as it does in DrawPlus.

Link to comment
Share on other sites

2 hours ago, Eddy-2 said:

Thanks to all for the new (to me) info.

Regarding Boroji's question about designing new brushes, the following video seems well explained...

https://www.youtube.com/watch?v=bhtrAOsYFGY

This all can be done in AD - except it don´t have "Intensity Brush" but "Textured Intensity Brush" category in Draw Persona.

Link to comment
Share on other sites

Thanks PP.

Unless I'm doing something wrong, I can't get the same DrawPlus effect with either Textured Intensity or Textured Image when applied to a line.

I don't get the colour and I get an unwanted background line when I try to increase the spacing. See attachment for what I do get. Intensity top, Image below.

Update: I might have sorted out the colour issue in the Swatches tab but not the background line.

Please don't waste any more time, I'll try a few more things.

brushes.png

Link to comment
Share on other sites

Here’s an example using a Textured Image Brush.
To get the brush, export the “Clock with margins” Slice (created from the “Clock with margins” layer), then create a Textured Image Brush, then edit the brush and set the brush to Repeat, then apply it to your curve.
(If you zoom in you can see distortion but it’s probably okay for some purposes.)

Annotation 2020-05-14 133215.png

clock-brush.afdesign

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.