Hey, hi! It’s been really gratifying to see the reaction to RED MOON and I thought I’d write up some “making of” notes here.


RED MOON was based on a short story that I wrote when I was 19, I think, about a stowaway vampire making its way to a human colony in space. I suddenly remembered this story earlier this summer, when I was thinking how I could follow last year’s Halloween comic, “Goodnight.” I dug up the original dot-matrix printed story from a box in my basement. I can’t bear to share any of the original text here because it’s just wincingly, painfully bad.

Good news! I am a better illustrator than I am a fiction writer! That might not be saying much. Anyway, pretty much everything in RED MOON plays out as described in the original story, except I moved the destination from Mars to Phobos, and there was hardly any dialogue.

I started rough-sketching out the scenes with pencil and paper first, resulting in eight pages. Then I took photos of the sketches with my iPhone and imported them into Manga Studio on my Surface Pro. These are pretty terrible, but their primary purpose was to set up each scene. Here are a few:




Using the sketches as guides, I started doing more detailed digital pencils on top, and then a final linework pass on top of those.




Now, a professional comic illustrator could probably bang out eight pages in just a few days. I, on the other hand, needed two months of on-again, off-again work to finish these pages. Sometimes I went a week or more without making progress on it. It’s not a great way to work, partly because it was easy to forget important details such as what brush sizes I was using and what elements lived on what layer. Ah, and I did this while also holding down a day job and posting weekly comics at Neat Hobby. Luckily I had set the story in the dark, claustrophobic confines of a small spacecraft, so I didn’t have to draw a ton of detailed environs because everything was in shadow or silhouette, saving me a ton of time.




Eventually I had the linework done and could move on to inking. At first I was going to use a soft, airbrushed look but then stupidly changed my mind halfway through when I discovered this awesome Zombie Yeti rough brush, which I think gives everything a bit of a nightmare quality. In retrospect I probably put way too much detail into the linework since so much of it was swallowed up in shadow.

Finally I used some noise and fabric texture brushes to add some interest to the all-black areas.



That’s pretty much it for the illustration, just a lot of trial and error and pushing my drawing skills as far as possible. I redrew a lot of stuff, mostly the faces and hands. I redrew the entire shuttle bridge scene (frame one of page five) because I chose a line weight that felt too thick. The great thing about digital illustration, though, is you don’t have to throw anything away. Just stuff the layers in a folder and hide them.

The “Enhanced Edition”


Two weeks before the publish date I read Matthew Bogart’s “Why Cartoonists Might Want To Be William Castle” and Pablo Defendini’s “Standards, Semantics, & Sequential Art.” These immediately had me wondering if I could do anything with RED MOON to take it beyond static images. I’d seen animated/interactive comics before, and was particularly impressed by Electric Sheep Comix (NSFW) and Valve’s Team Fortress comics. So I set out to add some cool special effects to RED MOON.

This didn’t turn out to be as much work as you’d think. All of the effects are triggered by Skrollr, a JavaScript library that allows a web page to do special stuff when the page is scrolled. Check out the demo and you’ll essentially see all the effects I used in RED MOON.

The other fancy part is the use of CSS3 transitions and animations. With these you can achieve Flash-style but with plain ol’ CSS rules. These animations are usually managed by the host computer’s graphics processor instead of the JavaScript engine, so they’re less likely to bog down the page rendering.

Everything in RED MOON is done with Skrollr, CSS3 and a bit of native JavaScript. I didn’t use even one line of jQuery. Some concrete examples:

• The flashing foreground lighting in page three is a partly transparent, absolutely-positioned PNG image, with a looping CSS 3 animation that toggles the overlay’s CSS opacity value.

• The totally gross blood gusher is another partly transparent PNG image that starts off scaled down to almost nothing. As the page scrolls, the image is scaled up to where it appears to burst from the frame. This is done with the transform:scale CSS rule.


• The floating, spinning eyeglasses are another PNG image which is both scaled up and rotated as the page scrolls. There’s also some positioning magic happening to keep the glasses somewhat centered in the window while you scroll. The fact that the glasses also disappear into shadow is a happy accident!

• All the star fields and blood particle backdrops are just CSS background images behind the page images, which have transparent knock-outs. I actually used a green screen layer so I could easily see where those knock-outs were.



