
You might have figured out by now that I use AI for most of my 2D rendering these days. But what about sketching? I admit that I don’t use it all the time, but increasingly frequently I’m finding that sketching in Illustrator can actually be extremely effective for very fast, clean, EDITABLE, scalable thumbnails. Here are a few of my tricks.

First of all, make sure that you’ve disabled thumbnail generation in the layers palette. Thumbnails bog down your machine when you’re trying to create lots of geometry very quickly (like when you’re sketching).
I have a custom brush I call “ballpoint” to do basic linework. On all of my brushes I usually make them about 50-75% opacity on ‘multiply’ mode. This way the lines get darker when the cross each other, much like a real marker. This effect is much more apparent with fatter brushes.
I’ve got another brush I call “sharpie”. Just punch up the outlines.

Then I group my linework so it’s easy to lock.
Lock your linework, then create a rough shape to fill it in with the pen tool. This can be very sloppy. Put it beneath the linework so it’s visible.

Here’s where we start getting fancy. Create another shape overlapping the first one.
N
Move it to the back of the first object, then go to object>clipping mask>make. This is the secret to working fast in AI!

You may notice that the first shape now clips the second shape, but loses its fill. In the layers palette, expand the newly clipped group and select the clipping mask. Change it to your base color (red in this case).

Now here’s the magic. Double-click on your clipping group, and Illustrator will draw a gray box around it. This signifies that you are now “inside” the nested group. This means you can draw however you like, and your art will be clipped by the original path. So lets try it.

With the gray box still outlining your clipping group, draw another shape. Don’t bother staying inside the outline: your clipping mask is automatically doing it!

Go crazy! Draw whatever you like inside the clipping mask, it will all stay within your clipping mask. You can do even more crazy things if you nest clipping masks WITHIN clipping masks. Enjoy!
|
Adam O'Hern is an industrial design consultant specializing in visual brand languages, and has designed products ranging from laptops to power tools, classroom toys to bathroom fixtures, and robots to lint rollers. He has published with 3DWorld Magazine, CGTuts+, and Luxology, and works with Josh Mings of SolidSmack.com on EngineerVsDesigner.com. |







Ah, same thing happening in The States?
Things often go differently than we had in mind.
I’ll visit often. ;) :)
Bloody Hell chaps. This is what blogging is about. Did you guys meet up ?
And, did the workshop go through ?
Did they enjoy it ?
Thanks for these tips. Alas my Wacom pen(cil) just died. Whatever I do it selects everything, instead of drawing. The eraser is also hardly doing anything. I already removed the tip of the pen and reinserted but no joy. I’ll probably have to get a new pen or a completely new tablet.
Trying this out will have to wait a bit.
Hi Robert,
We meant to, but I definitely let it slip through the cracks! Maybe I’ll get back in touch with him. Thanks for the reminder :)
Good luck with the Wacom malfunction.
Adam
http://maclab.guhsd.net/students/blog/_temp/052309_mlss.jpg is what the room looked like yesterday… before 8:00… yes, on a Saturday! (The clock’s been stuck on 10:30 for years.) It’s theatre in the round. Classes average 40+ kids per period. Just thought you should know what you’re getting into. ;)
And the post won’t go up till Tuesday. Forgot about the holiday.
Sounds great, Mike! Looks like an amazing space. You are very fortunate!
I used to teach Saturday art classes for high schoolers at the art college where I got my bachelor’s. I’ve always enjoyed teaching, though I admit 40 kids per period is pretty overwhelming! We’ll be in touch.
That _would_ be fun, Adam. My contact info is here: http://maclab.guhsd.net/blog/?page_id=2
Thanks in advance and looking forward to meeting the analog you. ;)
My mind just exploded. That parrot is amazing! Yes, the thumbnail rendering will DEFINITELY slow that one down!!
I don’t have any hard and fast rules about the smoothing settings in AI. I just fiddle with them until they do what I want, and then save them so I don’t have to fiddle any more :) I make sure to turn OFF the “edit selected” option, and also to disable the option that selects lines after I sketch them. I just think it’s more natural that way.
By the way, I’m moving to LA in the fall (my wife is doing a second masters’ in art conservation at UCLA). I’d love to come see what you’re up to, and maybe give a workshop or something. Could be fun!
Adam
When I incorporate a new sketch/thumbnail assignment in the fall, I’ll be linking back here to give you full credit for the technique, Adam.
The ballpoint/sharpie brushes and clipping group are brilliant but switching off the Thumbnails Layers option never occurred to me. So that’s why Illustrator bogs down on projects like http://maclab.guhsd.net/students/blog/parrot.jpg
I’ll share this with my students as well as other gems you’ve got here in Monday’s post.
And if I might ask, would you please share the Fidelity/Smoothness brush options you use for sketching? As an old school artist embracing these digital wonders, the “help” Illustrator provides with brushwork is sometimes frustrating and I haven’t found the magic settings to achieve a more natural line with the Wacom tablet. Thanks!
Hi fede:
I see your problem. I’ve tried to do what you’re trying to do many times, and unfortunately there’s no quick and easy way to do it. There are some tricks you could use, but it would involve a lot of manual work. The problem is that you’re trying to render something 3D using a 2D application; something that can be done very effectively, but not without lots of manual work.
Good luck!
Adam
my name is federico, im an industrial designer student from argentina im in 1st year. i saw your rendering of the “shoe” and this one do you think you can give me a few tips to perform a linear rendering in illustrator?. this is the object http://i44.tinypic.com/j60ilu.png (the white line tries to be the light but i know that its not right)
I think it’s in my template file here:
http://adam.theoherns.com/2007/06/22/industrial-design-ai-graphic-styles/
Hope that helps!
Let me know if there’s anything else I can do to help!
I’m new to Illustrator and have found myself frustrated with it more often than not…but this sketch is inspiring. I’d love to have the specs on your sharpie brush – that could really come in handy. Thanks!
hi,,
its really nice will try as i have some kind of works like this… :)
nice! I think I might give it a try sometime!