mrdzyn Posted September 25, 2017 Share Posted September 25, 2017 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 dominik, aenimanu, Blawatek and 3 others 6 Quote Link to comment Share on other sites More sharing options...
thefemidigital Posted September 26, 2017 Share Posted September 26, 2017 Hello, how is it used? Quote Link to comment Share on other sites More sharing options...
mrdzyn Posted October 2, 2017 Author Share Posted October 2, 2017 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. ) MartinB78 1 Quote Link to comment Share on other sites More sharing options...
BlindMango Posted October 11, 2017 Share Posted October 11, 2017 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/ marcoqf 1 Quote Link to comment Share on other sites More sharing options...
MenoCreative Posted February 6, 2018 Share Posted February 6, 2018 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. 2.. I then selected both to have divided for individual sections. 3. Heres original result. 4. I changed selected divides ( Layers to yellow) 5. Here's showing the black outlined divide thats creating the separations between shapes. with it on and then off. Quote Link to comment Share on other sites More sharing options...
stevenbauwens Posted September 28, 2018 Share Posted September 28, 2018 Awesome, thanks! Quote Link to comment Share on other sites More sharing options...
oussrech Posted June 30, 2020 Share Posted June 30, 2020 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 Quote Link to comment Share on other sites More sharing options...
dedimukhlas Posted May 2, 2022 Share Posted May 2, 2022 Thanks bro Quote Link to comment Share on other sites More sharing options...
Groovdafide Posted March 13 Share Posted March 13 Hi there!! This is a great template. Here's a convenient method. Grab a single circle and do the following: CMD+J (Windows: CNT+J) to duplicate the shape In the TRANSFORM box, make sure the constraint-proportions lock is enabled Click in the WIDTH or HEIGHT box, press the right arrow key to go to the end of the dimension, type *1.618 (asterisk-1.618), then hit enter. So for example. If the dimensions is 50px in the width, then it should be 50px*1.618 Press CMD+J/CNT+J, and a new duplicate layer will appear but now bigger and proportional to the golden ratio. Keep duplicating for an additional new circle resized. To decrease the size, simply divide by 1.618. ??? PROFIT! Quote Link to comment Share on other sites More sharing options...
Alfred Posted March 13 Share Posted March 13 6 minutes ago, Groovdafide said: press the right arrow key to go to the end of the dimension, type *1.618 (asterisk-1.618) Alternatively, press Cmd+A (Mac) or Ctrl+A (Windows) to select the entire width or height value, and replace it with *=1.618 to multiply the current value by 1.618. Or if you want to get really fancy, you can use the expression *=(1+sqrt(5))/2 instead! Quote Alfred Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen) Link to comment Share on other sites More sharing options...
Groovdafide Posted March 13 Share Posted March 13 11 minutes ago, Alfred said: Alternatively, press Cmd+A (Mac) or Ctrl+A (Windows) to select the entire width or height value, and replace it with *=1.618 to multiply the current value by 1.618. Or if you want to get really fancy, you can use the expression *=(1+sqrt(5))/2 instead! Me like it! I only added the ARROW bit for those who are absolute novice who may not understand. But I loooove expressions! Alfred and tzvi20 2 Quote Link to comment Share on other sites More sharing options...
Oufti Posted March 13 Share Posted March 13 1 hour ago, Alfred said: Alternatively, press Cmd+A (Mac) or Ctrl+A (Windows) to select the entire width or height value, and replace it with *=1.618 to multiply the current value by 1.618. Or if you want to get really fancy, you can use the expression *=(1+sqrt(5))/2 instead! Still easier: Use the constant phi or gr or φ in your expression. For example *=phi. [Edit] All are equivalent. The letters gr are for Golden Ratio. Alfred 1 Quote Affinity Suite 2.4 – Monterey 12.7.4 – MacBookPro 14" 2021 M1 Pro 16Go/1To I apologise for any approximations in my English. It is not my mother tongue. Link to comment Share on other sites More sharing options...
Alfred Posted March 13 Share Posted March 13 7 minutes ago, Oufti said: Still easier: Use the constant phi or gr or φ in your expression. For example *=phi. Oh no, that’s cheating! Oufti 1 Quote Alfred Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen) Link to comment Share on other sites More sharing options...
Godzilla Posted March 21 Share Posted March 21 Here's a good page about the golden ratio and typographic/page design: https://alistapart.com/article/more-meaningful-typography/ Alfred 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
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.