The backdrops scroll independently of the page images, creating a cool parallax effect.

Finally, the dialogue balloons are transparent PNGs absolutely positioned on top of everything else. They begin hidden at zero opacity, and begin to fade in once they’re within 100 pixels of the window centerline.

That is basically everything! To be honest, it took far longer to chop up all the images into floaty bits and position them on the page than it did to hook up the special effects. I ended up with lots and lots and lots of little image files to manage. A pain, but I think the result was totally worth it.

As a collection of web pages, RED MOON is neither responsive nor accessible, which kind of bothers me a bit. If I had more time before launch, I would’ve liked to at least come up with a better mobile solution. I think this is one of the bigger challenges facing comics today: how to take an art form that relies so much on layout to create mood, tension and cadence and translate it to mobile screens. Even the static image version isn’t all that optimal for small screens as the images themselves are enormous — and I didn’t even provide high resolution images for Retina and other dense-pixel displays.

Ideally there’d be only one version of RED MOON that would be initially static images, with the JS/CSS-powered bells and whistles added only for browsers that supported them. In hindsight I can see a few ways I could have managed this, but I was rushing at breakneck speed just to finish the art, so I’ll just try to do even better next time.

Thanks again for reading!

RED MOON: new Halloween special comic at Neat Hobby!


Look, I made a Halloween thing! I spent most of September and October putting together RED MOON, a short horror story done in a graphic novel style, with some pretty cool animations and special effects for modern browsers. There’s an image-only “standard” edition for all devices, too. RED MOON is based on a short story I wrote when I was 19, and although the writing itself was pretty awful, I think it translated into a decent comic.

Much of the inspiration for the “enhanced” edition of RED MOON came from Matthew Bogart’s article “Why cartoonists might want to be William Castle.” Castle earned a reputation for shocking movie audiences (sometimes literally!) with staged effects and live stunts that made for a more immersive experience for moviegoers. With that in mind, I made a dubious 11th-hour choice to spend the last week experimenting with fancy-pants CSS 3 transitions and animations to enhance the comic. I’ll probably write a future post on the technical stuff (n.b.: there’s not a lot of technical wizardry and I cheated a lot).

Beyond that, it was a fun challenge to stretch my comic illustration chops and work outside that comfort zone. I have a new level of respect for the artists who can bang out multiple pages like these per day at a much higher quality.

Enough talk! Enjoy…RED MOON.

KK plays Bungie’s The Taken King party, doesn’t die


Kirby Krackle had the unique honor of being the house band at Bungie’s Destiny: The Taken King release party last night at the MOHAI in Seattle. I got to meet a few devs and showered effusive praise on those who identified themselves as testers. I also got to dedicate our cover of AC/DC’s “Highway To Hell” to anyone who had ever “worked through a crunch, now or ever.” LOL I’m awesome.

I had to admit to those same testers that I hadn’t played Destiny yet, but I think I gained some respect back by mentioning I was still plowing through Alien: Isolation and Borderlands: The Pre-Sequel so I’m basically a year behind.

We did all of this with Kyle basically in an illness-driven fugue state, having contracted some serious con crud from Long Beach Comic Con. How he pulls these events off in such a state we’ll never figure out, but I spent part of the post-show evening following him around waiting to catch him if he collapsed. Nerd rock life is hard.

Oh, NOW a stylus is cool…

It figures that a week after I posted about how drawing on an iPad sucks, Apple would go and release a new iPad and stylus combo optimized for illustration.

Obviously I haven’t tried the iPad Pro with the new Apple Pencil myself, but Apple’s sizzle video sure does make the experience look luscious. Daaaammmn.

My primary complaint about using the iPad for illustration is the iPad touch screen is optimized for fat, smooshy fingertips. That’s why most of the pens you’ll find for earlier iPads have tips that look like erasers. You just can’t get that fine-line finesse on an iPad (unless you zoomed way, way in). More precision simply wasn’t necessary for the vast majority of tasks done on a tablet.

The iPad Pro retains the squishy-fingertip support, but allows for more precision when it senses the Apple Pencil. That’s pretty cool. Add in the freakishly high Retina pixel density and — wow.

