The Agile Badger Illustrations
All images are Copyrighted and cannot be downloaded or reproduced without permission of K. Curtis Shontz.

Wednesday, August 11, 2010

Breaking the Ton.

A couple months ago, I received a call from Steve "Carpy" Carpenter. If you love motorcycles and know anything about café racing, you know who Carpy is. My problem was, when he called, I didn't—and he knew it.

Steve 'Carpy' CarpenterSteve Carpenter
For the most part, cars are my thing. And though I've been fascinated by motorcycles since I was a kid, I didn't have any chops when it came to bike banter with the big boys. He'd seen my website and was interested in working together on a tee shirt design for his upcoming interview with The Speed Channel. Rotten luck, I was booked solid for several weeks out and couldn't help him.

"Sure," I say. "I'm a bit busy right now, so I'll put you on the list."

I'll wait a minute to let that sink in.

Okay, read on ...

See, here's the deal: Carpy is one of the most talented bike builders around (he recently built a Honda CB750 café bike for Green Day), and I'm talking on the telephone with him with no better idea about his identity than if he were Mr. Joe Everybody himself. If clueless were water, I'd be flailing in the deep-end wearing concrete underbritches.

But even through my blundering, I have to say, you just can't ask for a friendlier fellow than Carpy. He called me "mate" at least two dozen times, and though my stunted development in the topic of café bike building was glaring, we chatted for fifteen minutes or more about bikes, art, and the possibility of negotiating a gig.

He didn't hire me, and I can understand why. But I've reached a fortunate point in my freelance career where from time to time I can take on special work as a personal project. (I call it fortunate because I know of many freelancers who simply can't afford to take time away from commissioned work to pursue individual projects.) So when the opportunity arises, I'm on it. And this was one of those opportunities.

Café racing is a British invention of the 1960s in which the riders started from a café—typically the Ace Club in London—and raced around the block back to the same cafe before a song on the jukebox could end. Whether they break it, crack it, or just plain "do" the ton, it all meant the same thing: café racers hitting the 100 mph mark. If you want to learn more, check out these links: The Tonup Club, The Ace Cafe and The 59 Club.
Because I didn't have any direction from a real client other than our brief conversation, this project is a bit phony; great illustration or design is always because of a great client. But if Carpy wasn't going to hire me, I was going to hire myself. I wanted to learn what might have come from the project if he had told me, "anything goes." What the heck, if I fall flat on my face, no one needs to know but me. But if I'm happy with the results, I'll offer him a signed print of the piece.

Using some photos from his web site for inspiration, and borrowing heavily from Marvel's Ghost Rider comic, here's what I came up with:

Now back to the drawing board.

Read the full post...

Thursday, July 15, 2010

Living History: WWII Engineer and B-17 Top turret Gunner D.B. Dickson

This has nothing to do with illustration or web design. But it has everything to do with respect and gratitude.

This unassuming gentlemen said very little during the July 15th vintage WWII airshow at the Lawrence Municipal Airport in Lawrence, KS. He could easily have been mistaken for one of the many bystanders who shuffled around and through perfectly restored and completely flight-worthy WWII era bombers. But through casual conversation, one friendly visitor chatted with him long enough to discover that this man, Mr. D.B. Dickson, flew over three dozen missions in a B-17 Flying Fortress nearly identical to the one we were admiring.

"One time, I had to release the bombs by hand because the catch was stuck. I stood in the bay with the doors open on a walkway that was only ten inches wide, and we were 25,000 ft up. I wasn't tethered, and there wasn't room to wear a parachute. The air temperature was 40 below. We had to unload the bombs because we were headed down, and they're set to go off at 150 ft. whether they were in the plane or not."
D.B. Dickson, Engineer and B-17 Top turret Gunner



Some of us tried to impress him with our limited knowledge of WWII airplanes, but Mr. Dickson (rank unknown) would softly reply with a smile, "Yeah. Tell me about it." And after some prodding, he relayed the above story to me and about a dozen others who stood by with wide eyes and a deep sense of admiration and respect.

Thank you Mr. Dickson for your stories and your service.









Read the full post...

Friday, April 2, 2010

News Flash! Killer Badger's New Flash Site

Why are illustrators and graphic designers so afraid of Flash? Same reason they're afraid of spiders, floppy armed robots, and those vaguely naughty personal hygiene commercials: misunderstanding. If we could only clear up the great prejudices that surround Flash and Flash Player, and if we could just shed light on all the advances the enslaved code-gnomes at Google and Adobe have made in overcoming the early problems with integrating Flash and interwebs, we could all put aside our phobias and hatred. We'd still have those creepy commercials, but at least rich media applications would be more widely accepted.

To wit, I submit the Killer Badger Illustration Studio Flash web site:

Killer Badger Illustration Studio

Read on...


So you might ask, what exactly are all the prejudices of which I speak? First, I'd tell you that it's okay to end a sentence in a preposition. Then I'd enumerate each one:

Flash Prejudice No. 1: You can't assign a unique URL to individual rendering states (or "pages" if you insist), making it impossible to send others a link that directs them to that page view.

Not true! Asual.com offers a free application download for Flash developers called SWFAddress. In Asual's words:

SWFAddress is a small but powerful library that provides deep linking for Flash and Ajax. It's a developer tool, allowing creation of unique virtual URLs that can point to a website section or an application state. SWFAddress enables a number of important capabilities which are missing in today's rich web technologies including: bookmarking in a browser or social website; Sending links via email or instant messenger; Finding specific content with the major search engines; Utilizing browser history and reload buttons.

The Killer Badger web site uses SWFAdress in its navigation. I'll admit that I haven't gotten it to work perfectly yet. But I've seen several sites out there that use it successfully (Nissan's web site, for example), so the issue in my case is probably PEBCAC.

