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

    Just a Pattern

    Scheduled Pinned Locked Moved Tutorials
    59 Posts 8 Posters 61.1k Views 8 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
      last edited by Subpath

      Played a bit with a multiccolor gradient in strokes.
      You could look at this little tutorial of mine
      https://www.vectorstyler.com/forum/topic/5694/way-to-create-a-multi-color-gradient-from-colors-of-a-color-palette

      Multicol Pattern.png

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

      E 1 Reply Last reply Reply Quote 3
      • E Offline
        EricP @Subpath
        last edited by

        @Subpath cool effect !

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

          @EricP

          Thank you.

          Yes it looks nice and its realtive easy to do.
          I just had to relocate some stroke gradients

          Yes, it looks nice and is relatively easy to create.
          I just had to reposition some of the gradients a bit.

          I did this with separate strokes that weren't combined or grouped.
          If you select all the strokes and then apply a gradient (see the method in the link)
          over them, the gradients will be in slightly different positions.

          Ultimately, I actually liked the slightly more chaotic result here even better.

          Btw i used a concentric gradient

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

          M 1 Reply Last reply Reply Quote 0
          • M Offline
            marce @Subpath
            last edited by

            @Subpath Great thread and posts. Thanks. Forum says "you can upvote a user only six times per day", so sorry guys i didnt give the like i wanted meanwhile reading.

            Ryzen 9 3900X on Asus prime x570-p
            Memory 48gb ddr4
            Nvidia gtx 970 on an Asus strix, 4gb gddr5
            NVMe CT100p 1TB

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

              @marce said in Just a Pattern:

              @Subpath "Forum says "you can upvote a user only six times per day",

              Very curious, didn't know that.
              But dont worry, if my post inspire people or
              are helpful then this is fine enough 🙂

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

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

                Created using:
                The colorize feature in the Repeater, which can also colorize strokes with a bitmap.
                (See Manual how)

                The Style Picker Feature, which allows you to transfer style attributes
                from one group of objects to another.
                You could take look at this Link
                https://www.vectorstyler.com/forum/topic/5851/a-style-picker-tool-feature-and-a-few-strokes

                Stroke-Pattern-600.png

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

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

                  I used a shape with a multi-colored gradient to colorize a bunch of strokes using the Repeater,
                  and transferred the color (style)—using the new Style Picker Tool Feature— to a bunch of
                  other Strokes created with the Blend function.

                  The strokes colored with the Repeater

                  colored strokes.png

                  Here the Result

                  Gradient-small-1.png

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

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

                    Took a a gradient from another App with a screenshot and use
                    this raster graphics then to colorize a bunch of strokes with the Repeater.

                    This time no Style Picker Feature where used.
                    I create a a color Palette instead from that bunch of strokes
                    (create Palette from selected Objects)
                    and colored a Swirling Lines Shape after converted it to curves
                    via Colorize with that new palette

                    fp-gradient-whirl-1-small.png

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

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

                      Made in Vectorstyler, recreate a pattern i found on the Internet
                      mine look a bit different but i am fine with that

                      wave Pattern.png
                      .
                      .
                      For anyone who is interested, you need to split the Line
                      in different pieces to create this pattern

                      segements.png

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

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

                        I more or less replicated a pattern I found online.
                        I couldn't resist using the "Along Stroke" feature
                        in VectorStyler's gradient editor.

                        rounded-quad-small.png

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

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

                          This was inspired by "string art"; I wanted to experiment with creating it
                          as vector graphics and applying gradients to the individual paths to see
                          what kind of patterns would emerge.

                          The String Art was made in Nodebox because its very easy to
                          create Point/Node Pattern with it.
                          https://www.vectorstyler.com/forum/topic/4119/a-kind-of-patternnodes-for-windows-free-win-mac

                          The coloring was created in VectorStyler; which allows to create gradients along a path
                          and allows them to be applied to the design's paths using the "Style Picker" group function.
                          https://www.vectorstyler.com/forum/topic/5851/a-style-picker-tool-feature-and-a-few-strokes

                          Linien-Hexa-3-3.png

                          Linien-Hexa-3-2.png

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

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

                            Another Variation of it

                            Linien-Hexa-circle-3-small.png

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

                            M 1 Reply Last reply Reply Quote 2
                            • M Online
                              monsterfox @Subpath
                              last edited by

                              @Subpath These graphics look quite unique. I’m curious: can VectorStyler create them at the moment?

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

                                @monsterfox

                                I think some of the Designs would be possible in Vectorstyler
                                all you need is a straight Line, rotate it a bit and copy and repeate it

                                But i think it is way easier to do it in Nodebox because one would have more Options
                                when you could set single Points and connect those Points with a Line i dont think
                                that Vectorstyler could set single points.

                                To set single points and connect them its very easy in Nodebox. (Nodebox is free, PC and Mac
                                in the mean time there is also a Version for Silicon based Macs )
                                All you need is a Path and a Point Node which say how much Points a Path should have.
                                This way you could create all kind of Point Patterns and connect them.
                                .
                                .
                                Here how the base Structure is made
                                base structure.png
                                .
                                .

                                and here the whole Design
                                artist-forum-small-1.png

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

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

                                  Some additional notes regarding Points in NodeBox:

                                  Points serve not only to connect lines or paths.
                                  They can also be used to specify positions for shapes or designs.

                                  And since this all is Node-based in Nodebox, it is very easy to replace
                                  one shape with another or to modify the design.

                                  Not to forget that Nodebox is a pretty good compainion to Vectorstyler
                                  NB has .SVG and PDF Export and you could import .SVGs

                                  Points in NB.png

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

                                  M 1 Reply Last reply Reply Quote 1
                                  • M Online
                                    monsterfox @Subpath
                                    last edited by

                                    @Subpath This is a node-based program, which I’m afraid won’t work for me. Just like creating materials in C4D, it requires connecting nodes. This kind of workflow isn’t my strong suit.

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

                                      @monsterfox

                                      No problem if it doesn't work for you or isn't a good fit.

                                      I only use it for specific tasks myself. Creating vector graphics using nodes certainly
                                      has its merits and its fun to use. I didn't find the basic principles hard to learn—and
                                      I’m really not the brightest bulb.

                                      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

                                        The design was created using Nodebox (which is free).
                                        I tried to copy and scale it within VectorStyler, but I couldn't find
                                        a way that produced a good result.

                                        However, the coloring was done in VectorStyler—and this is where
                                        the "Style Picker Group" feature really shines. The design consists of 80 objects;
                                        I created a single stroke, applied a gradient along a path, and then duplicated
                                        it until I had 80 copies.

                                        Finally, I grouped the design elements and the strokes, and then applied the styles
                                        to the whole set using the Style Picker.

                                        Curved-Polygon-1-small.png

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

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

                                          @Subpath said in Just a Pattern:

                                          I tried to copy and scale it within VectorStyler, but I couldn't find
                                          a way that produced a good result.

                                          VectorStyler can actually create this. I'll take some time to record a video

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

                                            @Li-Xiao

                                            No problem, just take your time.

                                            I’m very interested to see how you solve this—
                                            and I imagine other users are, too.

                                            In my own attempts, VectorStyler always distorts the shapes being duplicated;
                                            maintaining consistent spacing between them also proves to be an issue.

                                            Here how the Result looks in Nodebox
                                            curved-polygon_NB.png

                                            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