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

    Intertwine Effect: Where is it?

    Scheduled Pinned Locked Moved Questions and Support
    34 Posts 5 Posters 6.9k 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 @VectorStyler
      last edited by

      @VectorStyler:

      0_1765826235525_51b66469-0442-48a8-8ac7-397aea61ce3c-image.png

      This is what I wanted to create. But this done in the old way. Manually. By setting up white cutting lines. Turning them into shapes and cutting the lines with them.

      0_1765826291816_bb0ded23-98a1-4bec-93d8-5e9ae08538ed-image.png

      That took me 45 mins. 😞

      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

      S T 2 Replies Last reply Reply Quote 0
      • DanielD Offline
        Daniel
        last edited by

        0_1765826864648_a8910d2f-d90d-43ff-9a8f-f4e219599f97-image.png

        End result.

        0_1765826881097_7aeaf9bd-57b4-400e-a3ef-11dda87a5cf4-image.png

        Is it possible to allow intertwine to work on pure blacks. Please see the knot path effect in Inkscape. That's what I am looking for. But in Inkscape, the knots don't follow the path direction, so they lead to very jagged edges. See what I mean?

        0_1765826971239_0444c87c-693c-4f03-81c1-3dbe74bdcb4b-image.png

        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 0
        • S Offline
          Subpath @Daniel
          last edited by Subpath

          @Daniel

          "Crossing Gap" is the right Effect for something like this
          you found it under Shape Effects it Works with a single stroke,
          btw with the new mirror feature you may able to create something
          this way a little faster

          Intertwine works differently

          0_1765827006509_crossing gap.png

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

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

            @Subpath Let me try this and get back to you. Thank you!

            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 @Subpath
              last edited by Daniel

              @Subpath: Nope. Very similar problem. Leading to strange distortions.

              0_1765827626168_b7623a17-bcc5-40b7-9d4a-921166b800f1-image.png

              Even in your example, you can see what the problem is: The gap does not follow the path. 😭

              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 S 2 Replies Last reply Reply Quote 0
              • VectorStylerV Offline
                VectorStyler @Daniel
                last edited by

                @Daniel Send me that VS file

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

                  @Daniel

                  in the meantime i found a way to create (fake) gaps with the Intertwine Effect.

                  Create your Stroke, Expand that Stroke and give it a white outline
                  now you could use the the Intertwine Effect to fake gaps.

                  0_1765828764150_Intertwine-1.png

                  0_1765828771820_Intertwine-2.png

                  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

                    @Subpath: This too failed eventually. Getting the gaps to follow the direction of the path was difficult. I did however manually complete the project.

                    0_1765839331449_26ac57bb-41e6-46f2-95ff-b0a0244b5539-image.png

                    It's for an AI-based security firm. The central pentagon stands for the SOC, the security operations centre. The circles on the outer perimeter represent the constant social listening of the AI engine. The interlocking lines show unending stream of data. The filled blue hexagons represent co-ordination and continuous monitoring. Sort of like a beehive. 🙂 Wanted to share because the client was chuffed and I was very excited.

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

                      @VectorStyler 0_1765841952469_Intertwine Document.vstyler

                      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
                      • VectorStylerV Offline
                        VectorStyler @Daniel
                        last edited by

                        @Daniel This might be solvable with some new features in the Intertwine tool.

                        First I will try to fix the stroke crossing gap problem, but that cannot solve this case with multiple objects

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

                          @VectorStyler; Thank you!

                          By the way, I created a pattern out of the logo. It is very Arabesque. But still, a great looking pattern. 0_1765883259365_Pentacle Pattern.jpg

                          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

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

                            @Daniel

                            ... still a great looking pattern ...

                            Indeed, gives Alhambra vibes 🙂

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

                            1 Reply Last reply Reply Quote 1
                            • T Offline
                              ThatMikeGuy @Daniel
                              last edited by

                              @Daniel
                              I can't find "Intertwine" anywhere. Is there a search function for menu items, tools or operations?
                              Here is what I see under Styles:

                              0_1766074308729_526d1602-a061-4410-a7d3-ea9ba5e27860-image.png

                              VectorStylerV S 2 Replies Last reply Reply Quote 1
                              • VectorStylerV Offline
                                VectorStyler @ThatMikeGuy
                                last edited by

                                @ThatMikeGuy "Intertwine" between the "Halftone" and "Drop Shadow" menus (around the middle).

                                You need to select some objects to activate the menu

                                T 1 Reply Last reply Reply Quote 0
                                • S Offline
                                  Subpath @ThatMikeGuy
                                  last edited by Subpath

                                  @ThatMikeGuy

                                  The object in your pic seems to be a single stroke ?
                                  For single stroke you have to use the "Crossing Gap"
                                  Shape effect, you find it under Outline shape effects

                                  the interwine effect needs at least two Objects

                                  the intertwine tool is here, see pic

                                  0_1766082557240_intertwine.png

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

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

                                    0_1766150996522_a0801ae8-4e95-43a6-bf4f-caedafece158-image.png

                                    While our developer is working the intertwine and crossing gap function, I thought through a simple but very effective solution based on @Subpath's suggestion, which might be useful to others who want create intertwine effect perfectly.

                                    First, sketch out your idea:

                                    0_1766151088102_5cce2a15-f9af-4e14-9411-46ba12f9a063-image.png

                                    Mark out alternating sections of above and under for the knotting.

                                    Then create your vector shape. 0_1766151144714_3012e868-1cbe-47cc-9a7d-c56db49a7df7-image.png

                                    Then, expand the stroke:

                                    0_1766151191425_ae1c4d73-5c4f-411e-9cc7-52b4aa79b3fc-image.png

                                    Then apply a stroke to the expanded shape.

                                    Then expand the shape again. Now you'll have two set of expanded strokes.

                                    0_1766151245908_db3cba17-0635-4a13-b029-d1d9e3131ae5-image.png

                                    Now, use the shape builder and cut out the under portions of the knot. You'll be left with the desired result.

                                    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 S 2 Replies Last reply Reply Quote 1
                                    • VectorStylerV Offline
                                      VectorStyler @Daniel
                                      last edited by

                                      @Daniel It turns out that some of these use cases re not suitable for intertwine, but something new.

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

                                        @VectorStyler: Fair enough. Something like the knotting path effect in Inkscape? https://www.youtube.com/watch?v=08zpOs-yoTw - Check this tutorial. 🙂

                                        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

                                        BoldlineB 1 Reply Last reply Reply Quote 1
                                        • T Offline
                                          ThatMikeGuy @Subpath
                                          last edited by

                                          @Subpath Yes. I used a single path with two stroke parameters on it. The thicker one underneath.
                                          The Crossing Gap gives wierd results for this kind of thing. I'll try duplicating that path and trying Intertwine.
                                          Thanks

                                          S 1 Reply Last reply Reply Quote 1
                                          • T Offline
                                            ThatMikeGuy @VectorStyler
                                            last edited by

                                            @VectorStyler Doh! I missed that. Maybe since it was grayed out. I guess since it required selection of two paths. I'll try that. Thanks.
                                            How about a search function? Is there a way to search if you don't know where to find a tool or function?

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