Inkscape Tutorial: Golden Ratio Logo Design

Поділитися
Вставка
  • Опубліковано 4 січ 2025

КОМЕНТАРІ •

  • @LogosByNick
    @LogosByNick  5 років тому +24

    If you want to learn more about how Inkscape works, I have a 50+ part video series where I explain all of the tools and features in Inkscape and demonstrate how they work. Here's the link if interested: logosbynick.com/inkscape/

    • @johnvarghese6553
      @johnvarghese6553 4 роки тому

      @@rungrezSTUDIOThe circle might not have closed. the object should be closed to fill color. Hope this helps!

    • @shadower-cs1dv
      @shadower-cs1dv 3 роки тому +1

      0:42 you lied- nothing is in description about it

    • @albertohouston4712
      @albertohouston4712 3 роки тому

      I guess im asking randomly but does any of you know of a way to get back into an Instagram account?
      I stupidly forgot the login password. I would appreciate any tricks you can give me!

    • @simonaaron7793
      @simonaaron7793 3 роки тому

      @Alberto Houston instablaster =)

    • @albertohouston4712
      @albertohouston4712 3 роки тому

      @Simon Aaron thanks for your reply. I got to the site through google and im in the hacking process atm.
      Takes quite some time so I will reply here later when my account password hopefully is recovered.

  • @paulfigueiredo3168
    @paulfigueiredo3168 7 років тому +184

    I recently discovered after quite a while playing with Inkscape, the joy of holding down the alt key and drawing a line through the shapes I want to select instead of shift clicking on each of them. Changed my life.

    • @LogosByNick
      @LogosByNick  7 років тому +30

      Yes that's really convenient. I should probably get in the habit of doing that.

    • @guscantieni4059
      @guscantieni4059 5 років тому +4

      Thanks!!

    • @jindrichcink8378
      @jindrichcink8378 4 роки тому +6

      I tried this too, but for some reason after division, inkscape puts thousands of nodes on each shape. If I use simplify, then it distorts some of them so they dont touch.. Any help please? EDIT: and problem is that because of amount of the nodes it takes a few seconds for my PC to select them

    • @VR_Layno
      @VR_Layno 4 роки тому +1

      @@jindrichcink8378 Had the same Experience 🙌🏼

    • @Sesh_lin
      @Sesh_lin 3 роки тому +1

      Omg thank u dude for sharing that. That's so cool and very helpful

  • @SoumaMondal
    @SoumaMondal 4 роки тому +76

    This is pretty mind blowing. I'm starting to see circles in logos EVERYWHERE

  • @garystanley2517
    @garystanley2517 7 років тому +2

    I have to say, I'm a Linux guy and use Inkscape & the Gimp all the time ... your tutorials have really opened my eyes as to what is possible using both programs and your explanations/teaching method is first class. Love your tutorials ... love this video ... please keep doing what you do ...

  • @dotanmori2629
    @dotanmori2629 6 років тому +8

    You are a great tutor! I am a Front End developer and lately taken interest in UI design, I just watched this for the first time, and couldnt believe how simple and clear you made what appear to be quite a complicated task. You inspire me. I am in awe. Thanks!

  • @AZskylite
    @AZskylite 5 років тому +16

    I love the intro music and glad the tutorial is a noise-free-zone. Cute bird! Thanks, Nick.

  • @slowslowday4511
    @slowslowday4511 7 років тому +8

    The trick of division after drawing a rectangle is amazing. Thanks for your tut.

  • @taherhaddad8250
    @taherhaddad8250 5 років тому +6

    Thank you
    To apply the Golden Ratio quickly
    follow the steps:
    1 Draw & select the Object
    2 Go to Menu bar > Effect > Distort & Transform > Transform
    3 Scale 161.8% horizontal and vertical
    4 Type the number of copies you need

    • @adeolaojo4603
      @adeolaojo4603 2 роки тому

      Thanks for this suggestion ..I tried this and found that the increasing sizes of the circles are not same as Nicks...Why is that?

  • @kudzaichisvo1019
    @kudzaichisvo1019 7 років тому +1

    ALL your tutorials are amazing Nick. My life is financially transforming for better each year since 2013. I owe you and Inkscape Development from 0.48 to 0.92 Team a lot. :-)

  • @elita185
    @elita185 6 років тому +3

    Thank you so much Nick! I studied Chemical Engineering but I've always been interested in graphic design and I do your tutorials as a way of getting closer to something I really love doing and I'm learning a lot in the process. Keep up the great job!!

  • @lepiakadodo3724
    @lepiakadodo3724 3 роки тому

    One of the best videos about golden ratio. Thanks Nick

  • @khaotik.weirdo
    @khaotik.weirdo 4 роки тому

    This is so neat. I started to use Inkscape pretty recently (only as a hobby tho, I'm no professional in Design) and your tutorials have helped significantly. They have also spared me a huge deal of frustration lmao. Infinite thanks.

  • @shater1164
    @shater1164 7 років тому +7

    So finally you've done a GR vid tut using Inkscape, thanks much Nick.

  • @goldelish369
    @goldelish369 3 роки тому +1

    This is amazing! I recently started dabbing in to graphic design and your lessons are golden my friend!

  • @ayushguptame
    @ayushguptame 4 роки тому

    I just started Inkscape. And this was my first logo i created it is looking stunning

  • @ElieUbogizeelie
    @ElieUbogizeelie 7 років тому +45

    thank you very much because i saw tuto for illustrator but not with inkscape ^^

    • @andreasbraess3759
      @andreasbraess3759 7 років тому

      Hello saw the IA tutorial also just this morning :D and thought how could do it with Inkscape. What possible by other can better out. What you must change by a Logo that it fit better in golden ration. I mean from design on paper to golden ratio on on computer. :)

    • @ElieUbogizeelie
      @ElieUbogizeelie 7 років тому

      Andreas Braess ok thank you for the advice ^^

  • @kairu_b
    @kairu_b 11 місяців тому +1

    I'm glad that there's a shapebuilder now 😁

  • @gayathrikonkesa4131
    @gayathrikonkesa4131 3 роки тому

    This was amazing i think i referred to over 10 videos before coming to this and i say that it's incredible you made logo making easier....lots of love to you 🥰

  • @girett012
    @girett012 6 років тому

    i recently found your videos and is amazing all the tutorials that you have about gimp and inkscape!!! It's amazing how much the open source community has grown!

  • @kensleylewis
    @kensleylewis 6 років тому

    The best nick tutorial I've seen so far for inkscape. nice job

  • @eliudlr2646
    @eliudlr2646 3 роки тому +2

    Path-division doen´t work well on my computer. It does not get every single area of interteccion as it is supposed to get. It splits the bottom rectangle in some of the portions, but not all of them, like shown here. 🤔I couldn't finish this tutorial.
    Anyone else with this same issue?

  • @_n3pu
    @_n3pu 7 років тому

    Without taking away the importance of this tutorial. The correct ratio can also be made with the CTRL (view in the status bar). It does not change the beauty and importance of your content. Congratulations!

  • @Nadydiaryy
    @Nadydiaryy 3 роки тому

    Finally, i've found the shape builder alternative 🙌🏻😭

  • @makesscents5547
    @makesscents5547 7 років тому +2

    Wow! two days ago I was trying to look up for an Inkscape tutorial about Golden Ratio and I was even wondering if you do apply the concept in your previous tutorials. THANK YOU SO MUCH. I'm very surprised by this tutorial. :)

  • @SomeGuyInSandy
    @SomeGuyInSandy 7 років тому +3

    Your tutorials have really helped me. I am into doing tracing and some shading now, and thanks to you I'm getting a good feel for using Inkscape! Thanks : )

  • @kimnejudne
    @kimnejudne 7 років тому

    Thanks! I just subscribed. I really need these kind of tutorials. Please don't stop making them.

  • @freeelectron8261
    @freeelectron8261 5 років тому

    Usual high quality graphics design tuts from Nick. Keep em coming!

    • @amannair6509
      @amannair6509 5 років тому

      u realise this is a 2 year old video

    • @freeelectron8261
      @freeelectron8261 5 років тому

      Correct but the golden ratio and subtle innovative ideas are immortal.

  • @rachelholton9983
    @rachelholton9983 7 років тому

    Thank you so much for this tutorial! You are clear and concise! Within 35 mins I created my first project ever in inkscape (or any design program) and it looks adorable!!!! Thanks again! I'll definitely be supporting you when I can!! :)

  • @jose_roberto_andrade_junior
    @jose_roberto_andrade_junior 5 років тому +18

    Hi NIck, congrats to you for this amazin UA-cam Channel. I would like to suggest an adaptation: instead of starting with two squares, start with a golden ratio rectangle: one side of 100px, and the other 100px * 1.618 (161.80px). Then proceed with squares where you will always paste the height of the previous resulting rectangle. With this the golden ratio will always be maintained.

    • @-B-B
      @-B-B 5 років тому +4

      Thank you for mentioning this. I too really like Nick's channel, but he did make a mistake here. His ratio is 2, not the golden ratio 1.618.

    • @Tordek
      @Tordek 4 роки тому +14

      ​@@-B-B Not quite (but it is wronf). His first ratio is 2:1; the second is 3:2, then 5:3, 8:5 and so on (fibonacci numbers). It approaches the golden ratio eventually.
      An even simpler way to achieve what he wants, however: Draw a circle with any size, then duplicate and resize it by typing (current size)*1.618 every time.

    • @marxman1010
      @marxman1010 4 роки тому +2

      @@Tordek No wonder. I was confused with the video, how that could be golden ratio for god's sake.

    • @mrebholz
      @mrebholz 2 роки тому

      @@Tordek Okay, so the proportions are not quite right, but the principle still applies?!

    • @Tordek
      @Tordek 2 роки тому

      @@mrebholz Depends on what you're going for.
      The first few steps are far from the golden ratio (1:1, 2:1, 3:2, 3:5). They're Fibonacci numbers.
      After a few steps it's good enough, but if you compare squares 5 and 6 to 10 and 11, they'd be a bit off.
      If you want _the_ golden ratio just memorize 1.618 just like pi is 3.14, it's good enough.
      In the end it's just a tool; if you keep everything to a same ratio like 1.5 you'll have a grid that's just as scientific as making it with Fibonacci or a magical "perfect number".

  • @prabharamanujan7933
    @prabharamanujan7933 6 місяців тому

    To me this was mind blowingly awesome! Thank you!

  • @cherten1
    @cherten1 5 років тому +2

    Nick Fantastic I have repeated this over about 5 times and I did it. WOW, what a feeling of accomplishment. I love this most of all, can you do another one based on the Golden Ration like this? Please

  • @odimau
    @odimau 7 років тому +4

    O melhor designer do UA-cam!

  • @ronbrooks3026
    @ronbrooks3026 7 років тому

    Thanks for the tutorial. I been studying this, on and off, for about a month and your tutorial helped.

  • @ifecojahs8151
    @ifecojahs8151 7 років тому

    You are so special, Nick.

  • @ARGamaingMusicVlog
    @ARGamaingMusicVlog 4 роки тому

    Thanks for the tutorial. I have installed the latest Inkscape and GIMP and enjoyed the tutorial and made the same logo. I have developed self confidence in logo designing. I find Inkscape and GIMP. more exciting with new features than photoshop. However, there is more to discover in these softwares.

  • @korovkami9158
    @korovkami9158 4 роки тому

    i dont know what to say, Nick. I learned a lot from your vids. You are the best!!!

  • @linuxstudent5158
    @linuxstudent5158 4 роки тому

    Amazing work and very easily explained....loved it.. surprised to see such quality work received so few likes.

  • @NebucadLaVey
    @NebucadLaVey 7 років тому

    Thank you Nick,
    i realy appreciate it to see a tutorial with golden ratio made in inkscape :)

  • @salmanbabar
    @salmanbabar 7 років тому

    Thanks Nick, I've been waiting for this one for a long time. Looks a little bit difficult, but I'll get a hang of it once I try it. You've been doing a great job. Keep it up.

  • @lesleybinks3780
    @lesleybinks3780 7 років тому

    Nick, thank you so much for this tutorial. You're very clear and precise. I just want to say, when unionising some of the paths, I got stroke artefacts left in some of the groups. This may be an issue relative to my machine, but I want to say, if anyone else gets this, don't worry, keep going. In one version the strokes are removed and, in the other, they're used. So the artefacts disappear or are changed.

  • @dwobstacles
    @dwobstacles 3 роки тому +1

    I keep trying to do this but my squares are not lining up perfectly like yours, I think there is some kind of setting that is not right on mine! This is frustrating

  • @TheChazk
    @TheChazk Рік тому

    Thanks Nick, great tutorial.

  • @alvindior5508
    @alvindior5508 5 років тому

    Thanks Nick! I'm learning inkscape, and your tutorials are really helpful. After following through, I was astonished that I could create such a cool logo like this.

  • @mariaselegean3942
    @mariaselegean3942 7 років тому

    Awesome video nick ! i just installed inkscape so i could actually USE your tutorials. thank you so much, thumbs up ! :D

  • @ahmadzano
    @ahmadzano 4 роки тому

    very nice and easy tutorial.
    thanks Nick!

  • @tenktorypisze
    @tenktorypisze Місяць тому

    11:14 path > division does nothing for me. i've combines all paths, applied red fill , then division does not work. It does not do anything.

  • @albertgalvez2556
    @albertgalvez2556 7 років тому

    Awesome as always and thanks Nick.

  • @ntntnok9050
    @ntntnok9050 7 років тому

    what a nice golden ratio logo and nice choice with the gradients

  • @tedchen524
    @tedchen524 6 років тому

    It more harder than I expected...but it is worth it. Thanks for your tutorial

  • @calebskinner9348
    @calebskinner9348 2 роки тому

    Thanks for this Nick!

  • @briankendalll2093
    @briankendalll2093 4 роки тому

    Great video. I learned about the golden ratio but never applied it to my work. Just started using Inkscape today as a move from Adobe Illustrator. It's funny that I expected lots of the tools and controls to be hidden. Hard to believe Inkscape is offered for free.

  • @meir59
    @meir59 3 роки тому +1

    Hi Nick
    Thanks for the tutorial
    When I finish the design a white stripe remains in place where the stroke was
    How can I get rid of it? Really annoying.
    Thanks

  • @jdseries
    @jdseries 7 років тому +11

    Quality tutorials and very useful, thank you very much for sharing your knowledge, I promise to buy your e-book, you really read all the comments thanks for that

  • @dwobstacles
    @dwobstacles 3 роки тому +1

    I make a box 80 px by 80 px and copy and paste height and the next height is 159.739 px or some crap, how do I fix this??

  • @vamshigopishetty7061
    @vamshigopishetty7061 3 роки тому

    The division at 11:12 is not working in latest inkscape version

  • @ahalparagaurang8865
    @ahalparagaurang8865 3 роки тому

    11:13 path divison not work on my logo so what to do I ?

  • @vjezbablog3927
    @vjezbablog3927 7 років тому

    Beautiful design and explanation

  • @snehav11
    @snehav11 4 роки тому

    Thanks Nick! Loved this one and the golden ratio explanation/ creation. Your style is so easy and awesome to learn. Your tutorials are amazing! I was searching for something that looks really good to try on inkscape and learn to use it. I tried the alphabet d logo, then the geometric pattern and now this! Thanks again

  • @amcds2867
    @amcds2867 2 роки тому

    Very helpful, and nice visual to go with it!

  • @roteschwert
    @roteschwert 11 місяців тому

    For those watching: you can use the new Shape Builder tool to combine the circles instead of breaking them up like he did around 11:00

  • @larissamonroe21092
    @larissamonroe21092 7 років тому +1

    Nick.... jsut wanted to thank you(which i forgot to say on the other videos), for putting back the intro music makes me happy :)
    But again awesome video!

  • @fenohikari
    @fenohikari 3 роки тому

    i loved the tutorial. Howerver i faced some problems like ; having some nodes when i use union tool I always delete them with the editing nodes tool but it kinda bothersome in complicated logos, and the second is that in 8:09 and 9:20 the shapes didn't snap i managed to put them approximately but can you help work through that, thank you!

  • @CelticSurferGaming
    @CelticSurferGaming 7 років тому +2

    When setting up the golden ratio grid, I copy the squares, then duplicate a smaller square, then hit Edit --> Paste Size --> Paste Height, all it does is make my square into a rectangle that is taller.
    Granted, I *might* be working with a different version of Inkscape? I just downloaded and installed mine this past week.

    • @hmzjvdn
      @hmzjvdn 7 років тому +1

      i believe you have to lock in the height and width

  • @665-9
    @665-9 7 років тому

    Great video and explanation. Thanks a lot, Nick!

  • @johngossett9756
    @johngossett9756 3 роки тому +1

    For whatever reason, when I Paste Height to make the larger square it is coming up just a little bit short and wont match the size of the previous squares. Does anyone have any ideas what I'm doing wrong? Thanks.

  • @ipunkt4704
    @ipunkt4704 7 років тому +1

    This was awesome! I made the same thing :) Thanks for your tutorials, I think of buying your book too very soon

  • @chandrasankar3289
    @chandrasankar3289 2 роки тому

    excellent tutor...understand very well..keep doing

  • @hamidr8391
    @hamidr8391 5 років тому +1

    It was very difficult for me to take Apart different parts of the circle, I was disappointed by Inkscape that it has no shade builder tool as Illustrator has, but after your video, my problem is solved... thumbs up to Inkscape... thank u very much.

    • @LogosByNick
      @LogosByNick  5 років тому +3

      It would be great if Inkscape introduced something similar to the shape builder tool.

  • @cox7000
    @cox7000 6 років тому

    oh boy... it's sooo complicated to create a logo like this! i tried to make one by myself today and it came out horrible. i took me the whole day to make a shitty logo - what a big disappointment.
    but your tutorials are great! i will practice every day to improve my skills. i hope for more videos from you, Nik! you are an awesome teacher (=

    • @DiagonalCoff33
      @DiagonalCoff33 6 років тому

      You should never look at your work as a dissopointment, allways look at where you went wrong, how can i fix it? And then learn how, and use that info in your next design, It's all part of the learning experience!

  • @attanoxt8030
    @attanoxt8030 7 років тому +3

    Great tutorial.. been looking for alternative to shape builder tool in AI. And this is exactly that! Thank you!

    • @LogosByNick
      @LogosByNick  7 років тому +2

      I love working with the shape builder tool in AI. I hope Inkscape introduces something similar in the future.

  • @blood.mirror
    @blood.mirror 2 роки тому

    That was rad! Thanks! 🙂

  • @NHGeneral
    @NHGeneral Рік тому

    this lesson is priceless!

  • @Sargentii89
    @Sargentii89 4 роки тому

    This video really teaches me a lot, big thumbs up. you have more than earned a subscription from me.

  • @faizbyp
    @faizbyp 6 років тому

    Wow! Im amazed! Very very useful! I hope i knew this method earlier

  • @IsaacNiutom
    @IsaacNiutom 5 років тому

    Hi Nick, i have a litle problem, can you help me? I can't make de division you say in 11:12

  • @abhishek0603
    @abhishek0603 6 років тому

    Thank you so much ! Was looking for alternative to shape builder, you opened my eyes .

  • @YotamGuttman
    @YotamGuttman 4 роки тому +3

    Keeping the circles in the golden proportions doesn't necessarily mean that the composition of your bird is golden ratio based. You ought to keep distances fixed, determining them using your golden ratio proportioned objects. So if you're placing two circles (to form the bird's body and beak), you'd mostly use a smaller circle from your calculations template, to determine the placement and distance between the two circles. It's a bit hard to explain, I just mean that not only the size of the circles matters when you're trying to from a golden ratio based composition, also the positioning of your objects, relative to each other and the composition they're in.

  • @dhananjaybhagat8738
    @dhananjaybhagat8738 4 роки тому +1

    Hello Nick I don't understand why my union function is not working. I use Inskscape 1.0

  • @SwarnimArun
    @SwarnimArun 7 років тому +1

    Well you do make AWESOME videos but this was the BEST.

  • @Anthony-rk5sd
    @Anthony-rk5sd 6 років тому

    Yeah ! Thank You Nick ! I made my first logo with the golden ratio !

  • @ahmeddeiaa3943
    @ahmeddeiaa3943 7 років тому

    quite amazing, keep it up Nick

  • @arteybiodiversidad
    @arteybiodiversidad 4 роки тому +3

    Hello Nick. It's very nice to see your tutorials. I follow this one step by step but didn´t have the same results. Some of the circles disappear when I made the clicked on the division bottom, as the eye of the bird and the lower part of the body, as well as the peak, was fusioned with another little down peace.

    • @existentialrap521
      @existentialrap521 2 роки тому

      There was one step where he didnt use snapping which may have changed the beak. It did for me.

  • @perfectlyimperfect1281
    @perfectlyimperfect1281 3 роки тому

    how'd you get the idea in the first place though? like how to place the circles and everything?

  • @elmo8696
    @elmo8696 6 років тому

    Beautiful and elegant.

  • @cyanide6954
    @cyanide6954 3 роки тому +1

    I have an assignment due soon and for some reason I cannot see my circels other objects work fine and yes my opacity is on 100

  • @Rshivjeet
    @Rshivjeet 3 роки тому +1

    Hey Nick, please answer this question.
    Whenever I use the division tool, for some reason my pieces of the bird don't come out as clean as yours they usually get defected like one piece would be connected to the other may I please know what am I doing wrong, Is it because sometimes I don't use snapping while positioning the circles

  • @EngHasaneen
    @EngHasaneen 2 роки тому

    I did it as you did but when I moved the finished grouped bird the gradient did not sticked with it like it in another layer
    can I anyone tell me what's the problem ?

  • @tomjoad6993
    @tomjoad6993 3 роки тому

    Is it possible to make a grid and scale the grid without affecting the thickness of the lines in the grid? For instance, I want to make a grid with all the lines 1px thick and then adjust the height and width of the grid while maintaining the 1px thickness of all the lines. Is it possible?

  • @axeldaval3410
    @axeldaval3410 5 років тому +3

    Thank you! I was struggling so hard with vectors in inkscape, I didn't get that to color the other node you had to select it on the drawing, not in the menu.

  • @tu0703
    @tu0703 6 років тому

    Great tutorial! Thanks so much for your works.

  • @SaidurRahmanAsik39
    @SaidurRahmanAsik39 3 роки тому

    Amazing work...

  • @kralkatorrik34
    @kralkatorrik34 6 років тому

    How to get rid of white space after division if i don't want to have stroke around object?

  • @victorsandoval7
    @victorsandoval7 6 років тому

    brilliant! easily explained and very cool designs :)

  • @bashirmulla3566
    @bashirmulla3566 7 років тому

    When I use division path ...I cant get the intersected seperated shapes. Please help.( As video time 11:13.)

  • @jmm1233
    @jmm1233 4 роки тому

    Reminds the days of art & design in college where they drilled into heads to be using golden ratio for any and all illustrator work

  • @joshswenson8390
    @joshswenson8390 2 роки тому

    Do you happen to have a saved grid of these circles that can be downloaded?

  • @СиловаТерапия
    @СиловаТерапия 4 роки тому

    what could be a reason for the devision tool not working?

  • @blwbisht
    @blwbisht 4 роки тому

    YEAH Made it this one because of your video sir appreciative it

  • @msmkhan3952
    @msmkhan3952 4 роки тому

    Can you use this arrangement of the circle for other things? or for other thing we need to arrange circle in our own way.

  • @elenagiannos
    @elenagiannos 3 роки тому

    Hi your videos are very helpful👏 I have an issue with the shapes! I want to make my photo in the shape of a heart ! Do you have a video?