Flash Prejudice No. 2: You can't dynamically re-size a flash page to accommodate the user's browser window.

Wrong again! A javascript application called swffit fixes that problem quite easily. I needed just such a fix because the the Killer Badger web site was designed for full-screen viewing. I knew this going into the design, and I knew that viewers looking at the site on the smaller screens you'd find on laptops might not be able to absorb the full resplendent glory of my dashboard navigation metaphor. But swffit sniffs out the browser window dimensions and re-sizes the entire swf file to fit. Brilliant.

Flash Prejudice No. 3: Google's spiders can't crawl - and consequently can't index - the contents of a .swf file.

What? Who told you that? Seriously, who? Why, I oughtta... It might have been true in the past, but not so much anymore. Here is an article that describes just how well Google can extract text and link information from a .swf file and index it right along with all the other html files out there. The technology still has a way to go, but with the growing popularity of Flash, Google is going to continue developing it. Give those code-gnomes a cookie.

Flash Prejudice No. 4:
Flash Player is not available for mobile devices. It also poses security risks on other devices.

I'm shocked! SHOCKED, I say! Actually, this one may have some truth to it. But at the time of this writing, Flash Player 10.1 is due to be released within a few months (Spring '10), and it is reportedly able to render swf files to many kinds of mobile devices and tablets. Adobe's admitted security holes are also going to be stitched up, too. This article sums up the promised breakthroughs in this area. Time will tell, the pudding will be proven, and every dog will have his day. In time, the dog may even eat the pudding.

EDIT: A prerelease version of Flash Player 10.1 is available as of April 5, 2010.

Flash Prejudice No. 5: Flash applications are, well, flashy; designers too often rely on attention-hogging animations of dancing hipsters with multicolored dots swirling around their heads as screeching emo bands assault your ears with implorations to sign up for your free thirty-day trial of vaguely naughty personal hygiene products.

Oh, and I suppose all html web sites out there are tasteful and dignified? Pshhh... Truth is, the designer and the client are the ones who should be held responsible - or rewarded - for the outcome of any design. Flash isn't inherently distasteful. In the hands of truly talented designers, astoundingly effective, creative, and downright sublime results are possible. Check out level2D's Flash site. Simply breathtaking.


Read the full post...

Thursday, February 25, 2010

Ubuntu's Karmic Koala

Ubuntu is a free, open-source operating system for personal computers. It kicks the pants off of Windows, if operating systems have pants, that is. If Windows did have pants, it doesn't anymore. Now it just stands around in its virtual underwear looking like a drunk and confused Peter Griffin from Family Guy with his paunch hanging over his joy toy. I just made that up.

Unauthorized and possibly unwanted commentary aside, the folks who publish Ubuntu User Magazine absentmindedly invited me to illustrate the Discovery Guide portion of the latest version of their software, dubbed Karmic Koala. Here are the spots I drew for them:






End of Post

Read the full post...

Sunday, January 31, 2010

