Jump to content

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

Share this post


Link to post
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 1.7.3, Affinity Designer 1.7.3, Affinity Publisher 1.7.3

macOS 10.15

MacBook Pro

Share this post


Link to post
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).

Share this post


Link to post
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.7 and Designer 1.7, (mainly Photo), now ex-Adobe CC

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

Share this post


Link to post
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!

Share this post


Link to post
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.7 and Designer 1.7, (mainly Photo), now ex-Adobe CC

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

Share this post


Link to post
Share on other sites

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

 


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Please note the Annual Company Closure section in the Terms of Use. 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.