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

    Regarding the halftone repeater types

    Scheduled Pinned Locked Moved Features and Ideas
    76 Posts 6 Posters 204.6k 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
      Li Xiao @Subpath
      last edited by

      @Subpath The image nodes in Nodebox are also fascinating. Drawingbot also has a node-based version, currently in its Alpha phase.

      S 1 Reply Last reply Reply Quote 2
      • S Offline
        Subpath @Li Xiao
        last edited by Subpath

        @Li-Xiao

        thanks, will keep an eye on that
        .
        .
        ...The image nodes in Nodebox are also fascinating...
        yes, and to be able to create your own Node add yet another Level to this

        John from NB Forum, create the most of the user defined Nodes
        he made also a whole little Library ( free to use ) which can be found here
        http://support.nodebox.net/discussions/show-your-work/698-cartan-node-library-33

        the library comes with a PDF Doc

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

        1 Reply Last reply Reply Quote 1
        • L Offline
          Li Xiao @VectorStyler
          last edited by

          @VectorStyler
          Voronoi Halftone is fascinating. I know a few free online generators for it, but most only support output as bitmaps. Let me recommend one that I particularly like, which supports PNG input and SVG output, but it has a seeds limit of 800.
          https://github.com/WebSVG/voronoi?tab=readme-ov-file
          https://voronoi-editor.web.app/
          Parametric Voronoi generator with real time editing and SVG export.
          Recorded Video

          sample files:
          0_1712680642375_Voronoi_1.svg
          0_1712680659017_Voronoi_2.svg
          0_1712680680064_Voronoi_3.svg
          0_1712681230682_Voronoi_4.jpg
          0_1712681201696_Voronoi_4.pdf

          Drawingbot also offers three variations of the same type.
          https://docs.drawingbotv3.com/en/latest/_images/voronoi_diagram_1.jpg
          https://docs.drawingbotv3.com/en/latest/_images/adaptive_diagram_1.jpg
          https://docs.drawingbotv3.com/en/latest/_images/lbg_diagram_1.jpg

          some voronoi gallery
          https://www.josleys.com/show_gallery.php?galid=284

          VectorStylerV 1 Reply Last reply Reply Quote 3
          • VectorStylerV Offline
            VectorStyler @Li Xiao
            last edited by

            @Li-Xiao said in Regarding the halftone repeater types:

            Voronoi Halftone is fascinating

            Yes, this is really nice. But for now this will not be possible. Maybe in later versions.

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

              @Li-Xiao

              Because of the Voronoi pattern, I thought of the Java programming language
              “Processing”. which was developed specifically for graphical applications.

              There are some examples on “Openprocessing” of Voronoi patterns.
              But there is much more possible with Processing you can program all kinds
              of patterns. Which can then be output as a vector graphic.
              here a link:
              https://openprocessing.org/browse/?time=anytime&type=all&q=voronoi#

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

              1 Reply Last reply Reply Quote 2
              • L Offline
                Li Xiao @VectorStyler
                last edited by

                @VectorStyler
                The application of shape effects has been fixed, and the efficiency is incredibly high. Thank you!

                Halftone can now perform Area Halftone and Blend Halftone as well, with a speed that is a hundred times faster than the previously used VBA macro. I am grateful beyond words.

                The Offset Halftone is almost there, but the scaling effect of an individual shape at different grayscale positions is not yet achieved, similar to the effect of width lines.😍 😍 😍

                VectorStylerV 1 Reply Last reply Reply Quote 1
                • VectorStylerV Offline
                  VectorStyler @Li Xiao
                  last edited by

                  @Li-Xiao said in Regarding the halftone repeater types:

                  The Offset Halftone is almost there, but the scaling effect of an individual shape at different grayscale positions is not yet achieved

                  An example file for this might help.

                  L 1 Reply Last reply Reply Quote 0
                  • L Offline
                    Li Xiao @VectorStyler
                    last edited by

                    @VectorStyler

                    0_1712850032904_Offset example.jpg
                    https://www.vectorstyler.com/forum/assets/uploads/files/1711824219187-offset-halftone-fill-vs.pdf

                    VectorStylerV 1 Reply Last reply Reply Quote 1
                    • VectorStylerV Offline
                      VectorStyler @Li Xiao
                      last edited by

                      @Li-Xiao Is there a vstyler file for this? or was this done in an other app?

                      L 1 Reply Last reply Reply Quote 0
                      • L Offline
                        Li Xiao @VectorStyler
                        last edited by

                        @VectorStyler said in Regarding the halftone repeater types:

                        @Li-Xiao Is there a vstyler file for this? or was this done in an other app?
                        It was done by another app. I have tried it with VS, but even version 1.2.019 cannot do it.

                        VectorStylerV 1 Reply Last reply Reply Quote 1
                        • VectorStylerV Offline
                          VectorStyler @Li Xiao
                          last edited by

                          @Li-Xiao

                          Can be done, requires a few steps: 0_1712857903612_repeaterfile4.vstyler

                          • define a number variable "offset" of type "Number Slider", set the min/max to -0.6/0.6 and its value to 0.
                          • add the Offset Path effect to the "VS" text (offset should be small).
                          • set the offset distance to the "offset" variable (control+click on the distance number field and select "offset").
                          • create the repeater (offset is constant now).
                          • in the repeater panel menu, select "Adjust Number Values".
                          • select "offset" in Number and check the "Adjusted Number"
                          • set the Adjustment to "Object Content" and min/max to -0.5/0.5 (can use other values to different effect), confirm this.
                          • now what happens is that the "offset" number variable will vary using the background intensities between -0.5 and 0.5

                          But the good news is: this can be done with number variables and number fields with any effect, property etc in repeaters.

                          L 1 Reply Last reply Reply Quote 1
                          • L Offline
                            Li Xiao @VectorStyler
                            last edited by

                            @VectorStyler said in Regarding the halftone repeater types:

                            @Li-Xiao

                            But the good news is: this can be done with number variables and number fields with any effect, property etc in repeaters.

                            Using number variables in combination is a good approach, but mapping a single element to a grayscale value alone is not sufficient. Please take a look at the example.

                            0_1712858604598_Offset example 2.jpg

                            VectorStylerV 1 Reply Last reply Reply Quote 1
                            • VectorStylerV Offline
                              VectorStyler @Li Xiao
                              last edited by

                              @Li-Xiao yes, this is not yet possible. The offset must be the same in an object.

                              L 2 Replies Last reply Reply Quote 0
                              • L Offline
                                Li Xiao @VectorStyler
                                last edited by

                                @VectorStyler
                                Yes, that's correct. Currently, the offset feature does not support mapping to grayscale values.

                                I tried using the contour tool and manually expanded it by dozens before using the Repeater, but after several hours of attempts, I didn't achieve any results. I forgot to try using offset with variables.

                                1 Reply Last reply Reply Quote 1
                                • L Offline
                                  Li Xiao @VectorStyler
                                  last edited by Li Xiao

                                  @VectorStyler
                                  Block-like Halftone
                                  Mondrian is generated by a VBA macro in CorelDraw.
                                  Unable to generate within Repeater.
                                  0_1713459124388_Mondrian.jpg
                                  0_1713458482635_Mondrian.pdf
                                  https://en.wikipedia.org/wiki/Piet_Mondrian


                                  Recursion Halftone
                                  0_1713459559004_Recursion.jpeg
                                  Also fails to generate within Repeater
                                  https://www.flickr.com/photos/village9991/2198931517/
                                  https://discourse.mcneel.com/t/quadtree-or-recursion-with-image-sampler/125758
                                  https://www.artmajeur.com/alzon/en?view=grid
                                  https://www.josephandjames.com/alzon

                                  VectorStylerV 1 Reply Last reply Reply Quote 2
                                  • VectorStylerV Offline
                                    VectorStyler @Li Xiao
                                    last edited by

                                    @Li-Xiao These will be fore later versions

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

                                      @Li-Xiao

                                      Found a little Program made with Processing
                                      which offers Circle Packing and a few other Styles
                                      Results can be saved as SVG
                                      https://ehufsted.itch.io/halftonepal

                                      Here a Result imported in VS
                                      0_1713465079375_circle-packing.png

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

                                      L 1 Reply Last reply Reply Quote 2
                                      • L Offline
                                        Li Xiao @Subpath
                                        last edited by

                                        @Subpath
                                        Thank you! I used to use StippleGen (https://wiki.evilmadscientist.com/StippleGen) and HalftonePal before, but I haven't used them since I purchased DrawingBot. DrawingBot includes all the features of both of them. Kumiko (https://kumiko-generator.netlify.app/) is also interesting, DrawingBot is unable to replicate its effects.

                                        S 1 Reply Last reply Reply Quote 2
                                        • S Offline
                                          Subpath @Li Xiao
                                          last edited by Subpath

                                          @Li-Xiao

                                          thank you too, for the links
                                          and also for all of your interesting Ideas 👍

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

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

                                            @Li-Xiao

                                            Btw. I was following an Idea in Nodebox and it seems i came to a Solution
                                            where you can replace a Shape in an .SVG File with any Shape you like.
                                            Even with Text.
                                            I used the Circle Packing .SVG from my post above and replaced the circle
                                            with the text “Flower”.

                                            Import in VectorStyler works via exporting as .PDF from Nodebox
                                            and then import the .PDF in VectorStyler
                                            (.SVG does not work)

                                            Here a Example
                                            0_1713511817724_Flower.png
                                            .
                                            .
                                            0_1713511864010_Flower2.png
                                            .
                                            .
                                            Here the Nodebox Tree:
                                            0_1713511730127_Node-Tree.png
                                            .
                                            .
                                            A short explanation of the Nodes
                                            "Slice" will pick the Shape
                                            "Centroid" calculate the Center of the Shape (Result is the Position)
                                            "fit_to" fits the size of the Shape (Text) into the Size of the Circle
                                            "rotate" allows to rotate the Text

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

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