Illustration and Pit Bull Breed Advocacy

I get a lot of requests from my readers for pit bull illustrations. Some are pretty creative ideas, and I'll always consider rendering these animals in a manner that reflects their dignity, strength, dedication, and yes, even playfulness. But sorry folks, I will not depict a pit bull - or any dog, for that matter - engaging in violent behavior. Even implied violent behavior is off limits.

And in that spirit, I am proud that Game Dog Guardian has been a long-time client of mine. My business partner, Justin "Jud" Kite, and I designed the logo and all the apparel for this newly formed pit bull advocacy organization, headed by Anthony Barnett. Here's a slideshow of the current designs we are preparing for sale on the upcoming Game Dog Guardian site. For several of the tees, the original dog head was designed by Scott Murray.






It's been a few years in the making, but it appears from this recent article in my local paper that Anthony and Game Dog Guardian are getting the props they deserve.

Read the full post...

Saturday, January 30, 2010

KC Geargrinder for 2010

Yeah, it's on allright.

The 2nd annual KC Geargrinder hot rod show is taking over Knuckleheads Saloon in Kansas City April 23-24.



This poster was designed in collaboration with my business partner, Jud Kite, from Killer Kite Productions. It's our tribute to the SoCal Speed Shop style.
End of post.

Read the full post...

Thursday, August 13, 2009

Rev It Up! Hot Rod Show and Music Fest

Do you like hot rods? What about live music? Food? Well, of course you do. And if you happen to be anywhere near the Lawrence, KS area on September 26th, you can get a heapin' helpin' of all three at the first annual Rev It Up! Hot Rod Show and Music Fest. Vehicle registration and admission are both free, but donations to the sponsor, GaDuGi Safecenter, are encouraged. Visit their MySpace page for more info.



Yours truly designed the poster along with all the promotional materials.
End of Post

Read the full post...

Monday, June 8, 2009

The Birth of a New Badger

Yes, a new badger is born: a Killer Badger.

The popularity of my hot rod and muscle car illustrations has grown faster than I could have imagined when I started freelance work four years ago. It's become so strong that I've recently decided to split out that part of my business into its own entity.

The result? The Killer Badger Illustration Studio.



It just makes sense to me that my traditional illustration work should be marketed separately from the rather specialized field of hot rod and custom car illustration. I'm not going to sacrifice one for the other - in fact keeping both segments operating at full tilt is what makes the Agile Badger so agile.

The image you see here marks the new look of my hot rod business. In the next month or so, I'll be launching a new website with my snarling little friend here as the gate keeper on the landing page. It's going to be a showcase of full-throttle, tire-smokin', red-line-revvin' hot rods.

Now back to the drawing board.

Read the full post...

Wednesday, June 3, 2009

14 Jaunty Jackalopes for Ubuntu User Magazine

One of the more fun aspects of my job is the surprise - no, astonishment - that comes from the bizarre variety of subjects I'm sometimes hired to illustrate. Who'd a-thunk when I started freelance work nearly four years ago that one day I'd get paid to draw a pit bull with an Afro? Or a donkey standing in a Mexican restaurant?

And the fun just keeps on coming. I've just finished a series of spot illustrations for the first print issue of Ubuntu User Magazine. Sound normal so far? Did I mention that each one was a cartoon jackalope engaged in various computer software activities?

This one is "Burning CDs."



The theme for the Ubuntu release featured in this inaugural issue was Jaunty Jackalope. The editors asked me for twelve drawings that would illustrate several of the functions and activities featured in this free OS for home computing. They liked them enough to ask me for two more!

Here's a slideshow of all 14 illustrations.

Ubuntu Jaunty Jackalope
(click on image for slideshow)

END OF POST

Read the full post...

Wednesday, May 13, 2009

The Best Vector Text Effects, Ever.

Although the Vandelay Design blog is primarily geared towards tutorials for web designers, there's a heapin' helpin' of valuable information for illustrators and graphic artists as well. Like this post about text effects using Adobe Illustrator.

There's also a top 20 list of the most valuable Photoshop tutorials on the web. That's a pretty bold claim, but I think they may be right.

Now, back to the drawing board.

End of Post

Read the full post...

Saturday, April 4, 2009

Everyone Loves Freebies

Seems everyone is offering free Photoshop textures and backgrounds these days. It's a shameless gimmick, actually, and I'm dismayed and disheartened by all the attention-grubbing hacks out there who resort to such blatant panderism.

