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

    Playing with "Outline Path" Shape Effect

    Scheduled Pinned Locked Moved Tutorials
    11 Posts 2 Posters 16.1k Views 2 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

      you could use the Shape Builder Tool with it
      .
      0_1652172155452_Shape-Builder-Tool.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

        The Shape Effect Menu -> "Outline" -> "Offset Path" fits very well
        to "Outline Path"

        and then I used the Trim Tool to create the Pattern

        Edited:
        I insert a Picture of the Trim and Join Tool
        .
        0_1652271509100_Trim-and-Join-Tool.png
        .
        0_1652196484247_Offset-Path-1.png
        .
        .
        0_1652196502864_Offset-Path-2.png

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

        1 Reply Last reply Reply Quote 6
        • Victor VectorV Offline
          Victor Vector
          last edited by Victor Vector

          @Subpath,
          Your creations are exciting and inspirational and I appreciate you sharing them with us. You also got me to explore tools and shapes I have never really tried, like the Line Grid Shape and the Trim Tool. The Trim Tool is very handy.

          So I tried to replicate what you came up with, and spent some time to join it all together to see what kind of workflow I could come up with. All very informative and useful!
          Here is my result:
          0_1652203403050_1ea16d3b-9bef-423a-a074-2afc3794efb7-image.png (It needed something in the middle) 😉

          Thank you!

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

            @Victor-Vector

            Your welcome and anyone too.
            Your Shape is sooo coool. Great Result. 👍

            Well, I can only repeat myself the credit goes to @VectorStyler.
            I think it's incredible what features he has built in and that you
            can combine them in so many ways. Its insane.

            As you said, ideas very often come through communication here on the forum.
            One initiates a topic, others share their ideas. And so one thing gives rise to another.
            I am curious to see what results we will see 🙂

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

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

              As @Victor-Vector mentioned the Line Grid Shape in his Post above,
              which also fits very well with the Outline and Offset Shape Effect
              i call this "Line-Grid-Turn" (made with the Line Grid Shape)

              0_1652357625996_line-grid-turn-1.png

              How it was made will follow

              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

                Here is how i made the "Line-Grid-Turn"

                used:
                0_1652710134973_line-grid.png
                Line Grid Shape
                .
                0_1652710171283_Envelope.png
                Envelope Tool
                .
                0_1652710209351_TrimandJoin.png
                Trim and Join Tool
                .
                0_1652710249877_BlendTool.png
                Blend Tool.
                .
                0_1652710275330_Color-Picker.png
                Color Picker

                some editing by Hand

                I think that shapes were mirrored is clear.

                The shape was not so complicated, it is the Grid Line Shape
                with the Envelope Tool and then the shapes were connected
                Edited with the Trim Tool so that I got these parts

                0_1652356850598_Turn-1.png

                0_1652356889003_Turn-2.png

                .
                The gradient was a little more work (there may be other ways to do it).
                I did it this way

                Two lines blended with the Blend Tool for a Color Blend.
                Then transfer the colors with the Color Picker to the actual lines.

                0_1652357001987_Turn 3.png

                .
                For the middle part, convert the strokes into shapes (Styles -> Expand Stroke)
                and connect them with Boolean Union.

                Again, blend two lines for a color blend. The strokes can be thick.
                Apply Image Effect "Gaussian Blur on the result.

                Copy the gradient to the clipboard with Ctrl+x. Double click on the middle part
                for isolation/clip mode. Copy the gradient back. And the center part has his gradient.

                0_1652357458665_Turn 4b.png

                0_1652357140030_Turn 5.png

                .
                Finally, put all pieces together and group them
                the Result is above.

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

                Victor VectorV 1 Reply Last reply Reply Quote 4
                • Victor VectorV Offline
                  Victor Vector @Subpath
                  last edited by

                  @Subpath Thank you for giving back to the community and sharing your techniques. They are definitely inspiring and puts me in the spirit of experimentation.
                  Cheers to you for expanding our horizons!

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

                    @Victor-Vector

                    Glady.
                    Very often I learn something new myself, by sharing 🙂

                    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

                      As I said before, I like Celtic design/ornament.
                      So here some Celtic inspired designs.

                      0_1652449684210_Celtic-inspired-3.png
                      .
                      0_1652449700054_Celtic-inspired-2.png
                      .
                      0_1652449717280_Celtic-inspired-1.png

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

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

                        And here the stroke I used

                        Is the same stroke for picture 1 and 3
                        just a different position

                        0_1652451764346_Stroke-used-1.png
                        .
                        the Stroke from Picture 2 here

                        0_1652451806648_Stroke-used-2.png

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

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