Mobile app version of vmapp.org
Login or Join
Turnbaugh909

: How to overlap custom art brush shapes I have a custom art brush in Illustrator that I've made from a group of shapes. I want the brush to completely overlap itself when paths cross. This

@Turnbaugh909

Posted in: #AdobeIllustrator #Layers #Path #Vector

I have a custom art brush in Illustrator that I've made from a group of shapes. I want the brush to completely overlap itself when paths cross.

This is what I'm using to make the brush:



After creating the brush, this is how the overlapping works by default:



This is the outcome I want:



I understand why this happens. By default brushes respect the layer order, so the top layer is always on top and the bottom layer is always on the bottom etc.

I can manually cut out the overlaps (like I've done above), but ideally I could have this work automatically. One work around for the exact shape I've used in the example would be to split the shapes before making the brush and make sure the area I want on top is above the rest in the layer order, but I'm going to be using this with different paths that overlap in different places so that won't work.

Is there any other way I can achieve this without manually cutting out the overlaps?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Turnbaugh909

2 Comments

Sorted by latest first Latest Oldest Best

 

@Cugini998

One can slice the graphic along its length and then make each subsequent section topmost. This allows the sections to overlap. For a shape like this maybe 4 sections is enough but if you want more self overlaps then do 10. same effect can be achieved with a pattern brush that is also comprised of sections:



Image 1: Brush sliced up.

You may want to expand and merge after the brush, if you aim for SVG or digital pdf. As the slicing may under some circumstances cause rendering artefacts on some rendering engines.



Image 2: brush on loop.

10% popularity Vote Up Vote Down


 

@Turnbaugh909

If you are using Illustrator CC you can now use raster images when creating brushes. (I'm actually still using CS6 so this isn't an option for me)

This means you can rasterize the whole image, create the art brush exactly as in the question and the overlapping will work as desired.

As the brush will be a raster image and stretched, it is a good idea to rasterize at the highest reasonable size/resolution so you don't end up with any pixelation. You also need to remember to rasterize it with a transparent background for the overlapping to work nicely.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme