Playing with "Outline Path" Shape Effect



  • I decided to make a separate thread didn't want to blow up
    @Victor-Vector thread too much with my attempts.

    His Thread is here:
    https://www.vectorstyler.com/forum/topic/1993/shape-weaving-over-under-paths
    .

    This is not meant as a Tutorial.
    Its more like a play through where i share some finds and ideas.
    Everyone is welcome to post their ideas about it here also.
    .

    To apply the "Outline Path" Shape Effect create a Shape
    with no fill and a thin contour 0.35 will fit.

    Select your Shape, go to MenΓΌ -> Effects -> Outline
    -> Outline Path and play with the Parameters.
    The parameter stripe is interesting and the option double stripe.

    0_1652164887414_Outline-Path-Variants.png



  • you could use the Shape Builder Tool with it
    .
    0_1652172155452_Shape-Builder-Tool.png



  • 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



  • @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!



  • @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 πŸ™‚



  • 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



  • 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.



  • @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!



  • @Victor-Vector

    Glady.
    Very often I learn something new myself, by sharing πŸ™‚



  • 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



  • 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