If you’re interested, take a look at this post by Linda Dong comparing the iPad Pro to the Wacom Cintiq. Dong is a designer who worked at Apple on the Apple Pencil and drawing support. I’ve not used a Cintiq (and ruled it out mostly on price), but many of her criticisms of drawing tablets ring true, and many apply to the original Surface Pro, which uses Wacom technology. (Not sure if this is still the case for the Surface Pro 2 and 3.) The complaint about the parallax sensation one gets from using a pen on a glass surface is bang on. It feels like the pen target is always a few millimeters beneath the pen nib and precise tracking is always an issue.

It’ll be interesting to see Wacom’s response to the iPad Pro.

Still missing from the picture is software. iPad versions of popular drawing software are typically stripped down to a bare minimum of features, and others are toys, more or less. It’ll be interesting to see if the release of the Pro/Pencil results in an iPad-friendly version of Manga Studio.

The Surface Pro has been pretty great as my first drawing tablet, but pen support always felt like an afterthought, something cool to please marketing but always last to get bugfixes because who needs a pen to make pivot tables in Excel?

One Year of Neat Hobby, or What I Learned From Starting A Webcomic In My Forties

This week marks one year since I launched my webcomic Neat Hobby. A full 52 strips, once a week, never missing a week! Rather than celebrate by getting hammered on cheap bubbly, I thought I’d take this opportunity to write up a retrospective of my first year as a Newbie Webcomic Person. Be warned: this longish post contains much introspection and navel-gazing, as is the way of my people.

Getting Started

Music has been my primary creative outlet for most of my adult life. But when I was a kid, I drew comics and consumed books full of Peanuts, Bloom Country and Scrooge McDuck strips. As the bassist for Kirby Krackle I get to go to a lot of comic cons and be exposed to tons of artists all hustling and doing their thing. Just being around all those happy mutants started messing with my head, like I’d forgotten to do something my entire life.

I spent months doodling in a sketchbook before I launched Neat Hobby. I wasn’t sure what form this comic would take. I already knew I wanted to do some serial adventure thing as I’d conceived HTMLOSPHERE a full year before. Basically I wanted to emulate my favorite webcomics that did one-off joke strips but also had absurd fictional worlds to set stories in. The internet offers an endless supply of outrage so there’s no lack of timely topics to riff on.

I launched Neat Hobby in secret because I was embarrassed. Who’s this fortysomething dude drawing a comic on his lunchbreak? I even kept it from my wife for awhile, who only learned about it when she asked me what the hell I was doing with a sketchbook during TV time.

So I launched Neat Hobby with no announcement and let all my friends and family catch on.


Notes on some of the gear I chose.

A sketchbook

I still use a sketchbook although the final artwork is all digital. Sometimes I’ll sketch on the tablet (see below) but in general it’s nice to have an option that doesn’t require lugging an AC charger around and worrying that someone might nab your pricey gear. Below are some rough layouts I did early on.

Tablet computer

I had a few hard requirements for a tablet. One: it had to run the drawing software itself. I didn’t want to be dragging a laptop AND a tablet peripheral everywhere. This ruled out most of the Wacom and Wacom-style plug-in tablets.

Two: it had to be cheap enough that I wouldn’t feel like I wasted a ton of money if I gave up. This meant it had to be a tablet computer, which you might think puts this requirement in conflict with itself. Not so! Read on…

I tried really hard to make an iPad work. But the iPad is simply not good enough for drawing, at least at the level of detail I required. The iPad screen is made for fat squishy fingertips, and at the time no stylus even came close to the kind of precision I wanted.

The Wacom Cintiq Companion looked perfect. It’s a Windows tablet that you can also plug into a Mac or PC. It starts at US$2000. Yeah, I don’t think so.

I finally settled on a refurbished, first-generation Microsoft Surface Pro. I comes with a pen, which you can easily swap out for a better one. I got mine for just under $400. It runs Windows 8.1 so it can run just about any modern software. A little while later I purchased a TypeCover so I could write text more easily.

A note about tablet computers:

I set up my Surface to install updates automatically. There are people who loathe and avoid automatic software updates because sometimes updates change something they’ve become accustomed to, like how the Start button works or whatever. Don’t be one of these people. If you skip updates you’re not getting security patches.

