Category Archives: Preliminary Drawings

Creating the Cabin

It’s been a little while since I’ve done any posts about my process, so I thought I would remedy that here. The image above shows the various stages of development for The Cabin in the Woods illustration I posted yesterday.

Illustrations like this start with a pencil sketch. Truth be told, they start with a lot of pencil sketches. It sometimes takes a while to come up with a direction I am happy with. The final pencil sketch does not have to be perfect, it just needs to be close enough for me to have something to start working with. I will often add or refine details in the next stage.

Once I get a pencil sketch that I am satisfied with, I import it into Adobe Illustrator to use as the basis for a vector drawing. The pencil sketch is placed on a separate layer and then the I start re-drawing it using the pen tool. A lot of people don’t like using the pen tool, but I actually feel somewhat comfortable with it (as long as I don’t have to draw something from scratch with it). At this stage, I try and get the shapes exactly how I want them. I am less concerned about the colors. For those, I try to block in the basic color direction I want, but I leave a lot of room to tweak and finesse when I get to the next stage.

The next stage is done in Photoshop. I export the drawing from Illustrator as a PSD file. This option allows me to retain any layers I set up in Illustrator. This is extremely helpful in dealing with separate elements in more complex illustrations. I open the exported PSD in Photoshop and then set out to “un-vectorize” the illustration. While I like many of the advantages that the vector tools bring in Illustrator, I don’t like the “raw” vector look of those tools. This Photoshop stage is where I can rough up the illustration a bit, and make it look more like it was done by human hands. I had some tone, shadow and texture to give it a slight painted feel. I also fine tune the colors to give them a little more pop.

And that’s pretty much about it! The whole process takes a bit more time than I would like, but I like the results I get. It’s a totally different feel from my brush and ink stuff.

Drink N’ Draw N’ Doodles

Yesterday, I posted an illustration I recently did for the Facebook page for the Newburyport Drink N’ Draw group. Today, I thought I would post some of the rough sketches that went into the creation of that illustration.

The dimensions of the Facebook cover images are extremely horizontal, so I thought is presented an opportunity to cram a bunch of Drink N’ Draw participants partaking in the kinds of revelry that occurs at these events. Compositions that feature multiple subjects are not my strong suit, so I saw this illustration as an opportunity to push myself a bit.

The first thing I do with any illustration is to do some rough sketches. At the early stages, I am not generally concerned with the overall composition, I am more concerned with exploring ideas and elements of the drawing.

After the initial brainstorming doodles, I start to focus on firming up the composition. For this illustration, I ended up doing a lot more of these sketches than I typically do, because I really wanted to explore different combinations of characters and actions that they are doing. My rough drawings tend to be pretty rough. A lot of times, I am sneaking these in while I am out and about. Many of the drawings below were done in bars and during a business flight down to Florida.

Finally, I got a rough sketch that I (sort of) liked. While it was far from perfect, I thought it had the elements I wanted to move forward with.

As I said, the sketch wasn’t perfect so I brought it into Photoshop and made some rough corrections to get it close to where I wanted it. Some of these corrections involved pasting in elements from other sketches. With that finished, I printed out the cobbled together rough drawing and used a light box to re-draw in onto a sheet of bristol board. Typically, I use a India ink and a brush to do my linework, but for this one I was in the mood to ink it with my Pentel Pocket Brush Pen. The final inked drawing can be seen below.

Next, I scan the inked drawing into the computer and clean up the linework where appropriate. I knew I wanted a limited color palette for this so I colored it with the two colors from the Newburyport Drink N’ Draw logo. Check out the final illustration in action at the Newburyport Drink N’ Draw Facebook page!

 

Rough Christmas

Here is the rough drawing for the illustration from my Christmas card that I posted yesterday.

Rough Bookmarks

The drawings above were the final rough drawings of the bookmarks I posted yesterday.

For each bookmark, I did dozens of rough drawings, playing around with different poses and compositions. The narrow dimensions of these drawings definitely provided some challenges, as it took some time to work out a layout that would work to my satisfaction.

