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 @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
                                        • L Offline
                                          Li Xiao @Subpath
                                          last edited by

                                          @Subpath Thank you, I will try Nodebox when I have time to see if it can create more unique designs.

                                          The 1.2.019 update now allows me to create several other halftone styles that I wanted to submit.
                                          Repeater is indeed powerful.
                                          However, there is still room for improvement in terms of space filling and sorting.

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

                                            @Li-Xiao

                                            ...The 1.2.019 update now allows me to create several other halftone styles that I wanted to submit....

                                            You already have a curious viewer waiting 🙂

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

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