But then I thought, "Wait a sec. I'm an attention-grubbing hack, and I love blatant panderism!" So decided to join the others of my ilk and post my own hi-res textures and backgrounds, free for your personal or commercial use.

There are nine images in all, and they're available in jpeg format in sizes up to 1024 x 768 pixels.

Read on...

All of these photos were taken in one location: Big Brutus in West Mineral, Kansas. Big Brutus is the second largest electric shovel in the world. It's out of commission now, but in its day, it could load and unload 90 cubic yards of what coal miners call "overburden" - that 65-foot-deep layer of inconvenient stuff that the rest of us call dirt - in under a minute.

Now, I don't know if you can form a mental image of 90 cubic yard of dirt, but I'll give you hint: it's about the same volume as four Dodge Caravans stacked 2 by 2, soccer moms not included. Take it from me, that's a lot of dirt. I just planted a peach tree in our back yard, a task that required the removal and replacement of about 1/8th cubic yard of "overburden." It took me a half-hour, and my back is killing me.

The folks at the Big Brutus Visitor's center allow you to climb inside this thing. They even let you sit in the operator's seat, a good 30 feet off the ground. They won't let you climb up the 150 ft boom, however. Something about falling and dying, I think. They're funny about that.

But inside, it's a wonderland for machine junkies like me. They've removed the giant, half-dozen or so electric motors from inside the big orange box, but all the cables, wheels, brackets, and electrical connection doohickey thingies are still there, still greased up and rusty, just like I like it. Don't take that the wrong way.

If you're ever swinging through the southeast portion of our state (hey, it could happen) it's worth the visit just to feel the jaw-dropping immensity of it all. Even my mother-in-law had fun.

So pop on over to my Flikr account for a heapin' helpin' of some lovin' from the Badger's oven. If you use any of these images in your work, I'd love a comment or email.

Now back to the drawing board.

Read the full post...

Friday, March 27, 2009

Lawn Care with Flair

Those good-lookin', hard-workin' boys at Fiske Brothers Yardworks in Centennial, Colorado added a new Dodge Ram pickup truck to their fleet. Co-Owner Tim Fiske asked if I would commemorate the occasion with a tee shirt design for his employees.



I never thought of myself much of a truck guy, but this was a fun gig. The Dodge Rams are really tough looking, and I love the 18-wheeler-look to their hood and grille.

I also couldn't help but put some fatties on the mower, just for fun.

Now back to the drawing board.

End of post.

Read the full post...

Saturday, March 14, 2009

Head First Web Design

Those wacky folks over at O'Reilly Media, Inc. have put out another Head First book, this time on web design. If you're not familiar with the Head First series of how-to books, then you're either over forty years old or not much into how-to books. I'm both. But for reasons I still don't understand, Linux Pro Magazine asked me to write an online review of the latest in a long line of their eccentric but extremely well written instructional books.


You can read the full review here.

Now back to the drawing board.
There's nothing more here. Really.

Read the full post...

Wednesday, February 25, 2009

You can be a Hot Dog with SketchUp

Even if you're not a computer hot dog, you won't need your courage mustered with SketchUp. Most of us don't relish the idea of digesting new software, but the online tutorials are quite easy to stomach, and you'll be able to devour them without biting off more than you can chew.

Okay, I'll stop.

Recently, I was asked to write a how-to article about Sketchup 7.0 for a special edition of LinuxPro Magazine. SketchUp is a free 3D modeling application available from the benevolent behemoth, Google. You have heard of Google, right?

The problem with such an assignment is that SketchUp doesn't seem difficult enough to warrant much instruction. It's so easy to use that I had difficulty thinking of more than one sentence to write: "Open SketchUp and start drawing stuff."

But I was being paid by the page, so I knew I needed a more robust approach. Besides, there are countless online forums, blog posts, and video tutorials that describe pretty much everything you need to know. With such a vast support network, even Pepe Le Pew could build a model of the Eiffel Tower before you could say, "Freedom Fries."

So I considered writing the article about how to build models of typical residential rooms and furniture in case the readers wanted to see how new counter tops or cabinets might look in their kitchen. That idea left me with visions of my daughter rolling her eyes at me with, as the song goes, "her finger and her thumb in the shape of an 'L' on her forehead."

