Skip to main content
Inspiring
February 11, 2010
Answered

[Locked] How do I shade or paint "inside the lines" with Illustrator?

  • February 11, 2010
  • 7 replies
  • 82094 views

I'm a longtime Illustrator user, and have yet to figure out an elegant solution for perhaps my most common illustrator task. So, at long last, I'm resorting to the forums.

When one paints in Photoshop, it's common to use the magic wand (or some selection tool) to select a region so that you cannot paint outside of it. Let's say I want to add a shadow or highlight to a sphere -- I select the fill color of the sphere, and then can drag my brush along the perimiter of the selection, which keeps my shadow entirely inside the sphere. This is especially important for cartoon-style drawings where you want sharp shadows or highlights.

It doesn't seem there's any way to do this in Illustrator (using a freehand style of drawing, with a Wacom tablet or the like). The best solution I've found is to use live paint, which allows you to easily select any color areas that spill outside of a line (because live paint identifies those areas as separate entities). You can then simply delete the unwanted color. It's also possible to use the pathfinder tools to unify only overlapping areas, but this can get even more cumbersome if your illustration is complex.

My hope is that someone has a better way -- a plug-in perhaps, or something really obvious that I'm overlooking. Thanks you in advance. Also, I'm not interested in ways of doing this using the pen tool -- I know how to add shadows in that fashion. The goal is to find a way to quickly paint freehand, using a tablet and the brush tools.

P.S. I realize it's possible to simply bring the file into Photoshop, but then you're not creating a vector image, obviously.

    Correct answer Parklife444

    All I wanted was precisely what Adobe implimented -- a paint inside the lines features, similar to creating a mask/selection in Photoshop so that you can't accidentally paint outside of a shape or color area. Even though the feature is essentially automated clipping masks, it frees up my workflow. Also, it's not a bad thing that it still maintains the excess data -- namely the bits of paint cut off by the clipping mask.

    7 replies

    Participant
    January 27, 2018

    In case it helps : the function is available in Adobe Animate : Brush > Brush Mode > Paint selection.

    Participant
    August 16, 2016
    Participant
    July 14, 2016

    Hi!

    I couldn't bother reading the rest of the threads so I'll tell you something that I do.

    Make a closed path over the area within which you wish to constrain the brush lines. Remove the fill and stroke.

    Duplicate that closed path.

    Select both paths and make a clipping mask.

    Select that clipping mask, go into isolation mode and then use your brush.

    Happy brushing!

    _scott__
    Legend
    April 17, 2010

    Illustrator CS5... the Bristle Brush.. and maybe Paint Inside.

    Inspiring
    April 16, 2010

    A HUGE thanks to the fine developers and Adobe who implimented this exact feature in CS5!

    JETalmage
    Inspiring
    April 17, 2010
    ...who implimented this exact feature in CS5!

    That exact feature? How, then, do you reconcile that with your earlier statement:

    ...the isolation mode exploit is in fact using clipping paths, which isn't helpful...

    When I view the teaser demo of the new feature, I see the extraneous portions still existing-- i.e.; merely being masked. Sure looks like a clipping path at work to me. I'm not saying having an interface dedicated specifically to working that way isn't more convenient than my pre-CS5 workaround; but it still looks structurally like much the same thing--same old untidy masking, not actual triming.

    JET

    Parklife444AuthorCorrect answer
    Inspiring
    April 17, 2010

    All I wanted was precisely what Adobe implimented -- a paint inside the lines features, similar to creating a mask/selection in Photoshop so that you can't accidentally paint outside of a shape or color area. Even though the feature is essentially automated clipping masks, it frees up my workflow. Also, it's not a bad thing that it still maintains the excess data -- namely the bits of paint cut off by the clipping mask.

    Inspiring
    February 11, 2010

    Clipping Mask?

    Inspiring
    February 11, 2010

    Clipping path, sorry.


    JETalmage
    Inspiring
    February 11, 2010

    Odd question from a longtime AI user. When drawing in programs like Illustrator, you are creating objects, not merely recoloring existing pixels. So the objects you draw either have to be shaped exactly like you want them to show, or you have to use other paths to mask them or trim them.

    This PDF shows one method of "painting into" a masked area. It was done as an example of exploiting the so-called Isolation Mode which appeared somewhere around version CS2, as I recall. It sort of emulates painting with an airbrush inside regions masked by frisket material, by drawing paths with a Brush appearance and a blurr Effect applied inside nested clipping paths.

    JET

    Inspiring
    February 11, 2010

    Hi JET,

    The doc you sent is helpful, but it essnetially relies on clipping masks -- another cumbersome feature that is ultimately less useful than manually shaping the shadows or highlights manually.

    For the record, the question I'm asking isn't actually that strange. Illustrator already has the ability, heightened greatly with Live Paint, to allow you to select certain color regions. I'm simplyi asking if it's possible to constrain all drawing to within a given color reason, which would be helpful for a number of reasons. The simple fact is that one often wants that "human touch" to the shading, which is easiest to achieve using a pressure-sensitive tablet. However, without the ability to constrain the drawing, you're often left with quite a bit of clean-up work, which seems entirely unnecessary given that Live Paint is ALREADY recognizing which color areas are inside a shape and which are outside of it. I'm just wondering if there's a way to automate the process.

    Inspiring
    February 12, 2010

    Although what I suggest can work at a combination of layer and object masks that emulates the way a selection is made by photoshop can work as a temporary mask the expands automatically when deselected.

    It used to be a repeated feature request.

    Akin to the masking tools in After Effects except that the mask act as a temporary select, which could also be saved similar to an alpha channel without the over head.

    This is a good feature request and it would work particu;ary well with the blob brush and the eraser tool.


    Thanks Wade -- I think what you suggest is probably the most elegant solution available today. Yeah, I might put it in the feature requests, as it seems like what I want isn't possible. My issue isn't that constraining drawing to a shape or color area can't be done at all, it's that it's a cumbersome process. It's funny because this is such a common process in Photoshop, and some artists I know choose to simply abandon pure vector art for the speed and ease of shading in Photoshop (when possible). It seems like Illustrator more or less already has the capabilities to do what I want, it's just not an option. Again, they could simply add a proper magic wand option (and other selection options) to the Blob brush and Live Paint.