VectorStyler
    • Categories
    • Unread
    • Recent
    • Tags
    • Popular
    • Register
    • Login

    What tools are efficient for drawing curves In one step?

    Scheduled Pinned Locked Moved General Discussion
    25 Posts 5 Posters 38.0k Views 4 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • L Offline
      lilith @Daniel
      last edited by

      @Daniel I still don't understand the difference between Adobe Illustrator Curvature and Catmull Rom, and what is the mathematical principle behind Adobe Illustrator Curvature?

      DanielD L 2 Replies Last reply Reply Quote 0
      • DanielD Offline
        Daniel @lilith
        last edited by

        @lilith: Curvature and Catmull Rom have nothing to do with each other. Curvature tool is a simple combination of bezier and polgyonal segment. Catmull Rom is a way of drawing splines. Two things here: One is a tool, the other is a spline (involving it's own maths).

        I'm out of depth to explain the maths to you. As far as I can I understand as a non-technical person, Catmull Rom simply and very usefully by interpolating nodes smoothly.

        This is what happens when tangents don't match. You get a cusp node.

        0_1743007366181_fd06ecc8-43f0-4bbc-90ae-b1b263560ba9-image.png

        With Catmull Rom equation, the tangents are smoothed out automatically without you having to do anything like in Bezier splines. Like this.

        0_1743007489473_8969fbbe-5baf-4a1b-ba31-1b10f1ba918c-image.png

        You can now continuously and seamlessly join as many segments as you want and the nodes will ALWAYS be smoothly joined without cusp nodes or knots. That tells you what is for and what it is NOT for. It is FOR tracing complex, organic shapes. It is NOT for tracing simple geometric shapes. That's why I've been asking (campaigning) for Bezigon, which is a different TOOL, specifically meant for technical drawing (FreeHand excels here). Technical drawings as well typeface design both rely on geometric shapes. With Catmull Rom, you get this:

        0_1743007700499_d16d4129-c430-497b-a498-e26509a502a1-image.png

        Historical aside: Illustrator is NOT the first commercially available vector program that made Bezier curve available to everyday users. Until then you had to spend hundreds of thousands of dollars to get fully capable vector software.

        The first program was: Fontographer by Altsys, the parent company of FreeHand. Which was then sold to Aldus, then acquired by Macromedia, and murdered by Adobe. Fontographer introduced the concept of tangent, corner and smooth nodes. Suddenly, everyone could design typefaces. Thousands of typefaces were built on it.

        Work: Windows 11 | Intel i9 14900HS (24 Cores/32 Threads) | GeForce RTX 4070 | 64 GB RAM
        Personal: Windows 11 | Amd Ryzen 9 7950X (16 Core, 32 Threads) | GeForce RTX 3060 | 32 GB RAM

        1 Reply Last reply Reply Quote 2
        • DanielD Offline
          Daniel
          last edited by Daniel

          Curvature tool combines simply coverts corner to smooth and smooth to corner nodes. That's it. That's all it is good for. You can't do much else with it. And it does so in a very unintelligent way, hence it's appeal to beginners in vector. No offense!

          I'm a copywriter by trade, and had to learn vector design from a designer. And she illustrated to me how Curvature Tool reverses the logic of Bezier pen tool and makes it easy for people to imagine the next steps. Essentially, you place your next nodes for simple, smooth segments at the "next 45 degree point". You draw straightlines between all these 45 degree points and then click to convert the nodes. That's it.

          In bezier pen tool, you do the same, but you drag the point to balance the handles. https://bezier.method.ac - this is where I finally got it.

          Work: Windows 11 | Intel i9 14900HS (24 Cores/32 Threads) | GeForce RTX 4070 | 64 GB RAM
          Personal: Windows 11 | Amd Ryzen 9 7950X (16 Core, 32 Threads) | GeForce RTX 3060 | 32 GB RAM

          1 Reply Last reply Reply Quote 1
          • S Offline
            Subpath
            last edited by Subpath

            @Daniel , @lilith

            And for anyone interested: I posted a video in the forum a while ago,
            which I'm not sure if it's helpful here. But it's beautiful to watch.
            It's called "The Beauty of Splines." Where some concepts are shown

            Here's the video.

            Win 11
            CPU: AMD Ryzen 5 9600X, 6-core.
            GPU: Nvidia Geforce RTX 5070.

            DanielD L 2 Replies Last reply Reply Quote 3
            • DanielD Offline
              Daniel @Subpath
              last edited by Daniel

              @Subpath: it is beautiful. Thank you. The idea of smooth curves is so ancient. As in literally thousands of years old. If you'd like to see fascinating study of how curves were used across cultures, get a used copy of Designa by Wooden Books. And get Helicon to go with it.

              https://woodenbooks.com/index.php?id_product=203&controller=product

              Every page is packed with information.

              Work: Windows 11 | Intel i9 14900HS (24 Cores/32 Threads) | GeForce RTX 4070 | 64 GB RAM
              Personal: Windows 11 | Amd Ryzen 9 7950X (16 Core, 32 Threads) | GeForce RTX 3060 | 32 GB RAM

              1 Reply Last reply Reply Quote 1
              • L Offline
                lilith @lilith
                last edited by

                @lilith Adobe Illustrator Curvature mathematical principle(maybe):
                https://people.engr.tamu.edu/schaefer/research/kcurves.pdf

                L 1 Reply Last reply Reply Quote 0
                • L Offline
                  lilith @lilith
                  last edited by

                  @lilith A new spline:
                  https://raphlinus.github.io/curves/2018/12/21/new-spline.html
                  https://github.com/raphlinus/spiro
                  https://github.com/raphlinus/spline-research
                  alt text

                  1 Reply Last reply Reply Quote 1
                  • L Offline
                    lilith @Subpath
                    last edited by lilith

                    @Subpath @VectorStyler look this :https://raphlinus.github.io/curves/2018/12/21/new-spline.html
                    try it :https://spline.technology/demo/

                    S 1 Reply Last reply Reply Quote 1
                    • S Offline
                      Subpath @lilith
                      last edited by

                      @lilith

                      Thanks, a great find. I like it and found it interesting
                      to play with the demo. Seems like an easy way for
                      nice curves.

                      Win 11
                      CPU: AMD Ryzen 5 9600X, 6-core.
                      GPU: Nvidia Geforce RTX 5070.

                      DanielD 1 Reply Last reply Reply Quote 1
                      • DanielD Offline
                        Daniel @Subpath
                        last edited by Daniel

                        @lilith that's the hyperbezier combining three types of splines.

                        Work: Windows 11 | Intel i9 14900HS (24 Cores/32 Threads) | GeForce RTX 4070 | 64 GB RAM
                        Personal: Windows 11 | Amd Ryzen 9 7950X (16 Core, 32 Threads) | GeForce RTX 3060 | 32 GB RAM

                        1 Reply Last reply Reply Quote 1
                        • DanielD Offline
                          Daniel
                          last edited by

                          @VectorStyler: Have you ever used something all your life before you suddenly realised how it actually works? And you feel stupid for never noticing? Well, I just had that moment. Xara's Shape Tool (the alternative to pen tool) is actually a modified Catmull Rom Spline! DOH!!! It has existed for 3 decades. The cubic bezier pen tool is cleverly and poorly hidden away within the button palette as a separate icon that you can pull into your interface. That's just stupid.

                          Work: Windows 11 | Intel i9 14900HS (24 Cores/32 Threads) | GeForce RTX 4070 | 64 GB RAM
                          Personal: Windows 11 | Amd Ryzen 9 7950X (16 Core, 32 Threads) | GeForce RTX 3060 | 32 GB RAM

                          VectorStylerV 1 Reply Last reply Reply Quote 0
                          • VectorStylerV Offline
                            VectorStyler @Daniel
                            last edited by

                            @Daniel said in What tools are efficient for drawing curves In one step?:

                            The cubic bezier pen tool is cleverly and poorly hidden away within the button palette as a separate icon that you can pull into your interface.

                            maybe the UI got too complicated with all the options.

                            I will try this once I get the time.

                            DanielD 1 Reply Last reply Reply Quote 1
                            • DanielD Offline
                              Daniel @VectorStyler
                              last edited by Daniel

                              @VectorStyler: Sure, please do. You'll find it under Windows >> Control Bar >> Button Palette. The last option in the list. And you'll get this. 0_1743593287956_55b5abbf-155e-48aa-ab26-e5b7db924b8d-image.png

                              Second item on second row. Hold down Alt and pull into your tool bar.

                              Here's something else that's quite cool about Xara. You can hold down Alt and pull most icons and place them into your toolbar.

                              However, I don't think it was because of the complicated UI. I think they made a deliberate choice to promote the Shape Tool, which is extremely useful for organic shape drawing.

                              Work: Windows 11 | Intel i9 14900HS (24 Cores/32 Threads) | GeForce RTX 4070 | 64 GB RAM
                              Personal: Windows 11 | Amd Ryzen 9 7950X (16 Core, 32 Threads) | GeForce RTX 3060 | 32 GB RAM

                              1 Reply Last reply Reply Quote 1
                              • DanielD Offline
                                Daniel
                                last edited by Daniel

                                https://www.dafont.com/calligraphia-latina-free.charmap - This is one of the most beautiful decorative fonts there is, a reproduction of Johan Georg Schwander's Magnum Opus, Calligraphia Latina. The reason I'm posting here is, if anyone would like to practice their pen tool skills, I recommend taking one of these glyphs and reproducing it in one uninterrupted flow. And you'll realise that it's well-nigh impossible to do that without the Bezigon or Spiro Path. Again, the challenge isn't that you can't do it with the pen tool. You can. The challenge is that doing it one, uninterrupted movement end-to-end takes extraordinary skill and effort.

                                Original Specimen are here. https://archive.org/details/calligraphycalli0000schw

                                Work: Windows 11 | Intel i9 14900HS (24 Cores/32 Threads) | GeForce RTX 4070 | 64 GB RAM
                                Personal: Windows 11 | Amd Ryzen 9 7950X (16 Core, 32 Threads) | GeForce RTX 3060 | 32 GB RAM

                                1 Reply Last reply Reply Quote 1
                                • F Offline
                                  fde101 Global Moderator @Daniel
                                  last edited by

                                  @Daniel said in What tools are efficient for drawing curves In one step?:

                                  Cubic bezier - Has two points, start and end, and four control handles, 2 each. The so called "pen tool".

                                  Not quite.

                                  Not quite - each segment of a true Cubic Bézier has two control points, one for each end - you often see two control points at a handle because there is one for each of the segments connected to it; if the curve is not closed then the end points will only have one each since there is only one segment coming from them.

                                  Curiously, the pen tools in most drawing apps do present a second control handle when manipulating an end point on an open shape, though some of them (such as Affinity Designer) only show it when you are manipulating the one that belongs there. Mathematically that shouldn't be there, which has me wondering what the apps are actually doing when they present one on that end point.

                                  1 Reply Last reply Reply Quote 2
                                  • First post
                                    Last post