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

    Moving the bitmap after using it to color repeated objects in a repeater

    Scheduled Pinned Locked Moved Questions and Support
    12 Posts 3 Posters 43 Views 3 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.
    • VectorStylerV Offline
      VectorStyler @Subpath
      last edited by

      @Subpath The bitmap can be moved but it moves the whole repeater group.
      (repeated objects are positioned relative to the backdrop that is the bitmap)

      What you need is to adjust the offset of the repeated objects in the repeater options (second button in the repeater panel).

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

        @Subpath There is a very convenient workaround: just place the image inside a clipping frame, and then use the Repeater to color repeated objects. This way, you can see the image inside the Layers panel, select it, and freely move or scale it as you like.

        https://youtu.be/jYCNJfaVt54

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

          @Li-Xiao

          Big thanks as always

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

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

            @Li-Xiao

            The youtube video is still set as private so i cant see it
            Could you set it to public

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

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

              @Subpath
              I changed the permissions to public, but I don't know why it won't let you view it without logging in. You can just download it directly

              https://drive.google.com/file/d/1ERwSPYi5IcxRtCytyMQ051rsJvPXd-qI/view?usp=drive_link

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

                @Li-Xiao

                Thank you, got it.
                Its a pretty good Trick 👍

                I made you a video how this work in "Paragraphic" a pretty
                neat app from "Lost Minds", is pretty easy.

                "Praragraphic" is a good companion for Vectorstyler.

                Here the Video

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

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

                  @Subpath Paragraphic is a great app; I bought it back in 2024, thank you for the video. Lately, I've been trying to replicate 'Lines between paths' (https://paragraphic.design/sample/lines-between-paths/) using VectorStyler, but I haven't figured out a method yet.

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

                    @Li-Xiao

                    I picked up Paragraphic quite a while ago, too. Before that, I experimented with "Nodebox 3,"
                    which—like Paragraphic—is node-based; I’ve loved using Nodes ever since. Which are essentially
                    small code snippets you can combine to create parametric vector graphics.

                    I also occasionally try to recreate things from Paragraphic directly in VectorStyler. It doesn't always
                    work, but it sparks interesting ideas and is a great learning experience.

                    That’s actually how this post came about.
                    I had a design I’d created in Nodebox 3 and was wondering how I could color it in a controlled way.
                    Simply placing a bitmap with the desired color structure underneath seemed like the most promising approach.

                    It looks like I’ll have to recreate it, though, so that the individual shapes can be colored separately.
                    Because Vectorstyler and Paragraphic handel this only as a whole group not as single objects.

                    The best bet by now using Vectorstyler Colorize Feature, which work with single objects.
                    Maybe I will create a spezial Palette or something. But i still experimenting.

                    Here the Design, i put a file ".SVG" too below if someone like to try it.

                    Nodebox Design.png

                    Nodebox Design-VS.svg
                    This is the .SVG File, which could be downloaded

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

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

                      @Subpath How are you planning to color it? You can actually achieve a similar effect for this design using the Repeater. Take a look at how it turned out when I gave it a try

                      nodebox design vs.png

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

                        @Subpath Reference file and video for your review

                        nodebox-design-vs.vstyler

                        https://drive.google.com/file/d/1mhV0KW36-LIZ0O5FnWLTseY0Dbv5DkUZ/view?usp=drive_link

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

                          @Li-Xiao

                          I found it interesting how you recreated it in VectorStyler.
                          I’ve already experimented with the various coloring options in VectorStyler.

                          NodeBox 3 (free) allows you to export results as .SVG or PDF.
                          You can then import the .SVG file into VectorStyler and use the Colorizer
                          feature to apply color in a variety of ways.

                          I haven't quite decided how I want to color it yet. But the idea of ​​using a bitmap
                          that could be repositioned seemed like the most flexible approach.

                          For instance, I could export the design as a bitmap, paint a pattern over it,
                          and then use that pattern—in turn—as a bitmap for coloring.
                          .
                          .
                          .
                          It looks like I’ve found a way to do it in Paragraphic now. To make it work, you have
                          to recreate the shape as a polygon in Paragraphic because it needs to be an open path;
                          otherwise, it won't work.

                          Here’s a video showing how it’s done.

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

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