I knew my project had to be something fun to build. It had to demonstrate SketchUp's usefulness not just to hobbyists and woodworkers, but also to professional artists. It had to be fun and relatively simple to build. But most importantly, it had to be totally unverifiable in the real world.

So I decided on a Googlebot. Read on...



As much as I'd like to claim it, inventing a physical form for Googlebot is not my own idea, nor is it new to the online community of bored bloggers. But I don't think I've seen an interpretation that crosses the Spyder three-wheel motorcycle with Disney's Wall-E. This little guy could sniff out a relevant anchor tag from fifty paces, even if it were hopelessly buried under a deep heap of bloated code.

Building a Googlebot step-by-step would hopefully show how 3D modeling can be a valuable tool for facilitating an artist's creativity and imagination, not just project planning for an armchair architect. The usefulness of a lightweight, flexible program like SketchUp comes from quick and accurate insight into the nature of 3D objects: the play of light and shadow on their surfaces, and the effect that various perspective viewpoints have on them. For my own work, having a tool that helps me quickly block-out the rough shape of an object so I can experiment with lighting and texture effects is priceless. And the fact that SketchUp is literally priceless doesn't hurt either.

To keep the article relatively simple, several of the major pieces and parts of my Googlebot were built ahead of time: I made the model of the wheel while the binoculars were made by a SketchUp user with the screen name Birdman. Both models are available through Google's 3D Warehouse.



Although the article is rather matter-of-fact in its description of how to use the Move, Scale, Rotate, and Push/Pull tools to build the remaining components of the Googlebot, it also reveals a few insider tips and tricks to make these tools do more than they you might expect. The Scale tool, for example, can be manipulated into becoming a mirror tool, an explicit function that SketchUp lacks.


The free version of SketchUp is not intended for modeling with a high level of accuracy or detail. Both are possible, but if you're after photo-realistic renderings worthy of gaming or fantasy art, better stick with SketchUp Pro, Swift3D, 3DS Max, or any of the dozens of other mighty titans in the industry. I own a copy of Swift3D, and SketchUp will never replace it, just like my computer will never replace my pencil. Use the right tool for the right job.

With that in mind, it's imporatant to realize that all surfaces in SketchUp are either purely planar or are made up of a series of faceted planes. Arcs, circles, and curved surfaces are not really curved; they are polygonal. They may appear curved but that's only because the number of faces on the polygons are high enough that your eye doesn't pick them up. On the plus side, that keeps computations to a minimum. But it also prohibits highly accurate modeling of undulating surfaces like the curvaceous hood of a '53 Mercury. Those things can still be represented, but only with a series of interconnected triangular patches that only approximate the surface. You can soften the edges between the triangles to further improve the appearance, but the results are still approximations that don't stand up to close scrutiny.

But no matter. Accuracy isn't the point here; it's expediency, visualization, and insight. And SketchUp is masterful at all three.

So check out the articls online or pick up a copy of the Linux Pro Magazine Special Edition at newsstands everywhere.

Now, back to the drawing board.

Read the full post...

Wednesday, February 18, 2009

It's a Back Alley Brawl, Y'all

Here's a family feud that car fanatics have wrassled over for nearly 40 years:

Two cars from one car company, both archetypal muscle cars of the late 60's and early 70's, both designed and marketed to lure torque-starved gearheads away from hot-selling Mustangs and Camaros. These two cars are so embedded in automotive lore that arguments over the superiority of each is the subject of bar stool ballyhoo and online forum fights to this day. In a time when design sensibilities change so rapidly that it's an insult to say, "that's so 2004," the fact that this argument has survived across a generation is a testament to the timeless appeal of these classic cars.

Charger vs. Challenger. Read on...




This illustration is an expanded version of a simpler one I made for my graphic design partner Justin Kite for the promotion of the upcoming Gear Grinder car show in Kansas City, MO on April 17th and 18th. The poster version loses the background buildings to give Justin more elbow room for his design. Limited edition prints of both the promotional poster and the full illustration will be on sale at the show.

For dynamic scenes like these, my usual process would normally have started with a series of thumbnail sketches showing varying points of view, car orientations, and lighting schemes. After selecting the one that the client and I liked, I'd work up a pencil rough of the entire scene before inking, scanning, and embellishing with digital enhancements. Using this process, a scene like this would take, on average, six to eight hours to finish. That's not out of the ordinary for illustration work, but I've been working recently on updating my workflow to reduce the number of early thumbnail sketches I need to get the design layout established. It's hard to call any process that includes a scanner and Photoshop "old school," but that's pretty much what it's becoming.

I now use Google SketchUp to build rough, block models of the major components - in this case, the three cars and the buildings - and push them around the scene until I get the pose I like. The models aren't at all detailed; I'm just careful to locate the wheels at the proper wheelbase and track width, and I try to model the basic body proportions so that they match the car model and year I'll be drawing. To add a sense of motion, I can steer the wheels and roll the bodies against the direction of the turn. I can even change the shadows by varying the sun angle and time of day, all before graphite ever hits paper.

Once the scene is defined in SketchUp, I can print out a low-res .jpeg that I export from the model and use it as an underlay for the detailed sketch. For this scene, I used the same model for all three cars - the Charger, the Challenger, and the cop car in the background. Dozens of photo references of the real cars helped me make the final drawings look accurate. The SketchUp model even provided rough locations for the buildings so I could quickly overlay details like bricks, windows, exhaust hoods, and flying trash cans.

For now, I'm not saving much time in the overall process because of the front-loaded time suck involved in building the models. But once I have generic block models of a few trucks, hot rods, and muscle cars, I'll have a handy kit of parts for any new project.

Now back to the drawing board.

Read the full post...

Monday, February 9, 2009

Two New Cool Tools

For my latest logo design, I've added two new arrows to my quiver of illustration tools: Google SketchUp and The Complete Color Index by Jim Krause.

The logo job was for a new software application called Topshelf. According to the software authors, Topshelf is a "lightweight framework for building Windows services using the .NET framework." This means nothing to me. But programmer, web developer, and beefy flinger of heavy steel billets Dru Sellers asked me to design a logo for the new app. Read on...



