Inkscape.org
Beginners' Questions Help and Assistance in creating this Trinity Spiral from Illustrator on Inkscape
  1. #1
    JakeCole2025 JakeCole2025 @JakeCole2025

    Hi. I would like some help and assistance in creating this awesome looking Trinity Spiral Effect on Inkscape that was done on illustrator in this Video on Inkscape. The main difficulty is that I don't know the Illustrator Tools language that is equivalent in Inkscape. All I really need is name of the tools this individual used in the Video making this spiral in illustrator onto Inkscape. He also didn't use a ShapeBuilder for this and this is what I wanna do with this cooling looking spiral onto Inkscape. The Video of this is down below. Thank you to anybody for reading this.

    https://youtu.be/H-X5gnU5q-A?si=W_A2AnFsPzroHlaR

  2. #2
    David248 David248 @David248
    👍👍👍

    Something like that ? 

     

    • Use of  60 ° guides, snapping to guides, path intersection and rotation centers (the trickiest part)
    • Circles will be drawn using stroke to path (think about stroke thicknesses).
    • Then shapebuilder tool, finally use of gradients.

  3. #3
    JakeCole2025 JakeCole2025 @JakeCole2025

    Thanks Alot for this!! I highly appreciate it, but there is an issue. The version of Inkscape I'm using does not have ShapeBuilder and I was wondering if this Trinity spiral could be done without Shapebuilder

  4. #4
    David248 David248 @David248
    👍

    First part : (the rest will follows once done).

     

     

  5. #5
    David248 David248 @David248
    *

    Thanks Alot for this!! I highly appreciate it, but there is an issue. The version of Inkscape I'm using does not have ShapeBuilder and I was wondering if this Trinity spiral could be done without Shapebuilder

    Duh ! Without shapebuilder tool, it will be a roayl pain in the ass to do, imho.

    In essence, shapebuilders only does boolean ops, but there is a ton to do, there.

    I suppose you can't either use path > fracture ?

    Edit : it's doable, but far less user friendly : are you sure you can't use shapebuilder ?

  6. #6
    JakeCole2025 JakeCole2025 @JakeCole2025

    @David248 I don't mind doing it without ShapeBuilder. I can kill alot of time by going the long route

  7. #7
    JakeCole2025 JakeCole2025 @JakeCole2025

    @David248 and thank you so much for the step by step

  8. #8
    JakeCole2025 JakeCole2025 @JakeCole2025
    *

    @David248 andThe other reason too is that I wanna REALLY test my skills by doing this the exact same way the person did this on Illustrator, but on Inkscape, without ShapeBuilder cause the person in this video didn't use ShapeBuilder to create this

  9. #9
    JakeCole2025 JakeCole2025 @JakeCole2025
    *

    Thank you guys so much for this

  10. #10
    JakeCole2025 JakeCole2025 @JakeCole2025
    👍

    Sorry for the clone replies. I have no idea what happened

  11. #11
    David248 David248 @David248

    To be honest, I didn't closely watch the video you mention (30 min.). The way I'll show you isn't the one of the video.

    If you want to stick to the one described in the video, just follow its steps.

  12. #12
    Tyler Durden Tyler Durden @TylerDurden

    It can be made similarly in Inkscape with :

    • ellipse tool
    • snapping
    • gradient tool
    • fill & stroke dialog
    • dropper tool
    • path operations (booleans)
    • z-order buttons in the select tool
    • bezier pen
    • node tool
    • guides
    • path operations

    All can be found in the manual http://tavmjong.free.fr/INKSCAPE/MANUAL/html/

    (but the shape builder tool is faster and more precise.)

    The Inkscape objects dialog does not have thumbnails in the list for each shape, but that is the only significant difference I see.

    If you want to follow the tutorial exactly, you'll need to forget to nip out the stroke on the green squiggle. ;-)

     

  13. #13
    JakeCole2025 JakeCole2025 @JakeCole2025

    I understand what you saying. I know with ShapeBuilder it is faster, the only thing is my version of Inkscape was the one before the ShapeBuilder tool was added to the newer versions. Speaking of Shapebuilder, can I do the Trinity Spiral with an alternative way for ShapeBuilder like in this video here?

    https://youtu.be/9ud65sJbl9c?si=bJH-wIzMZqNUMaQY

    Cause if possible, then this works for me, if possible 

  14. #14
    David248 David248 @David248
    👍

    Yes, you can manually modify the circles with node tool to make them match the design. You need a good knowledge of node tool. 

    You can also fake a shapebuilder tool, by using path division to cut every circles and then union the bits you need. You'll need some method to avoid creating a big mess. 

    These two solution won't fit to an inexperimented user, IMHO. 

    I paused the tutorial, because I was using shapebuilder tool, and it wasn't following the video. 

     

  15. #15
    JakeCole2025 JakeCole2025 @JakeCole2025

    I'm definitely going to try this Tonight. Thanks Alot for all of the methods you've provided for me. 

  16. #16
    JakeCole2025 JakeCole2025 @JakeCole2025

    @TylerDurden I have a question. I'm actually stuck in connecting part of the small yellow circle to the big circle to the left to make that intersection. Do I need to connect the nodes together and if so how? Cause I tried to use the join nodes tool, but nothing is happening

  17. #17
    Tyler Durden Tyler Durden @TylerDurden

    I'm not sure of the exact point you are working on, but there are areas where you don't want the paths joined, so they can have individual colors.

    That said, if you want to join two nodes, both nodes need to be selected via shift-click or window/lasso selection. Note that joining two nodes from two different paths will join the paths into one.

  18. #18
    JakeCole2025 JakeCole2025 @JakeCole2025

    @TylerDurden you see the part that's circled? This is what I'm trying to do. Someone told me to cut the circle into 4 pieces and it did work, but there were some of the circle left over that looked funny when I tried to color it to blend with the other part of the circle. I'm trying to join the nodes in the position you see circled, but it becomes a straight line

    Addtext 08 16 12.30.27
  19. #19
    Paddy_CAD Paddy_CAD @Paddy_CAD
    👍👍*

    Here's an alternative method without shape builder. Split a circle into three circular arcs. 
    start     -90       60     120
    end       60     120     270

    Duplicate each arc. Increase the line weight and send to back. Create a group from each pair of arcs.

    Select the three groups. Duplicate. Shrink these to create an inner circle. Select all and group.

    Duplicate the group and rotate 120 degrees. Duplicate the rotated group and rotate 120 degrees again.

    Arrange the groups in your cloverleaf pattern. Snap cusp nodes of inner arcs to outer arcs.

    Ungroup (once) and raise the arcs in the stacking order until it matches the original image.

    Trisquel 2
  20. #20
    JakeCole2025 JakeCole2025 @JakeCole2025

    @Paddy_CAD Thanks Alot!!!

  21. #21
    JakeCole2025 JakeCole2025 @JakeCole2025

    @Paddy_CAD Question about the shaped line you created on top of the Trinity Spiral. Could I create that with the tutorial that is in the link of the Video? Cause I was using this to cut the Circles into 4 Arcs?

    https://youtu.be/JxIAXqbb5vQ?si=3HuYhXuqz1rQkQVH

  22. #22
    Paddy_CAD Paddy_CAD @Paddy_CAD
    👍

    I drew those lines only to show symmetry. I suppose you could use them to cut the circles. You'll be more accurate with numeric entries in the ellipse tool control bar. Draw a circle then enter start and end values. Duplicate the arc then change the values. Use the end value of one arc as the start value of the next.

Inkscape Inkscape.org Inkscape Forum Beginners' Questions Help and Assistance in creating this Trinity Spiral from Illustrator on Inkscape