Also: don’t use your drawing tablet for anything except drawing. For god’s sake, don’t ever use it to open email attachments. Don’t use virtual folders like Google Drive or Dropbox from your desktop. They’re super-convenient, which means they’re super-easy to infect. The last thing you want is for something like Cryptolocker to lock up all your files, including your backups. Upload your art with a secure FTP program or a web interface.

Don’t use it for online banking or shopping. Don’t install anything that’s going to take up CPU while you’re trying to draw.

Okay? Moving on.


I tried out a ton of drawing software. Here’s a capsule review of each:

Sketchbook Pro: moderately priced and a great for drawing. The user interface is nicely designed for pen tablets. Newest versions require a subscription. Unfortunately it doesn’t have a lot in the way of comics-specific tools.

The GIMP: the classic, free, open-source graphics program. Tons of features if you can find them. The interface is maddeningly not designed for tablets. Like a lot of open-source software I’ve used, there are far too many menus full of indecipherable options.

ArtRage: neat brushes, couldn’t handle the file sizes I needed without staggering to a crawl.

Photoshop: I didn’t even try. Too expensive, too many complaints about the “cloud” features from artists I trust.

Pixelmator: great price and tons of Photoshop-like features. Not available for Windows, so no-go for me.

Manga Studio: this is what I ultimately settled on. It has the best tools for drawing comics: frames that acted as layer folders, cool word balloon tools, a ton of rulers, etc. The only downside is poor text handling. The downloadable version of Manga Studio is called Clip Studio Paint.

Website and social media

I’m old school, so I decided to build and host my own website for Neat Hobby. Tons of artists use Tumblr for their webcomics, which is cool, but I get nervous building anything on a platform I’m not paying money for. Tumblr is also owned by Yahoo!, which makes me extra nervous as they could pull the plug on Tumblr any time they decide to get out of the blog hosting business.

However, there’s a ton of readers on Tumblr, which is why I decided to build a Tumblr mirror site. I also have a Twitter, Facebook page and Instagram for Neat Hobby. I can update all of these accounts from my phone in a few minutes. Add an email list and I feel I’ve got most of the big outlets covered without going insane keeping everything updated. And if one service goes belly-up I still have my own website.

Metrics and money!

Metrics? I don’t have them. I have no idea how many people read my comic and I prefer it that way.

Why? When I was doing lots of music I measured everything — page views, song plays, YouTube plays, Google Ads money, you name it. Each of these is represented by a line on a graph, ideally moving up and to the right. It’s very easy to become obsessed with those lines. At one point I was spending more time trying to make those lines move than writing good songs. That was basically where my efforts in music started going off the rails. I wasn’t doing the things that were necessary to create a body of work — the songs.

I didn’t want this to distract me when I started Neat Hobby, so I don’t measure anything. I don’t want to become obsessed over why one comic flopped while another had a ton of hits. I want my motivation to come from a desire to draw, not moving some conceptual needle.

Neat Hobby makes no money because I am unwilling to do the things that make webcomics money. So no ads, Neat Hobby merch, no Kickstarter, etc. One day I’ll probably want to see Neat Hobby make some cash, but for now I want to concentrate on making comics, not designing mugs or t-shirts just yet. One day, but not yet.

No, REALLY Getting Started

Quality, Content and Timing

I knew that my art was going to suck at the beginning and there was no way around this. I decided early on that I wasn’t going to wait until I was “good enough” at drawing before launching because “good enough” is a lie from the pit of hell. Tons of talented people die waiting around to be “good enough.” I was simply going to start and do the best work I could at that point.

Some webcomic creators have a strict publishing schedule. I know repetition builds audience confidence, but screw that. I made it easier by promising myself I would publish once a week. It didn’t matter which day, so long as something went public each week. That way I gave myself plenty of slack in case life got in the way, which it often did.

I also decided I wasn’t going to worry if everyone didn’t get the jokes. I wasn’t going to try to be universal — that’s what Garfield is for. Some strips were going to be built around in-jokes about web development, video games, old and new pop culture references and if some people didn’t understand, that’s alright, there’d be a new strip next week.

I’m convinced that had I not established these loose rules, I’d never have completed a full year of Neat Hobby.


I did the earliest strips using as many cheats and shortcuts as I could. I didn’t spend much time designing these characters. I just knew that I wanted to be able to draw them quickly so I kept them simple. Although it wouldn’t be published for many months after the launch, HTMLOSPHERE Part 1 is the first Neat Hobby strip I drew. Look closely at the left-side image and you’ll see the heads are perfect ellipses — that’s because I relied on shape tools to bang these out.

