I’ve made a lot of friends in the web comic community, mostly through Twitter. I’ve met lots of great people. But one of the people I love like the most is undeniably Mike Perry. We’ve had a close artistic relationship in the past, i.e. I drew the cover for the second Phischman book, and just recently drew one of his characters in my own style. And now Mike’s drawn this, which I though I’d show you guys:

Cool huh? 😀 This is the second time I get to see my characters in another style (not counting some brief appearances in other comics), and it’s just as fun this time.

And now I want MOAR stuff like this.

(Warning: Wall of text ahead. If you’re not interested in drawing, there’s probably nothing interesting in this text for you 😛 )

There have been occasions when I’ve been asked just how I do when I draw, how I get such smooth inks, how I color and so forth and so on. I’ve put up some brief clips on youtube in the past, showing my process, but they’ve been sloppy and… well, not that educational. The latest person who asked was Salvatore Iovene, who requested on Twitter that I’d do a tutorial on how I did the latest character drawings. So that’s what I intend to do; shortly talk about the steps that I went through when drawing the Leslie picture. The same process correlates to the Isaac and the Houston picture, more or less.

(I’m not going to get into how I get smooth line art and how I lay down colors all that much in this tutorial. However, I am intending to do a digital inking video, and show how I do it. I’m currently thinking about just HOW I should do that.)

I’ve divided my process into six steps with six images each. The first five are entirely done in Corel Painter IX. In the seventh, I’m moving over to Photoshop CS3. Here we go!

Step one: Rough sketch

At this step, I open up Painter and select Pencils – Cover pencil. This is the brush I use for all my sketching. I don’t worry about layers or anything like that at this point, I just start sketching, and I always begin with the head. And when I say I begin with the head, I mean I start with a plain circle, which I add some stuff to to make Leslies head shape. (If you look at the picture above, you can see that starting-circle crossing his nose and mouth and going up through his hair, highlighted in blue).
I then use his head to measure out his body. I know his head to body ratio is 1/3, meaning that I can fit his head three times in his body, and that his torso and his legs are one head high each. I’ll just keep adding shapes and rough details until I think it looks enough like Leslie to move on.

Step two: Clean sketch

In case I’ve created additional layers, except for the canvas one, I’ll drop everything at this point (meaning, I’ll flatten the images). I’ll end up with all my lines on the canvas layer again. I then choose “lift canvas to watercolor layer”, which turns the canvas into a new layer (and, obviously a watercolor one, which means you can’t edit that layer without either committing to it or using the watercolor brushes). In doing this, it also sets the layer to the “gel” layer mode, which sucks. So I change it to “default”, and bring the opacity way down.
I then create another layer, and re-sketch the entire thing, paying more attention to details – and try to make it actually look good (you can see some of the changes I made, like his expression). I know a lot of cartoonists that’d just skip this step and go straight to the inking from the rough. I’m just not that good at improvising my inks.

Step three: Inking

This is a delight. Once again I’ll create a new layer, and start inking with the Pens – Scratchboard tool. I pay attention to making the long, big lines (and particularly the outlines), thicker – and the small, short and less important ones (like the pockets on his jeans, and the facial features) thinner.
Many people seem to like my line art, I do too actually, but how do I get that smoothness? Well, it’s a combination of the scratchboard tool (which is GREAT, I can’t get this line quality in Photoshop. I just can’t.) the fact that I draw every line really really fast, and the fact that I let my lines overlap each other and erase the extra parts later. Scott Kurtz explains how he does just this, in this video.

I do just like that, expect he works in Photoshop, and I working in Painter. And I might even flick my pen even faster than he does. (I hit undo a lot. A LOT).

Step four: Laying down the flats

NEW LAYER again. With the inking done, I select the Pens – flat color brush, and start tracing around the lines with the color I want, and then just fill it. Scott Johnson explains that part in one of his videos, so in case you don’t get what I mean, check that out.

However you do it, this is an easy step. Just get those flat colors in there, all in the same layer.

Step five: Shading and highlighting

