Adobe Illustrator is the perfect tool for creating abstract art with basic shapes and lines. In today’s tutorial I’ll show you how to create this geometric stripy line effect with a custom Art Brush. It’s an effect that looks fantastic yet it’s pretty easy to make, plus it’s a technique that can also be used to create cool logos and typography.

Geometric Stripy Line Art

The artwork we’ll be creating is this interwoven stripy line effect. It’s a really simple process but it can be used to create some really cool designs. We’ll be using it to create a bright and colourful poster, but it also looks great when used to create intricate logo symbols or custom typography.

Create a new document and use the rectangle tool to draw a long thin shape with a black fill. Turn on Smart Guides (CMD+U) then hold ALT and Shift while dragging with the mouse to create a duplicate. The Smart Guides will make it easy to perfectly align these shapes side by side.

Become a member to unlock this tutorial
(And gain access to 100s of premium design resources!)

Regular Updates

Regular Updates

New content is continuously added every month, so keep an eye on your inbox for updates!

Unlimited Access

Unlimited Access

Download as many items as you want for the duration of your membership, with no restrictions.

Cancel Anytime

Cancel Anytime

There's no small print! You can cancel your payment subscription anytime you want.

Find out more about Access All Areas Membership

Example Access All Areas products

39 Comments

  1. I’ve figure this problem out. In art brush options, I changed the minimum width value to remove “the small slice”.

  2. Cool tutorial. I can get to the point where I have the 3/4 shape, and it looks perfect. However when I try to make the 1/2 shape, the brush effect gets messed up somehow.

    The shape without the brush is indeed a semicircle, but with the brush it gets warped. Only 30 degrees or so looks good. I would attach a picture if I could.

    I don’t know why this is happening as the circle and 3/4 circle look fine. Any suggestions?

  3. Thank you, Chris. This is a fantastic tutorial. Your blog is so helpful. Always excited when I get your emails!

  4. i stuck on phase that says “create a new brush” so i select the stripes and made a new brush, and selected the art brush, now what? what does it mean to “Ensure the flow of the brush runs vertically” ? i try to select the up arrow and select ok, but nothing happend to the stripes and it didn’t changed to a circle…

    please help :\

  5. “Ensure the flow of the brush runs vertically in the settings…” try the setting “bottom to top” it worked for me.

  6. Thanks, nice tutorial. I am a web designer and i was stuck with a client, who after reading your tutorial i am quite sure he was asking for such a thing… i will gonna try it for sure.. and hope my client will gonna like it. Thanks again.

  7. using AI CC
    Once ive created the new brush and use it! It gives me a non-full circle. about 93%

  8. Chris,

    Thanks for the tutorial! With your help, I learned a new design element in less than 30 minutes. I look forward to more great tips in my inbox.

    Sam

  9. oh! Off Course!!! Totally seamless idea!!! you curious dog, this is a great way to use Ai…

  10. Thanks for this tutorial! It helped me with a problem I was stuck on… It didn’t occur to me use a transparency mask in this way :D

  11. Great tutorial. Spoongraphics is one of best place to learn illustrator. Am regular reader of your blog and am featuring your articles on my blog so that my readers can also approach the best stuff. We’ve featured it here at http://bit.ly/1vG8kC0. looking forward for more informative and cool stuff.

  12. I’m having the same issue with the “missing slice” of my circle. I’ve already tried everything said above but still can’t make it word. Anyone?

  13. Thanks for sharing this tutorial. I am not familiar with illustrator but i will have to do some work for my boss.
    Thanks to your tutorial, i will probably succeed in. (Sorry for my english)

    • I have the same issue as Richard. Looks like a real thin slice of pie has been removed from my circle. I assume that this has something to do with the paths not being perfectly aligned, but cannot seem to correct the problem.

      • Path alignment NOT a factor. I can’t seem to pinpoint the exact problem. I tried varying:
        number of lines
        line height
        the direction I drag the cursor to make the circle
        and possibly other parameters (I tried so many things.)With the SAME brush sometimes I get a gap and sometimes not.
        So I guess my advice is keep making circles until you get one with NO gap. (Shrugging.)

  14. Does anyone know why the opacity is mask isn’t working? Just appears a black box after i click “create opacity mask”

    • I had the same problem but figured it out: create the mask, click on the black box, then paste your figure in. And then it should be colored.

  15. I had the same issue with a slice missing from my circle when I applied the bush. It appears that using the round rectangle tool takes this issue away. Previously I used the elliptical tool. If you just arrow down while drawing your rounded rectangle you’ll eventually get to a circle. I hope this helps others as I was very frustrated at that point.

  16. Great tutorial, I am also having the missing segment issue, I’ve changed the stroke direction and tried both vertical option without success, as the anchor points are deleted it is not leaving a clean sharp edge in the centre – any other suggestions?

    • I’ve figured it out – you must have a stroke colour eg black applied to the circle, when there is no stroke colour applied that creates the missing segment

      • Actually… the more I play with this it looks like it has to do with the size of the circle – you have to make sure that when the brush is applied that the circle doesn’t appear to have an empty space in the middle – like a donut.

Comments are now closed