Eventually I started drawing more freehand shapes, which IMO look far better. I even started drawing the word balloons freehand, preferring the rough look over the perfect ellipses which didn’t always fit the text shape. Because years of keyboard use has made my handwriting atrocious, I use the awesome free Blambot! fonts for lettering.

Later on I started making consistent decisions about character designs. I deliberately gave the characters noodle-like arms with no joints, no shoulders, with full sleeves to the wrist. Early strips have elbows and mid-length sleeves, which just looked awkward and inconsistent. Heads are never shown in profile; they’re mostly cheated toward the “camera” although sometimes they’re looking straight at it (or 180 degrees away from it). Having design rules make it way easier for me to draw things quickly.

Later I added some women characters and struggled to make them look like women and not just male characters with eyelashes and hair bows. Eventually I got brave enough to give them breasts!

These next two examples show the same character in roughly the same pose, but the one on the left was drawn sixteen months before the one on the right. So you can see how the art is improving with time.

Favorites, Highlights and Milestones

Here’s a short roundup of what I consider significant strips from Neat Hobby’s first year.

Doing The Work. The first strip published, and holds a special place in my heart. The Steven Pressfield quote is something I truly believe: we are our own saboteurs.

The Eternal Battle The first color Neat Hobby strip and the first one where I tried to push my art skills.

Baiting Bad: Part 2. The first serial storyline on Neat Hobby, a three-part riff on what Breaking Bad would be like if Walter was an SEO expert. I mostly like this for the layout and for the excuse to use the word “Heisenblurb.”

Goodnight. I wanted to do something graphic novel-y and less cartoon-y for a Halloween special. I struggled a lot with the furniture, lighting, and keeping the kid’s facial features consistent from panel to panel.

The Stars Are Right. A Lovecraft-and-Cosmos mashup featuring a cartoon Neil DeGrasse Tyson! It got a second life when the Charon fly-by happened this summer.

The Tech Support Elf. The art was finally starting to work and I had fun composing the poem. Plus, my parents liked this one.

Ready Player Dumb. Both an excuse to complain about the book’s popularity (this generation’s Snow Crash? HELL to tha NO) and to draw the most famous part of the most famous dungeon crawl.

Apocalypse Meh. What if the zombies came and it was NBD? Adapted from an unfinished short story. 

The Phantom Zone. A personal favorite I was sure was gonna go viral, but did exactly the opposite. C’mon!

Come As You Are. Hey, I’m just saying what all Gen Xers are thinking. My second most-popular strip, based on scant evidence.

Austenland 2: The Quickening. A Highlander/Pride and Prejudice mashup. Only later did I realize I should have titled it “Austenlander.” This one blew up on Tumblr a little bit.

Which was my most popular strip of 2014-15? Remember, I don’t measure web traffic, but based on opaque numbers from Facebook and Twitter, it was probably The Doubleclicks Mystery Team, no doubt aided by generous retweets from the Doubleclicks themselves and their fans.

What I’ve Learned

I don’t feel that qualified to give advice on webcomic-ing, as I’ve only managed to do it for a year. But I’ll share with you some Things I Believe Are True.

Don’t wait to be good. If I waited until I thought I was good enough to start a webcomic, there’d be nothing for you to see here. Start now and get better along the way. You cannot avoid sucking at the beginning, and people who claim otherwise are LIARS. I figure if I do the best work I can at the level I’m at, I’ll eventually level up.

Starting doesn’t get easier. Every strip I publish is a personal victory, and not a single one makes starting the next strip any easier. I’ll use every excuse to avoid confronting the blank page (or screen) even if I know exactly what I’m planning to draw — because surely this time is when I’ll discover how terrible I am, how little people care, how pointless this venture is, I’m just sure of it. Don’t listen. Do the work.

Know what you won’t do (and be okay with that). There are no “must-dos.” Give the finger to people who say otherwise. You do not have to keep a rigid schedule, you do not have to measure every page hit, you do not have to do anything. Do what you enjoy doing, and ignore (or outsource!) anything you dislike or just suck at doing.