If you read the strip (which I HOPE YOU DO) or know my art style, you know I usually cel-shade when shading. However, I didn’t for these pictures.
What I do is that I select one color “block” with the magic wand (I usually start with the skin color), select the color I want to shade with (which is usually a darker, more saturated, more purple tinted color. Sometimes it’s less saturated, though), and then just shade lightly with the Tinting – basic round brush. I’ll keep darken the colors where it makes sense, and throws in some highlights on the opposite side. I then smudge all the colors with the Blenders – just add water brush, to make the transitions more gradual.

(I won’t go into more depth than that, I’m assuming you know how to select good colors, and that you know some color theory and whatnots… cause I’m no good at it. Here’s an EXCELLENT tutorial on that subject; I STRONGLY suggest you read that).

Step six: Photoshopping

At this point the image is basically done, but I want to add some finishing touches. So I save it as a .PSD, and fire up Photoshop.
I have a texture I’ve made myself, from several other free textures, that I just slap over the image in a new layer, with the layer mode “soft light” (just play around with the layer mode and opacity if you’re not sure, and see what it gets you). I then create a new layer, set it to screen, select a big brush with a brownish/orange color and start adding some wicked highlights to the left side. Mike Krahulik has a clip that shows how.

And that’s it, more or less. I like to change my line art to a very dark red, to smooth out the image, and of course I also added the shadow underneath, but other than that, I’ve got nothing further to add.

I hope at least some of you enjoyed reading about this process (and it actually felt good to get a little bit serious for once, I have a tendency to do that when I try to explain stuff). I really enjoy tutorials myself, so. Both written and in video form. I’ll try and make a video tutorial soon enough.

Last but not least (or, well…), you get epic Houston pic:

I think I’ll make this into a wallpaper, tomorrow. I need sleep now!

EDIT: Wallpapers:

1280×1024
1600×1200

Only two sizes. But because the background is white , you should be able to fit it pretty much anywhere.

Isaac’s anatomy has always been hard for me, especially in the 1/3 head to body ratio I draw them in. However, I kinda like this one:

It’s far from perfect, and Isaac’s design hasn’t evolved as well as Leslie, but still.

My characters have this weird habit of never staying the same. Thankfully. But if you read the strip, you probably all ready knew that.

Anyways, I drew Leslie in his latest design, or as I want him to look at the moment, and thought I’d share it with you.

I’ll probably make a similar, up to date picture of Isaac and Houston soon, so stay tuned.

Shortest. Hiatus. EVER.

Much like Jesus did this time of year back in the ancient times, so has the once broken computer of mine been resurrected from the dead. Getting a hold of a new power supply (which was what turned out to be broken, much as I expected) proved to be much easier and quicker than I first expected. I really did think this computer was done for forever. However, it does kinda feel like we’ve hooked up a dying man to a respirator. This computer IS passed its expiration date, but it’s working again for now. I’m more determined than ever to get a hold of a new one, and preferably before this one dies on me again. It’s just a matter of time.

However! This of course means that there’ll new strip tomorrow! 🙂 So the hiatus didn’t affect my schedule at all, and if I hadn’t made a post about it, you’d never known.
Oh, well. At least you know what’s going on.

(Danny came  up with that post title, it made me smile)

It saddens me to say, but my (i.e. my familys, or rather my fathers) computer has died on me. Looks like it won’t start again, ever. Well, never say never – I guess we’ll see, but it’s definitely broken now (this is not just a software issue). It’s either the power supply or the motherboard/CPU that’s toast.

So, this sucks on oh so many levels. First off, which you’ve probably already guessed – Glitchtown is now on hiatus until further notice (HAHAHA DISREGARD THAT, I SUCK C*CKS) I can’t draw (digitally that is) anymore, let alone make any strips. I can’t access any of my files either, but I’m sure they’re intact. I’ve got back ups of most of it, anyway. I feel like a complete douche, as I just missed and update and now bring you these crappy news. I’m really sorry, but sometimes things just fucking suck,as it seems.

This also means no new post at my sketch blog. I will probably not answer any emails now, either. At least, don’t expect it if you’ve emailed me lately. And I won’t be tweeting an awful lot from now on (although twitter is probably the best way to contact me now).

Honestly, seeing as how 90% of my life is virtual/online, I can’t really do ANYTHING now.

