How to make certain background

[ZENANL]

Hi All, 

It has been a while since i've been here, So i dont know if this is the correct place to post this question. 

But i was wondering if someone could with how to make a background with circular striped pattern. Which afterwards i can individually colour them. See picture for example. 

Thanks in advance and i hope someone could help me! I still have V1 of the affinity suite.

 

[GarryP]

In addition to the methods above:

If you just want solid colours, or a gradient from inside to outside, then the Cog Tool will do that (perhaps with Radial Gradients) – see attached image.

If you need to have the gradient going from one side of each sector to the other, as per your second image, then a triangle and the Power Duplicate functionality may be better suited; it’s possible with gradients in a Cog but a bit of a pain.

There will probably be lots of other methods.

[Lisbon]

A.Photo V1

1) Make several vertical stripes.
You can use a procedural texture (Download at the end)
2) Merge Visible and Filters > Distort > Rectangular to polar
3) Gradient map (Optional)

VerticalStripes.afphoto

[ZENANL]

Thanks All! Its nice to have a community like this with quick responses. Thanks to your help i managed to do this.

Many Thanks!

[Twolane]

Thank you. However, I have searched high and low for a setting to turn your verticalstripes.afphoto horizontal. All I get is a page with hundreds of voodoo equations (no disrespect intended), and nothing to show me how to turn it horizontal. I'm certain it's something really simple, but I can't make hide nor hair of the equation page.

[Lisbon]

Hi @Twolane

The procedural texture that I shared only produces vertical lines. There is no horizontal setting. Just change the "Square count".
After opening the file verticalstripes.afphoto double click the Procedural texture on the Layers tab.
You should see this:

After that proceed to step 2 like described above.

I use A.Photo v1. I don't know if this works on V2.

[Twolane]

In v2, changing square count increases or decreases the number of vertical lines.

Not a problem. I was looking for a simple way to build a template for horizontal lines that could be easily changed. I'll try something else.

Edited to add that I found the formula for horizontal stripes: osci(c/w,ry*c/w)

[Lisbon]

26 minutes ago, Twolane said:

In v2, changing square count increases or decreases the number of vertical lines.

For a moment I feared that it was not possible to open my v1 procedural texture in A.Photo v2.

26 minutes ago, Twolane said:

I was looking for a simple way to build a template for horizontal lines that could be easily changed.

I see.

Its almost the same code @Twolane(Download at the end).

If you drag the mouse on the canvas you can move the lines.

Edit: After sending my message I notice that you have edited your message. Sorry for the redundancy.

HorizontalLines.afphoto

[Twolane]

Actually, I was quite surprised when I found the horizontal formula, so thanks in any case.

[Lisbon]

Your welcome.

[loukash]

9 hours ago, ZENANL said:

i managed to do this.

You can do amazing things with just two vector shapes, gradient fills with noise (noise works best at low dpi resolution), a dashed stroke, and a few layer effects: