Archive for ‘Process’

Attn: Southern California

Los Angeles Workshop

This August, I’ll be bringing the Two-Day Making Comics Workshop back to The Los Angeles Academy of Figurative Art for a fourth year.

14 hours of everything I can teach you through lectures and hands-on exercises. An intense look at the art of telling stories visually. More info on my seminars here.

The workshops welcome everyone from experienced artists to stick figure beginners. We have a great time every year, and everybody learns a lot, including me.

I just wrapped up two months teaching an expanded workshop at Clarksville Tennessee’s Austin Peay State University so I’ll have lots of new stuff to share. Wish me luck cramming it all in.

Here’s the link to SIGN UP. As always, availability is limited. See you in August!


Oh! And see the sidebar for more upcoming events. Now that I’m finally back from my long hibernation—and YES, done with the book—look for a big blog post soon with a round-up of recent and upcoming developments. It’s going to be a very interesting year.

Attention: Southern California

This February, I’ll be bringing the Two Day Making Comics Workshop back to The Los Angeles Academy of Figurative Art for a third year.

14 hours of everything I can teach you through lectures and hands-on exercises. An intense look at the art of telling stories visually. More info on my seminars here.

My students and I always have a lot of fun in these classes. Last year’s workshop even got a write-up in Fast Company by author Matthew May.

Here’s the link to SIGN UP. As always, availability is limited. See you in February!


And see sidebar for more on my very busy spring including stops in Nashville, Berlin, Alberta, Santa Barbara, and White River Junction, VT—a total of six trips in seven weeks!

Attention Montreal!

The Making Comics 2-Day Workshop heads north to beautiful Montreal, May 28-29.

Sixteen hours of everything I can teach you through lectures and hands-on exercises. An intense look at the art of telling stories visually.

Here’s the link to SIGN UP. Availability is limited as usual.

Need another excuse to visit Montreal in the spring? How about the fact that it’s Montreal in the spring!


When was the last time a comic surprised you? Really surprised you?

If you’re using a javascript enabled modern browser, give this link a click and scroll down to read.

Neat trick, hunh?

This is one of those interesting cases where the insertion of motion (or the illusion of it by hijacking the scrollbar) doesn’t automatically tear at the fabric of the medium. It still feels like comics, because that static juxtaposition is maintained (a bit like comics that use looped motion).

Hope others will give it a try. Adding the ingredient of reader presence to the mix could open up a lot of interesting possibilities, especially for genres like horror which thrive on keeping the reader at least partially in the dark.

[via reader Noah Easterly, reddit, and others]

Want to be in a Graphic Novel?


Do you live in LA, Ventura, Santa Barbara or Kern County? Willing to drive to Thousand Oaks, CA this Sunday afternoon (Aug 14)?

I’ve got a difficult page coming up that requires an unusual crowd shot and I’ve decided I need photo reference. Aiming for 2-3pm. If you’d like to participate, please email me and I’ll send more details.

Thanks and hope to see you this weekend!

Aww, Just Read This…

There’s some real wisdom in this comic, apparently by a young Norwegian artist that I (and I suspect you) have never heard of.

