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

did you get the same result on the video of logos by nick ? i get some lines and strokes and space between circles , and also did not understand what you did up there ( how did you make the circles all in one curve

Share this post


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


×
×
  • Create New...

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.