Simple Circular Flag with 3 Horizontal Stripes.

[Oh_Brother]

Hi, I've tried creating a circular flag with black outer border using Affinity Designer for the iPad.  Like the Netherlands flag.  Three horizontal coloured stripes...red, white and blue, but in a circle.  Watched tutorials on the Web, unfortunately nothing seems to give me the result that I'm looking for.  Definitely missing something, but for the life of me I can't figure it out.  Would greatly appreciate any assistance?  Thanks.

 

Edited July 15, 2021 by Oh_Brother

[NotMyFault]

Something like this ?

https://hatscripts.github.io/circle-flags/

 

flag.afdesign

[Alfred]

Welcome to the Serif Affinity Forums, @Oh_Brother.

1. Create a group of coloured stripes.

2. Place a circle (black border, no fill) on top.

3. In the Layers Studio, drag the group upwards.

4. Drop the dragged group in the clipping position for the Ellipse layer. The clipping position is indicated by a blue line across the middle of the target layer:

Having started with this

you should end up with this:

Nederland.afdesign

[G13RL]

hi @Oh_Brother,

In addition to what has already been said, you can also create a gradient with the three colors, the two inner stops being each composed of two stops with adjacent colors, placed at exactly the same position.
Once the gradient is created, you can directly draw an ellipse to which the gradient will be applied.
You can save the gradient in the palettes for later use.

[Oh_Brother]

Thank you everyone!  With your help I have also tried the following:

1. Created a rectangle and duplicating it twice.
2. Snapped them together to create a larger rectangle.
3. Filled each small rectangle with a different colour.
4. Select All
5. Add+ (pressed for a bit longer than a quick tap).  This made a Compound group.
6. Created a circle and dragged it over the stripes.  Snapped it to the top and bottom stripe borders.
7. Select All
8. Tapped "Intersect".

Voila....circular flag.  ; )

Edited July 15, 2021 by Oh_Brother

[G13RL]

@Oh_Brother, 

I don't quite understand your method: if you create a compound (I didn't understand your way of doing it either), it will take the color of the rectangle at the base of the layer stack.
Another way to create what you are trying to do, but it requires more steps:
Create the three different colored rectangles, position them as desired.
Draw the circle on top of the set, without a border, its upper boundary corresponding to the upper boundary of the upper rectangle, and its lower boundary corresponding to the lower boundary of the lower rectangle, (as you do in your method). Copy it for later use.
Select the circle and one of the rectangles, "Intersect".
Paste the circle and repeat "Intersect" with the second rectangle.
Paste the circle and repeat for the third rectangle.
If you want a border, paste the circle one last time, without filling and with an inner border of the desired color and thickness.
Finish by grouping the set.

[Oh_Brother]

This is what I did:

 

[G13RL]

Thanks for the explanation, it confirms what I was saying, I don't understand how you go from the black rectangle (after "Add") to three different colored rectangles after doing "Intersect".
Maybe the operation on iPad is different from the desktop version.

[Alfred]

34 minutes ago, G13RL said:

Thanks for the explanation, it confirms what I was saying, I don't understand how you go from the black rectangle (after "Add") to three different colored rectangles after doing "Intersect".

I don’t understand, either.

34 minutes ago, G13RL said:

Maybe the operation on iPad is different from the desktop version.

In many ways, yes, but not in respect of the Geometry operations.

[G13RL]

1 hour ago, Alfred said:

I don’t understand, either.

In many ways, yes, but not in respect of the Geometry operations.

@Alfred, thanks for the clarification, I found this possible difference strange.