Home   Products   Tutorials   Videos   Brushes   Custom shapes   Vector shapes / EPS  Patterns  Blog   About us

 

graphicxtras.com

Join tool for Illustrator tutorial and trimming paths

join tool for Illustrator and trimming paths and lines

How to use the join tool in Illustrator CC 2017 etc and trimming paths and lines. The join tool is a plugin for joining open paths and lines in Illustrator CC. The join tool is found beneath the shaper tool in Illustrator toolbar. The Illustrator join tool works quickly with two paths. Simply pass the join tool over the paths and the paths will be joined (as long as the join tool allows this - if the paths are not pointing in the same direction then they cannot be joined). TheIllustrator join tool is super easy to use and apply and combine different paths in seconds. The join tool results in a sharp point design. You can then repeat the join tool and join other paths together in Illustrator. You can also use the join tool to trim lines (if you have crossed lines). You can also join curved designs using the join tool. This tutorial shows you all the ways of using the Illustrator join tool and how to use it with curved designs, how to trim lines, how to combine lines and much more.

 

  1. Select two open Illustrator paths - two lines

  2. Toolbar and shaper tool (join tool is beneath that)

  3. Select the join tool in Illustrator

  4. Pass over the closest ends of the paths

Basics of the Illustrator join tool

join tool in Illustrator toolbar

The join tool for Illustrator is found beneath the shaper tool in Illustrator toolbar and is for joining paths and trimming paths / lines / open paths etc. It works using two lines either selected or not (though personally, I generally select the paths I use and then use the join tool with the Illustrator paths)

 

  1. Select two open paths such as two lines

  2. Go to the join tool in the Illustrator toolbar

  3. Pass over the closest ends of the two paths (and hope)

 

I say hope but the Illustrator join tool is a tool with a mind of its own and I am certain it is coded (unless it really does work using magic) in a particular way with logic to work with lines at a certain angle to each other or lines that are crossing but at times, it can also be an amazingly frustrating tool to use as even though the lines look as much the same as another pair, those lines will not join. Anyway, this tutorial shows the observations of the join tool that seem to work 99% of the time with lines and open paths but I am certain you will find times when it just will refuse to join a path even though the path look super close. Another point with the join tool is that it will result in a point, a sharp point in most cases and there is no preference to force it just to create a point to point (as with the pen tool) nor for it to generate anything other than a sharp point in the join (no wavy lines or curved joins)

 

 

Overlaps

Another issue with the join tool in Illustrator, if there is a fairly major overlaps with the lines you may find the join may fail and the paths may trim depending on where you pass the join tool over. The join tool does depends on where you pass over the lines. If you use the tool with a path overlapping another, and you use the join close to the overlap then the paths will be trimmed. The same paths can also be joined if you pass the tool over the end segments. This is particularly the case with multiple point paths or curved paths created with the curvature tool. It also depends where the pass over happens, if the overlap is a fair distance away then the lines will not be trimmed (again this is just an observation and I am certain you will find circumstances where the opposite happens)

 

Two lines at a point and join tool

join tool and two lines

You can see two lines with both lines point towards each other at one end and the other ends heading off to eternity. You can use the join tool over the ends that are angled towards each other. There seems to be a cut off point. You can angle the line so they are close to parallel and the join tool will not work, you can then angle them at say about 80 degrees so they are fairly parallel and the join tool will not work but at some point where the angles can be joined (without the join flying off the page / artboard etc) you will get a sharp join when you pass the two lines with the join tool.

 

  1. Create a line using the line segment tool

  2. Create another line using the line segment tool

  3. Place the lines close together such as on the right

  4. Point the ends of the lines towards each other

  5. Select join tool

  6. Draw over the end of the lines with the join tool

 

There also seems to be an issue with distance. If you select the same paths on the left image and perhaps move one of those paths down the page a little (but not changing the angle) and then try the join tool, it will at some point stop working even though the displayed angle is exactly the same. lines fail.

 

Trimming of lines / paths using join tool

join tool and two paths and trimming in Illustrator

The join tool in Illustrator can also be used as a powerful trimming tool as well as a join tool. The trimming works if you have a line butting close to an existing line. The trimming works if the lines crossover. Again, the join tool does depend on the distance of the lines from each other (too far away and the trimming will fail). The trimming is applied to the smallest part of the lines. If you can't trim the crossover lines, the tool just doesn't do anything - there is no dialog box with an error message (a rarity from an Adobe application). You can draw over a different part of the crossover and the trim / join will be ignored.

 

  1. Create a line using the line segment tool

  2. Create another line using the line segment tool

  3. Rotate them and have the paths crossover

  4. Select the join tool in the toolbar

  5. Draw over the smallest part of the crossover (the trailing parts of the lines) and the join tool should then trim the lines and replace the two with one single sharp pointed line.

 

 

Curved lines and join tool in Illustrator

multiple paths combined in Illustrator

Instead of just straight lines, this can also work with curved lines but the Illustrator join tool does not create a curved join (sadly) but again a sharp point will result (if the join tool allows the join or trim)

 

  1. Click on the curvature tool

  2. Create a curved path

  3. De-select

  4. Create another curved path using curvature tool or duplicate

  5. Move the paths so the paths are not parallel but angled so the lines seem that they will join at a point (not too far off point) and that the ends of the lines are fairly close (seems to work best).

 

With this combination of paths you can trim and also join (not at the same time) but if you pass the join tool over the two top end points (or slightly further down as well) then that will join. If you move over the overlap in the center or slightly below then a trim will happen (as shown in the left example). If you pass over the bottom points then nothing will happen.

 

Of course, once you have joined the paths (and the joins and trims result in a single path which ever way you look at it) you cannot re-use the tool again unless you select a second path

 

I am not sure how many paths can be combined or if there is a limit to the number of points etc.

 

Brushes

join tool and brush strokes in IllustratorYou can use the join tool to trim and join brush strokes as well (they are just strokes with an attached brush stroke)

 

The same resulting trim etc happens as explained above. Sometimes the actual brush stroke design may obscure the actual strokes making it a little less predictable.

 

Sources and references

1. Join tool in Illustrator on Adobe

 

Other tutorials

1. Bristle brushes and painted artwork for Illustrator

2. Blend tool and its use in Illustrator

3. How to create dotted lines in Illustrator

4. Export of SVG files and vector designs

5. Use of live shapes and ellipses

6. Live line segment tool and creating amazing lines

7. Variable width strokes and type and lines

8. Plugins from Astute Graphics summary such as Vectorscribe and Mirrorme

9. Eraser tool in Illustrator and erasing type / lines etc

 

and many more can be found throughout the site