There’s room for everyone. Most of the webcomics I enjoy have been running for over a decade. Tumblr is overstuffed with all kinds of crazy wackadoodle comics. None of these facts prevented me from launching my own. There is no such thing as “too many” of anything when it comes to makers. There can never be too many artists, writers, painters, dancers, actors, et al.

What I Haven’t Figured Out Yet

Where the hell is this going? Not just Neat Hobby, but all of webcomics in general? Where do webcomics fit into a world of Vine stars and messaging apps, where people’s attention is getting more siloed and centralized? Will Patreon/Kickstarter still be a thing in five years? I feel decades late to this party.

Getting new readers is super tough! As I said, I don’t measure readership, but I suspect it’s very small. My guess is that most people simply aren’t searching for new comics to follow, relying instead on recommendations — e.g. shares, likes and passing mentions from friends and webcomic authors they already follow. My plan so far has been to just keep making strips and maybe a few of them will hit big.

How can I increase my output? I’ve got a ton of ideas for strips, plus a graphic novel-style adventure comic I’m working on, but I also work a full-time job and play in a bunch of bands. I’ve made it work so far on the once-a-week schedule but I worry about being hit by a bus or an asteroid before I can complete everything I want to. Not sleeping isn’t an option, nor is speed (the amphetamine kind).

Thank You

I don’t know if you read Neat Hobby, but if you do, thank you! And if you don’t, I hope you’ll check it out. And thank you if you’ve ever shared one of my strips. I really, truly appreciate it.

So here we are, at the end of a year. That didn’t seem so hard. Let’s meet back here again next year and see where we are.

Give it another ten minutes. See what happens.

Announcing: another new Kin to Stars single, “Better Things”

Yep we recorded and released another Kin to Stars tune! This one’s called “Better Things” and you should absolutely NOT play it at your wedding or anyone else’s wedding or anywhere near a wedding.

This recording features the prodigious talents of Kirby Krackle keyboardist/secret weapon Bryce Francis on piano and Don Gunn on drums. Don also engineered and mastered this track.

Click the image below to listen:

That’s all we have for the time being. Jerin and I have been talking about doing a few more recordings but time and money (mostly time) are at a premium right now. That said, I’m really happy to have these last two songs out in the wild for you to hear.

New Kin to Stars single, “First Day Of Summer”

What better way to let this summer kick your ass than with heat-shimmery new music from Kin to Stars? That’s me and Jerin Falkner, with help from Kirby Krackle keyboardist Bryce Francis and audio engineer Don Gunn on drums. Tap the big image below to listen:

We recorded this at Don’s studio over a handful of days in late April. Even though KtS is semi-retired since 2013, we still have these unrecorded songs laying about and it doesn’t feel right to let ‘em sit.

Released on the solstice, because why not? Roll those windows down. Feel that sun. It’s the first day.

Works in progress

Things have been quiet around this website since the Mutate, Baby! release. We played another enormous Kracklefest show, ran down to Portland to play a concert at Things From Another World, then Kyle jumped on a plane to Australia to spend two weeks at Supanova. This resulted in an unexpected three-week vacation from rehearsals, which I’ve been filling with working on Neat Hobby and some other stuff.

Recently I started working on a short adventure story comic which has really been testing my abilities as Amateur Art-maker. I don’t have a timetable for it, I just work on it when I can. But I sat down last week and wrote a “book jacket” description of the world in which this story takes place, and it was fun and thrilling in the same way that creating a D&D campaign or other make-believe world can be. It makes me wish I were already better (and faster) at the art so I can coax this world into being more quickly.

I’ve been posting works-in-progress art over at my personal Tumblr (and I have an Instagram account for that stuff as well). Here’s a peek:

The shattered moon: I can’t wait to tell you about this part.

Cool digital coloring timelapse by Steve Hamaker

Steve Hamaker did the colors for the latest Penny Arcade story arc “The Judging Wood” and made a timelapse video of his work on the final page. It’s pretty remarkable to watch.

The early steps where he’s filling areas with solid, bright colors is, I’ve learned, a process called flatting. It’s supposed to make coloring detailed objects easier (especially objects that overlap others) by making them easy to separate select with the magic wand tool in Photoshop or whatever. I used some flatting techniques in a handful of Neat Hobby strips like The Eternal Battle but for the most part my linework is too simple and I end up just dumping colors in with the paint bucket tool.