During this stage the drawings generally start out really rough, sometimes amounting to no more than a bunch of scribbles. As I start getting comfortable with the the foundations of the drawing, the roughs get more and more refined until I have a drawing that is pretty close to what I want (see the drawings above).

Once I get the rough drawings where I want them, I use a lightbox to trace the drawings in pencil onto bristol board. This part of the process is a little more difficult than it would seem because it is not easy to get the same kind of energy that existed in the original sketch when you trace it. Often times, the trace can look lifeless and dull, so I try to re-sketch it rather than simply trace it. Fortunately, at this stage, I don’t need the pencil drawing to be perfect, it just need serve as a guide for when I ink it.

Despite my oft stated love for the Pentel Pocket Brush pen, I generally prefer to use the real thing when inking. The Pentel is great for mobility because it can be a hassle to carry ink and water everywhere when I want to draw with a brush. However. when I am at home, nothing beats a brush. I used a Winsor Newton Series 7 Number 2 brush to ink these drawings. It’s a great brush that can give you a nice variation of line and hold a decent amount of ink. The finished ink drawings are below.

I then scan the drawings into Photoshop where I adjust the levels to get a nice black and what image. I also touch up little bits of the linework and make any minor corrections that are needed. When the linework is where I want I begin to add color. I always start out with flat colors, but I did add some gradients in the backgrounds to give them a little something-something. For the finishing touch, I add a subtle texture overlay to give the illustrations more of a “lived in” kind of feel.

And that’s pretty much it! The bookmarks were then laid out in Illustrator and were ready to print. One final note, the astronaut is show here right side up, but was always intended to be upside down. It just turned out that it was easier to draw him this way and then flip him in the final file.

Process

I’m a bit of a process junkie. I can’t get enough of learning how artists do what they do. Everyone has their own way of doing things and it’s interesting to see how different people attack similar problems.

Since I get asked from time to time about my process, I thought it might be time to do a quick write up about how I do a typical illustration. A word of caution. The way I do things is no where near the best way to do things. In fact, in some ways I’m probably making things a little more difficult for myself than I need to, but it’s just the way my process has developed. I have a certain comfort level with it, so that outwieghs the wonky parts of my process. Also, keep in mind that my process typically varies from illustration to illustration. That aside, the process detailed below is a decent overview of how I work.

Alright, time to get started. Let’s look at how I created the Spacehawk illustration I posted a little while ago. All my illustrations start with dozens and dozens of doodles. I do all of my doodles with good ole fashioned pencil (or pen) and paper.  Since the rest of the process will be entirely digital, I really enjoy the tactile nature of working in the “real” world.

The doodle phase is loosely divided into two parts. The first part is all about idea generation, coming up with the overall concept. For me, idea generation is the best part of the whole process. It’s fun watching ideas take shape and grow. The second half of the doodle phase is all about settling on the rough drawing of how that idea will look. Things getting a little bit tougher at this point because reality starts to set in. Can I do an idea justice? Does the idea hold the same appeal now that it is now becoming a bit more tangible?

The doodle stage ends when I have a rough drawing that will form the foundation for the digital illustration. How well refined the rough drawing is varies form illustration to illustration. Sometimes, if the illustration is particularly tricky, I’ll refine the rough drawing to the point where it is pretty close to how the final illustration will look. Other times, the rough drawing will be a mass of loose scribbles. In those cases, much more of the “drawing” will be done in the later stages. Keep in mind, that this rough drawing will not actually be seen in the final drawing. It will be completely redrawn digitally. So when settling on a rough drawing, I am not looking for the final drawing, just something that has some looseness and vitality that can carry over to the final drawing. The image below shows a page from my sketchbook that has the rough drawing for the Spacehawk illustration.

Once I have a rough drawing I like, I scan it in to Photoshop and clean it up a little if necessary. Occasionally, my rough drawings will actually be a composite of several doodles. In those cases, the separate doodles are stitched together in Photoshop.

Now the real work begins. I import the rough drawing into an Illustrator file. The rough is placed on a locked layer and I begin laying in shapes in layers above it using the pen tool. Illustrator’s pen tool gets a bad rap because, by nature, it’s such a mechanical tool. To me, that’s one of it’s greatest strengths. Since it is different than using a pencil or brush, I can really focus on the shapes that are making up my illustration. My stuff is all about reducing things to as simple shapes as I can, so being forced to really focus on this is really helpful.

I trace all of the shapes in the rough drawing with the pen tool. I try not to trace the rough drawing. Rather, I am continually looking for ways to improve the illustration by finding areas that need simplified or smoothed out. One of the advantages of working in vector format, is that I can continually massage the shapes to get them where I want them. The image below shows the SpaceHawk illustration after I drew in all of the shapes.

As I am laying in all the shapes, I also starting to make initial color choices. Going into this phase I’ll usually have a pretty good idea of what color scheme I’m going to use, but sometimes, the plan changes as the illustration starts to take shape. Before I am finished with the Illustrator phase, I try to get the colors in the general ballpark of where I want them (with the understanding that I will tweak them once I get the illustration into Photoshop). The basic color version of the Spacehawk illustration looked like this:

Eagle-eyed readers will notice that the image of the female alien photograph is not in this stage. I drew that in a separate document and added it to the illustration during the next stage.

Now, we’re entering the home stretch. I export the illustration from Illustrator as a layered PSD file and open it up in Photoshop. At this point, the illustration doesn’t look too bad, but it needs some tone and texture to really give it that classic children’s book feel I’m going for. Using a wacom tablet, I start adding in a little shadow to help give the shapes some form. I also add in some texture to some of the elements and the background. Usually, the colors need some tweaking at this point as well so I usally add some adjustment layers to give the illustration a little extra pop. The final step is to add a little dash of the Spatter effect to help tone down the ultra-hard edge that comes from working with vectors.

And that’s it. Apologies for the long post. I hadn’t expected to ramble on so long. And despite the length, I think I still may have glossed over a couple parts. Feel free to drop me a line if you are looking for any more specific information.

Regarding Henry

ga073007

I’m bit behind with my posts, due in large part to the distractions of summer and some technical issues revolving around updating my blog software. I should be back to full speed soon.

The image above is another development doodle for the Harry Potter illustration I posted earlier.

Finding Potter

ga071807

Here are some early character explorations for the Harry Potter illustration I posted earlier. As you can see, my take on the character differed wildly as I prepared for the illustration. In these early attempts, I went way too far with the hair. I learned later, that it looked better when I brought it back a bit.

Intangible

ga022007

Here’s another rough for one of the illustrations on the newly re-designed Stackpole & Partners website. This was for my favorite illustration of the bunch, so it’s not surprising that I think this is the strongest rough as well.

See the finished illustration here.

Send Out the Signal

ga021807

During the development of the new design for my day job’s website, we decided pretty early that the site would center around two-tone illustrations. The idea was to make them fun and approachable, but still remaining sophisticated. Based on the early feedback, it seems that we hit the mark we were aiming for. Getting there however, was a long process.

While we decided on the “look” of the illustrations fairly early, it took a bit of work to get them where we wanted. Originally, I decicded that the illustrations would be all vector, but as we started pushing them out, I had a momentary sea change and decided to switch to brush and ink. The illustration above was one of the tests in this approach.

While I liked the homemade feel of this approach, we ultimately decided to go back to the vector approach. The vector illustrations were a bit cleaner and seemed a little more appropriate for the tone of the site. Ultimately, I think we made the right decision.

Judge for yourself. See the final vector version on the site here. As you will see, in addition to the different tools, I streamlined the background anf giving it flatter look. Props to James Hindle for his work on the original concept and doing the first pass on the layout for this illustration.

More Website Roughs

ga021607a ga021607b

Two more roughs for illustrations that appear on the newly re-designed <ahref=”http://www.stackpolepartners.com/”>Stackpole & Partners site. See the finished illustrations here and here.