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.
    • 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
                                          • 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
                                            • First post
                                              Last post