Mobile app version of vmapp.org
Login or Join
XinRu324

: How to create line in Illustrator with multiple color segments? I'm a relative novice with Illustrator and I am looking for the best way to make a line with multiple color segments. For example,

@XinRu324

Posted in: #AdobeIllustrator #Vector

I'm a relative novice with Illustrator and I am looking for the best way to make a line with multiple color segments. For example, here is my feeble attempt by just making three lines and trying to align them manually. I can not add an attachment as I do not have enough points yet, so here is a link to an example I created:



Notice that the segments are not connecting together smoothly. How can I make a line with multi-colored segments? Thanks for the help.

10.06% popularity Vote Up Vote Down


Login to follow query

More posts by @XinRu324

6 Comments

Sorted by latest first Latest Oldest Best

 

@Reiling762

Draw a single line... and then I would copy just the line segment (Direct Select) and paste in front - the new pasted path is in the same position - just recolour it. I guess if you need to control where the colour changes add points to the path so the segment/s is/are correct.

10% popularity Vote Up Vote Down


 

@Smith574

After searching for the same solution I came up with my own solution which works exactly as I need it.

1) Create two lines. On the second line use the "Dashed Line" function in the Stroke palette.

2) Select both lines. In the Align palette, select the Vertical Align Center (top row, second from the right.)

3) In the Brush palette, from the dropdown menu, select "New Brush". Create this as an "Art Brush".

4) Draw a line and select the newly created brush.

10% popularity Vote Up Vote Down


 

@Rambettina927

If you want to use this effect repeatedly and consistently, look up custom brushes. You can achieve some really great results there and you can use that same approach throughout your art with no duplicated effort.

10% popularity Vote Up Vote Down


 

@Nimeshi706

You could add a gradient to the stroke in Illustrator CS6.

Simply set gradient stops to overlap each other by entering the same values in the "Location" field for multiple stops.

10% popularity Vote Up Vote Down


 

@Becky351

I think a simple way would be to use the scissors tool.

It is located in the same toolset as the eraser tool, click and hold that tile.

Then, click with the scissors where you want the breaks/color changes to take place... after cutting the path it should keep the line nice and smooth.

You can then easily change the color of each segment separately.

If you later decide to move the position, select both lines and then use cmd+J (join path) to stitch them back together. You'll lose the color, but you can easily cut the line again with the scissors and reapply it correctly.

You'll notice from the image below that you'll also get neat, straight lines at the join which are called the 'cap' of the stroke.

10% popularity Vote Up Vote Down


 

@Marchetta832

This can be achieved by snapping the anchors to a grid as well as the handles that control the curves. The handles should also be identical or near identical for both endpoints.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme