In the comments section of Friday’s post (and probably inspired by my amazing Technicolor Rainbow Donkey), Alice inquired about how I created the artwork that appears on this blog. It’s a question many people have asked, because so few have been lucky enough to see me at my “craft” in person. To sum it up in a nutshell, I use nothing more advanced than the standard MS Paint program that comes with Windows (the older version, not that new shit that gets packaged with Windows 8), and a two year old version of Photoshop, which I only break out for advanced effects (like pretty much everything in the Rainbow Donkey test pattern picture).
And I use the mouse to draw with. Not a stylus, nor a graphics pad, nor anything advanced or seemingly intuitive to create freeform designs with. The same mouse you use to move the cursor across the screen and click on my blog in your bookmarks to get your daily dose of sciurine insanity….
A while back, my cat Ody gave my readers a behind the scenes look at how I create my comic strips. That process is quite different from how I make the other colorful creations you’re used to seeing on my blog, so I decided to give a little demonstration for you this morning by drawing up a simple little 200X200 pixel image (like most of the artwork I sprinkle throughout these posts) that had I not taken the time to document my work would’ve taken me maybe 10 minutes to spit out. Here’s the drawing in all of its glory:
So how did this masterpiece of bad icebox art come about? Well, first I open up the program every single piece of art I’ve ever drawn begins its life in… MS Paint. I shrink the canvas size to 200X200, and we’re ready to start!
Now, attempting to draw in that tiny box is next to impossible. So I use the Zoom tool (the magnifying glass) to enlarge the canvas so that I can have the fine control needed to create my intricate characters. I started with ES first, and I always start out a sketch of a character by outline of the legs and torso….
These small images (which I have mastered having drawn so many avatars for my message board) require the single pixel brush to allow for detail.
Next I add the feet and head. When doing either of these on a character, I max the zoom so that it’s even closer than what I’m showing here, otherwise it’s going to look sloppily drawn.
Now we add the eyes, nose, and mouth, as well as the white sections around ES’s mouth and on his belly. Notice I have also erased the lines from the original sketch that passed through the arms and ears. This is easily done by simply brushing over those sections with the background color, which is white.
Next comes the tail, which I always try to work away from any other characters who many be in the picture… and finally, the finishing touches on the face. A single white pixel in each eye (These are a crucial aspect to show exactly where the character is looking), as well as a small gleam on the nose.
Now that ES is completely sketched out, it’s time to work on the outline for MBRS…
One thing to take note of is that, without her identifying features, MBRS’s basic designs looks almost identical to ES’s…. and in fact, I use pretty much the same basic design for almost all of my characters. Imagine my characters like Angel and even non-squirrel characters like Hooly and Erin in the state of creation MBRS is in the picture above, and they would all look very alike. One of my favorite tricks I like to show off to those who do get to watch me at work is first drawing ES, then turning him into MBRS, then turning her into Angel. It’s amazing how three completely different personalities can come out of the same design.
Now it’s time to add MBRS’s hair. It’s not the easiest process in the world, but I’ve drawn my female characters more than enough to have the art of adding hair to my basic design down to a science. Here it is in the first step…
The hair flowing down MBRS’s back isn’t the trick, it’s the hair around her face and ears. To simplify this effect, I draw two curves about 1/3 of the way up each ear, and connect the hair over the eyes to the cheek fur… including adding any danging hair down the side of the face that is facing the viewer. A little dab of white to erase the intruding under-outline, and voila!
You can also see I added the hair coming off the shoulders here… another trademark of mine. Now I add the tail, as well as MBRS’s identifying marks… the jagged lines just above the wrists and elbows showing where there’s a change in the color of fur (this is universal for all of my characters save ES himself), and lastly her cute little heart “tattoo” on her left hip.
Now that the outlines are complete, it’s time to color the squirrels! After all, a black and white squirrel is extremely boring and unacceptable at The Nest. ES is up first, and the easiest to do since he consists of only two colors…. light gray and dark gray, both of which are default colors on Paint. I use the Fill tool for the coloring process, which completely colors in whatever section I click in.
Now for MBRS. For this demonstration, I’ll start off with the two colors on her palette that are also default colors for Paint… the red of her hair and heart, and the green of her eyes. On this one, I noted one of the things you have to watch for when using the Fill tool. If a small section gets isolated from the main part you are coloring, you have to click it separately to get it to color. Most drawings will have a number of tiny one pixel “islands” that will frustrate me while coloring, and that I’ll often miss seeing.
MBRS’s fur colors are not default colors of Paint, so I have to go to the Colors tab to create a custom color. This can be done by clicking on a spot in the spectrum and then adjusting the intensity of the color up or down on the slide. Since my main characters’ colors are already established, I can simply input the Hue, Saturation, and Luminosity values I’ve recorded for them to quickly get my color. I’ve colored MBRS so many times in the past 4 years, that I have her settings memorized by heart… and there you see the ones for her main fur above. Do not let this intelligence get into the wrong hands!!!
And now, MBRS is completely colored and ready for a few finishing touches. Unlike with ES and his simple black eye coloring, it makes sense to add the pupil on a colored eye after that color has already been applied. Similarly, it makes more sense to add the interior lines to MBRS’s hair after it has already been colored… or else it might play havoc with the fill tool.
Looking good, squirrels! Now to add a simple colored background with the Fill tool, and we have a finished piece of art that took no time at all to create!
Well, there you have it! Now you too can create your own cute little squirrel characters! I hope to have a future installment where I show off how I create my more dazzling images with the help of Photoshop… but until then, happy drawing!
Wow, thanks for the tutorial. I knew some of that, but I hadn’t thought to magnify that way. All my peeps are very shaky. I will try it the way you show. Also, the idea of marking the new colors – didn’t occur to me there were certain numbers I could copy down. Duh-er. Thanks, ES.
No problem! Glad it was educational!
Oddly enough, if I want to duplicate a specific color in Photoshop, I have to use the RGB numbers from Paint rather than the HSL numbers I’m more familiar with for my custom colors. Not sure why the HSL values in Photoshop give a completely different color than they do in Paint…
Okay, I posted some of my first attempts on my latest blog post. Good thing I write humor!
I don’t think they’re bad at all! And at worst, bad artwork has a certain humor element all to its own… and you can even strive for inclusion in the shrine of artistic eyesores! I should have my own wing here…
http://www.museumofbadart.org/
Okay, tried a couple of sketches. Better, but not as much detail as I’d like – I use a lot of fine lines with people. Still, I’ll try to paste a few and show you later.
Now that’s the best tutorial ever! I may actually be able to us that paint program for more than a glorified etch-a-sketch now!
LOL, glorified Etch a Sketch. I’m glad I don’t have to shake the computer monitor to erase something. Happy creating!
LOL! Now everytime I go to erase anything I’m going to picture shake-erasing my monitor!
I have so many talented friends…
OK, for once, I will not be humble. Thanks. 🙂
Very welcome. 🙂
Carl barks did a feature on how Scrooge and Gladstone were Donald with modifications. It is fascinating how toons take on a whole different personality with a flick of the pen or click of a mouse! You are indeed very talented. 🙂
This is why the one place in my art I really try to pay attention to detail on is the facial expressions. Quite often, everything there is to know about a character’s personality and current emotional state can be found from the neck up…
And thanks! 🙂
You make it look so simple. Which it’s NOT!
It took me years of practice to even get this good… and I still have a lot of room for improvement! But if I’ve inspired a few people to dabble in simple computer doodling, this post has served its purpose!
🙂
Looks so easy and yet it’s so difficult.
When I draw on paint, all my art looks like really basic cave painting.
I’ve seen cave paintings in art books before, so some of it must be good!
So simple but you do such a good job at bringing them to life!
Thank you!
Thank you so much for sharing your process. I fiddle with Paint now and again, and I have to say you DO make it look easy. Sometimes I tweet my doodles… but they’re pretty bad. I just attribute them to Hodge. They look like a squirrel drew them! Maybe with your tips, I (ahem, Hodge) will get better.
LOL, I have always attributed my drawings to Evil Squirrel, and if ES can become a master of Paint, then so can Hodge! I hope his drawings become good enough to maybe share a few on your blog! 🙂
That is totally squirrel magic!! I attempted but my hoove got in the way when drawing. I’m going to have practice, practice and practice but I’ll never be as perfect as you my friend 😉 XOXO – Bacon
Practice, practice, practice gets you to Carnegie Hall! Keep at it, and in a few years, you might be the world’s foremost pig artist!
really impressive 🙂 I can’t draw that well even with pen and paper, let alone with a computer mouse.
It’s definitely not a natural talent! It’s almost like learning how to dial your phone with your toes…. though odd, if you tried it enough, you’d eventually get the hang of it!
I am impressed. I can kind of draw with a pencil, but using the mouse, I am useless.
It’s definitely not an easy thing to do. After seeing all these comments, I wonder if my unique skill is good enough for America’s Got Talent?
Only one way to find out
Pingback: Make It! Challenge #7: Rainbow Donkey | Squirrel Picnic