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.
    • DanielD Offline
      Daniel @lilith
      last edited by

      @lilith: 0_1742994329853_ee8966f0-140b-4715-9586-92831f9c9423-image.png

      Catmull Rom is indeed very, very intuitive. If it were up to me, I'd just add CR and Bezigon as two modes. Between Cubic, Quad, CR and Bezigon, you need no other tool for drawing vector curves.

      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
      • L Offline
        lilith @Daniel
        last edited by

        This post is deleted!
        1 Reply Last reply Reply Quote 0
        • 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