So, I guess… all you guys can just keep checking the site Mondays and Fridays anyway, if not to see what the current status on all this is. I post more news in the blog as soon as I have something more than “everything sucks”.

Tl;dr: no computer, no strip, no job, no money. Maybe it’s time for this dude now:

EDIT: Solved.

Yesterday, when I was about to add the awesome-smiley to the preinstalled wordpress-smileys I’ve got here (and accidentally made the site go down for awhile), I noticed that there are a lot of graphical icons in that folder that I’ve never even seen.

So I thought we’d go through them all, so you know what smileys you can use, both here, and on every other WordPress comic/blog out there (not that you’d want to use them, but still…). I’ll also give examples to how they can be used.

Here we go:

:) = 🙂
Example: “Wow, this comic really sucks… 🙂 ”

:D = 😀
Example: “I mean, REALLY 😀 ”

:lol: = 😆
Example: “Haha! This reminds me of something that’s actually FUNNY! 😆 ”

;) = 😉
Example: “And it wasn’t Glitchtown, that’s for sure. 😉 ”

:P = 😛
Example: “So hah! 😛 ”

:( = 🙁
Example: “Wait… that’s not funny. 🙁 ”

:cry: = 😥
Example: “I work at Adobe, I’m nothing like this! 😥 ”

:oops: = 😳
Example: “You should draw all your characters, naked… sometime… 😳 ”

:roll: = 🙄
Example: “oh, you… 🙄 ”

8) = 8)
Example: “You’ll never be as cool as me 8) ”

8O = 😯
Example: “Late update? Again? 😯 ”

:? = 😕
Example: “I don’t get this strip… 😕 ”

:o = 😮
Example: “Dude. I was just kidding about drawing them naked. 😮 ”

:x = 😡
Example: “Cats. Are NOT. Silly! 😡 ”

:| = 😐
Example: “Meh :|”

:!: = ❗
Example: “HHHNNNNNNNNNNNNNNGHHHH ❗ ”

:?: = ❓
Example: “Wait, what ❓ ”

:arrow: = ➡
Example: “Hey, everybody! Head over to Penny Arcade instead. ➡ It’s actually funny!”

:twisted: = 😈
Example: “im in ur site spammin yor commentfeild lolol 😈 ”

:evil: = 👿
Example: “WHAT IS THIS SHIT 👿 ”

:idea: = 💡
Example: “I just got an idea, and I’ll use this shit right here to prove it -> 💡 ”

:mrgreen: =
Example: “Why would anyone ever use this smiley? ”

Now, I’m aware that many of these suck. I didn’t make them. But I could change them thought, maybe. Sometime.

Also, let’s go through what HTML that’s acceptable in the comments. It annoys me when you don’t know what you can and can’t write, and you end up with a weirdly formatted comment (which you can’t edit. I can though.)

Here’s some of what wordpress accepts:

<b> / <strong>
<i> / <em>
<s> / <del>
<a href=”example”>
<blockquote>
<ins datetime=”2009-03-24T12:04:20+00:00″>
<img src=”example” alt=”example” />
<ul>
<ol>
<li>
<code>

I won’t explain them all. If you don’t know what it is, you probably won’t need it.

This is a new experience for me, and all of us. Glitchtown fanart! Woho!

I mean. Just wow, I honestly never though I’d get some genuine fanart. This is so awesome. Just look at it.
It’s made by the very talented Drobvirks, now go show her some love over at DeviantArt. I command you!

Seriously, thanks so much for this, Julia. ^^

Craig McCracken is one of my biggest inspirations. As a few of my readers already know, I also really like The Powerpuff Girls, and I’m not ashamed of that.

Ok, maybe a little bit. Ehm.

ANYWAY. I really like the style, so I drew Leslie, Isaac and Houston like so:

:3 Isn’t that cute? (It might not look like it, but it took quite some time to do that. It’s been awhile since I used Illustrator.)

I was going to add the Glitchtown logo, but realized I’m missing the font I’m using for it, AvantGarde (if you have it and could email it to me, I’d be very happy, very happy indeed). Thanks Danny, you’re a life saver! 😀

If anybody wants to, I’ll make this into a wallpaper.