[Update: It apparently was first posted on her deviantART page and yes, she's from Norway.]

Thanks to Bill Amend, by way of Raina Telgemeier, for pointing to this gem today.

Dial-A-Face, Continued

Well, speaking of How-To videos (see Monday’s post), here’s a great video on creating facial expressions, à la Making Comics and The Grimace Project, in Anime Studio, using “Rudiger’s MorphDials script,” whatever that is. Pretty interesting stuff.

Had fun in Atlanta Tuesday, having fun in New York today, hope you’re having fun wherever you are!

Analog Dreams

Toronto Comic Arts Festival: Pencil it In.

Here’s a great counterpoint to yesterday’s digital drawing video: a celebration of the traditional comics crafts in the hands of masters.

Sorry to be missing TCAF this weekend, but you can still make it. It’s a great, great show.

My First Video Tutorial!

As promised, I’ve just released a real video tutorial covering last week’s lettering tips in two parts: Part One | Part Two. (Be sure to select “720p HD” for the clearest view.)

I know it’s just a silly How-To, but I’m actually kind of excited to finally be able to explain this system that I’ve enjoyed using for so many years. I really think this is a faster, more enjoyable, and more flexible system than most methods I’ve seen and would love for others to give it a try.

The appearance layer trick has been incredibly useful for me, but it was always hard to explain. Now I can simply give people a link, and show them why I like it so much.

Thanks to “Craniumation” in last week’s comments section who suggested the program Screenflow to capture my desktop demo.

I’m off to Atlanta today for a private Turner event on Tuesday, then off to NYC via JFK for SVA on THU. Blogging might be spotty, but have a great week!

Lettering and Panel Borders in Illustrator (Post 2 of 2)


[See yesterday's post for the first half]

Okay, here’s some more info on my idiosyncratic method for lettering and panel borders. With luck, I hope to make this post obsolete soon by creating a proper video tutorial. But first… gotta finish what I began.

Part 4: Panel Borders

Now might be a good time to mention that, as in yesterday’s balloon explanation, this is how panel borders are made the first time you make them. After that, you’ll want to create a template. I’ll show you my template at the end but everyone’s template is different.

Basically my panel borders use that same stroked-content appearance that the word balloons use. The key is create a new layer set above the balloons and text, with its own stroked appearance so that it overlaps the balloons.

The result should look exactly like a white wall with windows cut out of it that the balloons (and eventually, the artwork) can appear behind.

VIDEO: Making Panel Borders

1. Same document as last time.

2. Create a new layer, name it “Borders.”

3. Select the rectangle tool from the tools palette

4. Set its color to white, no stroke.

5. Create the outer box for your page. I’m just doing a sloppy job in the video—proof of concept only. You’ll want your eventual template to be to specific measurements of course. (see Part 5).

6. Again, repeat the stroked appearance technique from Part 1, steps 7-9.

7. Draw in the panel gutters, as if they were window sashes. If you’re like most of us, you’ll want all the gutters to be consistent sizes, so you can just drag and copy (personally, I make my horizontals a bit thicker, but everyone has their own preference).

8. Lock the “Borders” layer when you’re done.

9. Select the balloon and drag it around to see the window effect. (VIDEO)

10. Play Words with Friends for a while, argue about Game of Thrones on Facebook—Hey, get back here!

Part 5: The Template

So, everybody’s template will be different, but if it helps, here’s some info on mine.

Open this Screenshot of my Template in a new window and read the below info alongside it.

You’re looking at a file in Illustrator that’s ready to be exported to Photoshop so that I can start drawing. (Technically, I’ll be exporting a copy of this file that has all that crap around the margins deleted, but this way, I can explain the crap).

At left, you’ll see some useful balloon and caption shapes and various tails (arranged in odd-looking circles so I’ll have any angle I might want). The text boxes are already placed in their balloons, with a single “x” in each that I can select to begin typing.

At top and on right are the panel gutters. The fat ones are for the space around the panels, the thin ones for the regular gutters. I have a lot of bleeds in this book, otherwise, I’d just put the fat ones in place in the template and leave them there.

I have a standard grid that I’m using (2, 3, or 4 tiers, depending on the page, and regular divisions width-wise), so the regular gutters are positioned to copy-drag in.

At top, toward the left, you’ll see a big letter “L.” Since this is for print, there’s a slight difference in layout between Right and Left pages. This is the Left template. I don’t wanna mix them up! They look pretty similar.

My layers have odd names—for reasons I’m not even sure I can explain, except to say that it helps me spot them at a glance. Here’s a bit on each.

The bottom layer (cleverly named “____________”) is just a blue background to help me see the balloon and gutter widgets more easily. Also I like blue. Notice that it’s locked. Really good idea to lock whatever you’re not using.

Next layer is “||| <rough>.” Why the vertical lines? Fucked if I can remember! I’m sure I had a good reason at the time. The art is a rough layout, not finished art. I’ve placed a copy of that rough in the layer and, using the little pop-up menu in the layers palette, set the options for the layer so that placed images like this one are nice and dim.

The balloon and lettering layers are next. If you like, you might want to have two or even three balloon layers so that balloons from different characters can overlap without joining together.

“GUT” is gutters of course. Did I mention that all of these layers will be renamed in Photoshop?

“#” is the page number. The page number needs to sit OVER the gutters, since it’s not in one of the panel windows. Ditto for other overlapping elements.

The “Outer Box” layer marks the extra border area that will be trimmed away in Photoshop (that dark blue box around the page). Helps isolate it visually for me, though it’s not strictly necessary. It’s… I dunno… I like it… It’s blue.

The “<grid>” layer is just a red line guide to help me place the layout and other elements. Not visible in this screenshot (notice the absent eye icon in the layers palette?). I don’t have to bother deleting it because I set its options (in the layer palette’s pop-up menu) to not “print,” which also means it doesn’t export.

I’ve found lettering this way incredibly easy and pretty fast. I open the template, drop a layout page in, drag in the balloons, type in the text, throw on the tails, tweak it a bit, and I’m done.

I export a duplicate of the file (with all the extra stuff deleted) to Photoshop at 1200 dpi grayscale, keeping the text editable.

Then in Photoshop, I hit a button in the Actions palette* and it renames and rearranges all the layers (and adds quite a few new ones) in a matter of seconds.

The resulting file is ready to draw in. AND, if I need to make a change in the lettering later, I can do so right in Photoshop, since the lettering itself is still editable.

That’s it for now. Hope this is useful to someone!

Next: I’ve found a program I like for better screen recordings with voice. If I get time, I’m going to try to create a more sophisticated video tutorial, so we won’t need this clunky thing anymore.

[*One tip on recording layer changes in Actions: All layer names should be unique, and if you create a new layer while recording, be sure to rename it immediately; one document's new "Layer 7" may be another document's new "Layer 12"]

Oh! And one last unrelated, but important note: Sky has decided. Santa Cruz it is!