Jump to content
mrdzyn

Golden Ratio Template

Recommended Posts

I'm sharing this template for golden ratio, original tutorial I followed was for Inkscape which I was previously using before falling in love with Affinity Designer. Original work is from Nick Saporito on youtube. Basically you use the set of "Golden Circles" to create an illustration by intersecting the different sizes of circles. Hope you guys enjoy using it for your own designs!

golden-ratio.afdesign

Share this post


Link to post
Share on other sites

hi, i just saw your reply, you use the 6 circles, the original file was in inkscape (tutorial here by Nick) but you can skip the first parts already since the GOLDEN circles were already made in the template.

you copy the different sizes of circles and make them intersect to cut/visualize the design.

 

)

Share this post


Link to post
Share on other sites

1) draw a  circle 100x100px.

2) duplicate circle 1 and increase the size of it to  162x162 px

3) duplicate the new circle 2

4) select circle1 + circle 2 (leaving one copy of circle 2 ) and downsize them until circle 2 has 100x100px

Repeat this until you have enough circles.

 

here is a useful website for the golden ratio stuff. They also created PhiMatrix plugin ( not sure if they developed it for AP/AD) but used it a lot with photoshop. 

https://www.goldennumber.net/category/design/

Share this post


Link to post
Share on other sites

THe only issue i found while trying to do this in AD is when dividing the sections to make them all individual, the divide separates each section on the fill leaving a gap once you delete all the pieces not needed. then when trying to combine them, there's a gap between every piece. Ill include attachments on the process.

 

 

Here: I added a yellow fill layer behind the lines.

 

5a79675bcffa2_ScreenShot2018-02-06at2_22_50AM.thumb.png.a87c0a8fa7a058b187b3bdac814c5cd7.png

 

 

2.. I then selected both to have divided for individual sections.

 

5a7967781d163_ScreenShot2018-02-06at2_23_02AM.thumb.png.9244a3ae81c6231ffae20470534959cc.png

 

 

 

 

3. Heres original result.

 

 

5a79679374a33_ScreenShot2018-02-06at2_24_13AM.thumb.png.5e44804f7ab873583edf8d67024ac240.png

 

 

 

4. I changed selected divides ( Layers to yellow)

 

5a7967c3d8542_ScreenShot2018-02-06at2_26_22AM.png.982ad278d34073f46937519594c6b73f.png

 

 

 

 

5. Here's showing the black outlined divide thats creating the separations between shapes. with it on and then off.

 

5a7967caa319e_ScreenShot2018-02-06at2_28_13AM.thumb.png.6131adbc24a674470b0c8f3e34788df1.png

 

 

 

5a7967c6b12b1_ScreenShot2018-02-06at2_28_02AM.thumb.png.3fb2e073e619e682c0690c8ab3438e80.png

 

 

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

×