Jump to content
You must now use your email address to sign in [click for more info] ×

Recommended Posts

So I want to make a random triangular pattern in photo but so far I haven't found an efficient way of going it. My target is something similar to the below image but the colours are randomly selected within a range. If possible I would also like the overall colour gradient to get darker down the page. (I know this is more of a designer job but I don't have this software at current and I can't find a way to do it in there either)

So far I have found that I can create a triangular grid using induvidual triangle shapes made with the pen tool that I've replicated using a horizontal triangular grid (see below) as a guide. I could colour them manually but this would be far too slow.
Thanks for any help!

image.png.86f8224616858e4c692fbd2d10b943a2.pngimage.thumb.png.dd664e4eed416380d8551cefc7d7b41e.pngimage.thumb.png.1807def1865f1231e17b45d8aa473aac.png

Link to comment
Share on other sites

Hi @IThinkItsMatt and welcome!

Rather than using the pen, you could make the job slightly easier by drawing an equilateral triangle shape and duplicating it across one row, then duplicating the row, then duplicating two rows etc down to the bottom, then duplicating the whole chunk, and rotating the duplicate 180º, and aligning the duplicate with the original. (You could also "power duplicate" -  search the forum or post back for more help.)

But to create a "random" fill on all the triangles would need some sort of script, and Affinity apps aren't scriptable. And I put "random" in inverted commas because your original pattern isn't actually random: you never have triangles of the same colour adjacent to each other, so the pleasing colour distribution is probably human-designed. That would need some complex programming...

The "darker at the bottom" bit is relatively straightforward - search these forums for "gradient tool" or post back if you need more help.

Cheers, H

Edited by h_d
Modified reference to power duplication

Affinity Photo 2.0.3,  Affinity Designer 2.0.3, Affinity Publisher 2.0.3, Mac OSX 13, 2018 MacBook Pro 15" Intel.

Link to comment
Share on other sites

To add to what h_d said above, there are a few ways to do something close to what you want:
1. Trianglify will get you a random area of triangles but they’re not all the same shape/size: https://trianglify.io/
2. You could generate something via code: https://mathematica.stackexchange.com/questions/121353/generate-a-certain-colorful-triangle
3. The Voronoi filter in Photo will give you coloured shapes but they’re not all triangular;
4. You could use a pre-generated image (image search for “coloured triangle grid”) and use a LUT (maybe with a different Blend Mode) – or another adjustment, such as HSL – to change the colours.
It really depends on what your specific needs are but if you want something to exact requirements then the process mentioned by h_d is probably a good way forward (and you can fill the triangles with Global Colours to make them easily changeable).

Link to comment
Share on other sites

You could do this by using by using a spreadsheet to create svg directives for each triangle. Create pairs of triangles (one on its base and one on a vertex). Use the spreadsheet to insert the location (x and y positions) and to insert a random colour (fill attribute).

Alternatively, you could export the replicated triangles as an svg file and use an editor to insert random fill colours as needed.

John

Windows 10, Affinity Photo 1.10.5 Designer 1.10.5 and Publisher 1.10.5 (mainly Photo), now ex-Adobe CC

CPU: AMD A6-3670. RAM: 16 GB DDR3 @ 666MHz, Graphics: 2047MB NVIDIA GeForce GT 630

Link to comment
Share on other sites

Thanks to everyone for your help and sorry for the late reply! @v_kyr Thanks for all the link! I've found some good patterns from there that I'll bookmark and one that will probably work for this with some tweaking. @GarryP The mathematica solution sounds like it can be very effective if I can get that working. @h_d It's a shame we can't add scripts. Sounds like someon should make a feature request. @John Rostron I don't get what you mean? What software are you referring to?

On 11/29/2019 at 1:47 PM, John Rostron said:

You could do this by using by using a spreadsheet to create svg directives for each triangle. Create pairs of triangles (one on its base and one on a vertex). Use the spreadsheet to insert the location (x and y positions) and to insert a random colour (fill attribute).

Thanks again!

Link to comment
Share on other sites

1 hour ago, IThinkItsMatt said:

@John Rostron I don't get what you mean? What software are you referring to?

This assumes you have some familiarity with basic svg which is a graphics description language. I will try it out and report back.

John

Windows 10, Affinity Photo 1.10.5 Designer 1.10.5 and Publisher 1.10.5 (mainly Photo), now ex-Adobe CC

CPU: AMD A6-3670. RAM: 16 GB DDR3 @ 666MHz, Graphics: 2047MB NVIDIA GeForce GT 630

Link to comment
Share on other sites

Super cooler site for pattern generation: https://www.patterncooler.com

 

iMac 27" 2019 Somona 14.3.1, iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9  
B| (Please refrain from licking the screen while using this forum)

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

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