Jump to content

Affinity Designer: Fitting a Repeating Graphic Element Within a Specific Area


Recommended Posts

I want to repeat a graphic element to cover the canvas or a specific area on the canvas with precision. I need the graphic element to be the exact size needed, so that it will fit perfectly within a specific area, without falling outside of it.

Please take a look at the image I have attached to get a better idea of what I mean. I repeated a semi-circle along a border on the canvas. The last semi-circle only fits partially inside the border, and the other part falls outside of the border. I want to know if there's a way to calculate so that my graphic will always be the correct size to fit within a specific area as it repeats.

(I'm using the Mac OS version btw.)

Thank you.

Repeating Graphic Should Fit Within Specific Area.png

Link to comment
Share on other sites

Group the first 11 elements and then stretch the group to fit the length. You can decide to have it proportional or not. Alternatively you can group all 12 and shrink the group to fit.

MacBook Pro (13-inch, Mid 2012) Mac OS 10.12.6 || Mac Pro (Late 2013) Mac OS 11.6.8

Affinity Designer 1.10.5 | Affinity Photo 1.10.5 | Affinity Publisher 1.10.5 | 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

1 hour ago, andren said:

I want to know if there's a way to calculate so that my graphic will always be the correct size to fit within a specific area as it repeats.

It's a quite simple rule of three:
The desired total width divided by the even number of wanted elements gives you the width of one single element.

30 cm
––––––––– = 2.5 cm per circle
12 circles

Or, vice versa, if you want a certain width for a single element and calculate the required total width for the parent object:  Ø 2.5 cm * 12 = 30 cm rectangle width.

macOS 10.14.6, MacBookPro Retina 15" + Eizo 27"

Link to comment
Share on other sites

On 7/31/2022 at 4:10 PM, Old Bruce said:

Group the first 11 elements and then stretch the group to fit the length. You can decide to have it proportional or not. Alternatively you can group all 12 and shrink the group to fit.

Thank you for the idea! This could work, but one thing which may be an issue is that it might be difficult to get both the horizontal & vertical semicircles on the border to be the exact same size.

Link to comment
Share on other sites

On 7/31/2022 at 5:45 PM, thomaso said:

It's a quite simple rule of three:
The desired total width divided by the even number of wanted elements gives you the width of one single element.

30 cm
––––––––– = 2.5 cm per circle
12 circles

Or, vice versa, if you want a certain width for a single element and calculate the required total width for the parent object:  Ø 2.5 cm * 12 = 30 cm rectangle width.

Thank you for giving me the formula to calculate this. I not very good at math so I couldn't have figured this out easily lol.

The only thing that might be a little time-consuming for me to figure out in this case is the exact measurements of the border and the circles. I know I can use guides and the rulers to see where each shape begins and ends on the ruler. But it's a little tedious and prone to error to find this manually. Is there a more precise way to measure the border and the circles in Affinity Designer?

Link to comment
Share on other sites

2 hours ago, andren said:

Is there a more precise way to measure the border and the circles

Every Affinity app has the Transform Panel. It reports the exact numerical x/y position and h/v dimensions of a selected object or layer. This can also be used for your previous concern:

2 hours ago, andren said:

it might be difficult to get both the horizontal & vertical semicircles on the border to be the exact same size.

Alternatively – if you don't set object dimensions numerically in the Transform Panel to scale them but prefer dragging object handles – then you should activate "Snapping" in the Toolbar. With the according setting it will not only automatically snap at edges of other objects but also show guide lines and numerical dimensions.

In case you don't know the Transform Panel or the Snapping feature it is recommended to invest a few hours to get familiar with the basics of the Affinity interface. The first thread in this forum offers a sorted link list to various topics and tutorials. And the Help menu in the Affinity apps guide you to the complete Help chapters with short descriptions of every single spot in the interface.

macOS 10.14.6, MacBookPro Retina 15" + Eizo 27"

Link to comment
Share on other sites

11 hours ago, andren said:

Thank you for the idea! This could work, but one thing which may be an issue is that it might be difficult to get both the horizontal & vertical semicircles on the border to be the exact same size.

To avoid this problem, you must plan ahead and decide how many half-circles you want to be put into the containing object. If it is a square, this problem does not exists. If it is a non-square rectangle, you must create it entering the number of semicircles as width and heigth.

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.