To get the basic layout, I used Google SketchUp to build simple masses for the shelf, bottles, and text. This free 3D modeling program has become my go-to tool for quick perspective and shading studies. (I'll be writing a lot more on how I use SketchUp in the next week or so.) After spinning the model around to get the POV I wanted, I sketched over a printout of the model, and then added details like shapes for the bottle caps, the liquid inside, the labels, and the white glassy highlights.

For the color scheme, I cracked open my new copy of The Complete Color Index by Jim Krause. It's a fan-friggin-tastic reference for quickly scanning and finding the perfect combination of colors. Dru told me ahead of time that he wanted greens to be prominent. That was enough to go on, but had this been a big job, I probably would have toted this compact, two-volume treasury to the kickoff meeting and guided the client through several color combinations. As it turned out, the very first combo I picked was enthusiastically approved.

In the final design, Dru and his cadre of creative code-cronies decided on a slightly simplified version, but the basic design is intact.
Now back to the drawing board.


Read the full post...

Friday, January 23, 2009

Roughing it up a bit.

I'm working on tee shirt design for a long-standing client whose concept requires a '69 Impala hopper poised with one wheel lifted high off the ground.

My usual black-and-white style is pretty clean-edged, like in my '53 Merc and '34 Ford illustrations from a year ago. But now I figure it's time to try something new.

Read on...

My usual method begins with inking hard lines over a rough sketch either with pen-and-ink or with my Wacom tablet, then discarding the under-sketch altogether. But to get a rougher feel for the Impala, I used only pencil, much like I did with my '59 Caddy, but with far less regard for cleanliness. I scanned the smeared-up sketch into Photoshop, then applied a Level adjustment to polarize the midtones to either pure black or pure white. This left some white streaks and splotches within the larger black fields, but those were easily refilled with the Pencil Tool.

Next, I applied a hi-res burlap texture on the layer above the image, using a Linear Burn blending mode. I made a mask on that layer that left texture only on the car, not on the background. Then, using the a white Pencil Tool, I added a few highlights.

I'm liking this new style. It has a half-tone feel without the pop art look that goes with it.

No pixels were harmed by Photoshop filters. I swear.

Read the full post...

Wednesday, December 31, 2008

Digital Banner Printing

This was my first experience with digital printing on a large vinyl banner. Somehow, technology sneaked past me during one of my many coffee breaks and delivered full-color digital printing on vinyl banners.

Didn't see that one coming.

But now it's everywhere, and just about every print shop around will print up a photo-quality image big enough to cover your house, should such a need arise.

Fortunately, my client was in need only of a 2ft x 4ft banner for her booth at an upcoming landscape design convention.


That's all I had to say. Thanks for checking though.

Read the full post...

Wednesday, December 17, 2008

Process Notes on The Fish

Many of my illustrations are about hot rods, flaming skulls, and the occasional pit bull. I make no apologies for that line of work. It pays well enough, it's in sufficient demand these days, and I enjoy the hell out of it.

But if I could truly make a go of a career that focused on illustration in a surreal style, I would. I'll always draw hot rods, but there's a constantly squirming lobe of my brain that would love to paint mysterious, dreamlike scenes with the fluidity of Michael Parkes and the intrigue of Eric White. So to keep the squirming brain in check, I occasionally clear some time on my calendar and some space on my drawing table for an intuitive, concept-driven piece. Recently, I made The Fish during just such a pursuit:



The print measures 12" x 22" and was painted entirely in PhotoShop using my new Wacom Intinuous3 tablet. Getting the right look for the water reflections took quite a bit of research and tweaking.

This post is not a tutorial, but more of a discussion about my process. If you're interested how I made this painting, read on...

The Concept
The concept about this image came primarily from a dream. I often dream about fish, especially colorful fish. They're usually huge, they're always friendly, and sometimes they talk. (I realize that the needle on my freak-o-meter is pushing well into the red zone, but if you haven't figured that out by now, you're either a new reader or not a keen judge of character.)

As an aside, the fish in the dream that inspired this illustration didn't talk to me, but it did live a brief period of time as an unconscious nude woman sleeping in a partially submerged shipwreck. All you arm-chair psychologists out there, have a ball.

Sketching and Layout
Like every project, I start with a freehand sketch that's nearly the size of the final print. I don't usually do thumbnail sketches when the layout is clear in my mind. For self-promotion work, that's nearly always the case.

The patterns on the fish are loosely based on a parrot fish. Very loosely.



After scanning in the sketch, I could see that the boat looked too elongated to me, and the fish needed more, I dunno, wiggle. Scanning changes your working medium from paper to monitor, and much like flipping an image left-to-right and back again, the shift in visual input changes your read on an image and makes proportion problems or scale inaccuracies stand out like a drunken banjo player at a Finnish funeral.

To fix these problems, I just used Edit-->Transform-->Warp on both elements to get the right POV for the boat and to put more of a sense of motion to the fish.





At this point, it's clear that the image is lacking a dude. The scale of the original sketch was too small for me to draw a well-proportioned human figure, so on a separate sheet, I sketched the following figure at about twice the scale of the final image.

(You can still see the faint lines indicating legs and feet on the lower right. I drew those in, then erased them immediately after recognizing that they made the image look too much like the figure in Andrew Wyeth's Christina's World.)




I scanned in the figure and placed the image onto the original sketch, scaling and distorting along the way until it seemed to fit into the boat nicely.





Painting the Sky and Water
I placed the two sketch layers into a group called Background, and made two additional groups, one called Sky and the the other Water. In the Sky group, I started a new layer and began painting big ol' fat strokes of primary colors like blue, cyan and magenta using a watercolor brush from Bittbox set at about 50% opacity. I overlapped each color and left about 1/4 of the sky nearest the horizon white. Then I whacked away at whole sky with the Spot Healing Brush to give it the look of a watery wash. In my hands, the Healing Brush is fairly unpredictable, so I sometimes have to smooth out the resulting splotchy areas with the Smudge Tool.

When the colors all blend evenly - but not too evenly - I adjusted the final color balance using Hue/Saturation/Brightness until the it looked like this:



Next, I zoomed up on the upper left-hand corner and made a moon by selecting a circular region and filling it with a white-to-transparent linear gradient set at an overall transparency of about 70%. A couple of dabs with a soft, transparent Eraser Tool later, and we got ourselves a pretty realistic looking moon.


Using a small round brush, I painted a gray and white jet liner and two long, soft lines for the condensation trail. (The shift key is the best way to snap a straight line across a canvas, but you have to be sure to turn off the brush's Shape Dynamics if you're using a pen tablet.)



Now with the sky completed, I made the far-field reflection of the sky around the horizon by simply copying the Sky layer into the Water layer group and flipping it vertically using Edit-->Transform-->Flip Vertical.


I wanted to paint some little puffy clouds that were reflected in the water, so to keep from going completely nuts, I rotated the canvas 180 degrees so I could paint the rest of the sky reflections as if I were just painting sky, right-side up. On a separate layer, I used a soft round brush with white for the highlights and darker, desaturated samples of the sky color for the shadowy areas. I also painted a few quick horizontal strokes across the water to begin showing waves.



Then, with canvass flipped back upright, I put a gradient layer mask on the water layer below the cloud reflection layer, and put a solid layer of deep green below them. The fish will eventually be swimming up from these green depths so I wanted the viewer to feel like they can see deep in to the water, but I still wanted the cloud reflections to give a sense of surface.



Next, I zoomed up on the boat and used a watercolor brush set to Multiply to paint the deep shadow reflections.





Painting the Boat and Dude
Using the pen tool, I outlined portions of the boat sketch where I knew I wanted crisp edges. In the screen-shot below, you can see where I drew a path outlining the bow, stern, and gunwales. Right-clicking on the path and choosing "Make Selection" turns the path into a selection and allows you to paint inside the lines. My elementary art teacher would be proud.





My dude had some pretty boring hair in the sketch, so I thought I'd give him a little more been-lost-at-sea-for-weeks look. Shadows on the boat floor were painted using paths as selections and infilling with a blue-gray color set to Multiply.



Painting the Fish
I saved this for last. It was the cherry at the bottom of my Manhattan.

After turning off all the layers, and moving the Background layer to the top of the stack and setting its blend mode to Multiply, I used the pen tool to draw a path that followed the shape of the fish. I then made a selection from the path.





The parrot fish was my inspiration, but only for coloring and patterns. Besides, I wanted my creature to be friggin' huge, and I think parrot fish are only a few pounds at most. Just like I did with the sky, I painted the three basic colors using a broad brush then blending them together using the Healing Brush. Then, using a small round brush, I added the patterns and details.







To get the effect of the fish rising up from the green depths, I put the fish layers above deep green solid layer and set their layer mode to Color Burn. A layer mask on the fish layer makes the tail fade into the distance.



The fish really looks like it's swimming up from below the surface now. But the water is way too calm.



Watery Ripply Wavey Effects
This is where some research and experimentation came in. I found this tuturial on-line, and I could barely believe my eyes. It describes how to generate your own displacement filter map using the red and blue channels of an image that you generate purely from noise. It even allows you to embed the perspective distortions you need to make the waves recede into the distance.

It took me at least three tries to get the map to work right. Suffice to say, if you try this method, be sure to follow each and every instruction in the tutorial. Leaving out even one step or fudging even one input will give you disappointing results.

What the writer of the tutorial doesn't tell you is that when you apply the displacement map using Filter-->Distort-->Displace, you'll need to experiment with the scale factors, starting somewhere in the 500 range for horizontal scale, and 200-300 for vertical. I spent hours fiddling around with sub-100 scale factors and mistakenly deducing that the process was worthless. Once I bumped up the scale enough, the effects became noticeable.

It took me awhile to realize that the displacement map method simply shifts existing pixels left and right, and up and down, according to a wavey-looking noise pattern defined in a separate .psd file. So it won't, for example, make a wavey, watery surface appear on a solid field of color. It needs surface reflections to act on. I learned through experimentation that the clouds and other reflections I painted weren't going to be enough.

Using a light cyan foreground and whitish background, I used PhotoShop's cloud generater under Filter-->Render-->Clouds. I know that sounds like cheating, but the end result is completely unrecognizable from those fake clouds. Besides, after admitting that I dream about talking fish, I figure that this is no biggie.

After generating the clouds, I applied two maximum instances of perspective transformations to the clouds, then added a significant amount of horizontal motion blur using Filter-->Blur-->Motion Blur set at 90 degrees and a distance of about 30. Then with the layer's trasparency at 100%, I applied the displacement map according to the tutorial's instructions and using the scale factors I figured out from earlier experimentation. (I suggest doing all this experimentation in a separate file because the computation times can get pretty long.) Here's how that looked:



I copied and pasted this layer below my painted cloud reflections and above the fish, lowered the transparency, and gave it a Linear Burn blending mode.

Here's the final image:



I suppose if I were truly going to paint in the surrealist style, I'd have added a sleeping nude woman floating below the fish and posed mid-morph on her way to full fishdom.

Alas, Dali I ain't.

Now back to the drawing board.

Read the full post...