Thursday, August 30, 2018

Cookie Roll Commission Process



This illustration was completed as a commission- the customer wanted a digital piece with a watercolor feel, involving his Lilliputian Wangou and Kara playing together.  If you are interested in commissioning something, don't hesitate to email me for a quote!

Character Design and Concept: 

Although the commissioner already had a design for Wangou, he requested a redesign that would reflect the aesthetics of 7" Kara

Although this is a digital commission, I do my best brainstorming with a color pencil in hand, so I utilized my sketchbook and tracing paper to hash out a revised design.

Tracing paper allows me to reuse the same framework and devise new clothing options quickly and easily.





I also sketched out a Kara wireframe, for easy size reference.



To share this with my customer, I laid out my interations side by side, so they would be easier to parse.

Once I'd hammered out the details, I redrew Wangou in his final design, so I had all my reference handy and condensed.

Final Character Designs:

For Kara, I selected one of the outfits I liked from Chapter 8.


Thumbnails:

When planning illustrations, particularly those that involve a background or movement, I like to generate a few thumbnails, and select my favorite (or allow the customer to choose their preference).  This is a great way to play with a variety of ideas with low commitment.

Wangou handing a cookie down to Kara

Wangou and Kara rolling a cookie like a hula hoop

Wangou and Kara sitting on the edge of a sidewalk, eating their cookie

Wangou and Kara stealing a pack of M&M's

Wangou and Kara sneaking the M&M's down a grate

The customer selected the cookie roll, and I began refining the idea.

Sketch:

The sketch and design process for this commission is very similar to that used in Planning an Illustration in Photoshop, so I recommend you check that post out for an indepth exploration of the process.


Tight Sketch:

This sketch was converted to bluelines, and printed on Fabriano Studio watercolor paper- which I enjoy using for inks, but cannot recommend for watercolor.

Inks:
This was inked with a Sakura Pigma FB (a pigment based brushpen) and scanned to preserve the watercolor texture.

Flats:

Digital Shading and Texture:


After flatting this piece, I began by blocking in my shadows, utilizing layers, layer opacity, and multiply mode. 

As I worked, I introduced more traditional media scans and textures- papyrus, scanned corn husks, and loads of watercolor splotches and bleeds to add interest and texture.

The Completed Piece

I really enjoyed this opportunity to work in a different medium, and to utilize mixed media techniques to achieve an illustration that pleased my customer.  Many artists think traditional media and digital media have to be divorced, but regardless of my end product, I utilize both in the majority of my art and comics.  I hope today's post has inspired you to mix up your process, or perhaps try something new!

Monday, August 27, 2018

Planning an Illustration Using Photoshop


Digital sketching and planning use the same basic concepts as constructive figure drawing and sketching on traditional media.  I'll often work with both traditional (thumbnail, inks, final piece) and digital (sketching and cleanup, digital colors, corrections) to create a final illustration.  Working mixed media like this allows me the ease of resizing and correction without total redraws.

 I often begin with a traditional media thumbnail (or several thumbnails) as it's easier for me to think when I am using pen or color pencil in my sketchbook.  Digitization at this stage is lazy- often I'll just take a photo of it with my smartphone, and send it to myself via Discord.   This is saved in a commission folder and opened in Photoshop.  I'll recenter the sketch, change the size and ratio, and bump the opacity down, and then I'm ready to start sketching.  Layers and layer settings are utilized like onion skin to develop sketches and figures, and I work using my Surface Pro 3, as it allows me to run Photoshop and sketch directly on the screen.

This piece was created as a commission- the customer wanted tight inks like I did for my Inktober 2017 series, Lilliputian Living.   For today's walkthrough, I'm going to focus on developing the sketch and the figures.

Initial Sketch

My initial thumbnail is tiny- maybe 2"x3".  The end piece needs to be about 8"x10", so I scale up my thumbnail and work at that scale.

Blocking in Figures:


I begin with a line of action and a rectangular shape.  This rectangle blocks in the torso, the line of action determines movement and gesture.


From there, I use an egg shape to block in the ribcage.


And a bean shape to block in the pelvis.


Once those have been blocked in, I knock the opacity back, and use sticks to block in the limbs, and balls for the head and hands.

Once this is completed, I have a fairly good idea of what the gesture will be, as well as a great starting point for the figures I plan on drawing.

Blocking in Background:


Since the prompt is a mage with his familiar, I thought the setting should be somewhere dark and secretive.  Since the mage is Lilliputian, I thought perhaps a hole in the ground, complete with tree roots, would serve as a cave.


So I begin by lightly sketching in the environment, framing the 'live' area with treeroots and dirt.


Next I sketch in my lightsources- two candles- as well as the light they cast.



Refining Figures:

Refining Poses and Skeletal Frames:


I reduce the opacity on everyting, and create a new sketch layer.




I redraw my skeletal figures.


And reduce the opacity on everything again.

Constructing the Figures:


Using cylindars and spheres, I begin fleshing out the figures around the wireform skeletons.


I also develop the head- starting with a sphere, adding a curved plane for the face, and contouring the shapes.




Clothing The Figures:


Once the figures are constructed, I begin roughing in their clothes.  These were previously designed, so all I have to do is reference my sketches, and add momentum and movement.  The sphere (a marble) that the newt familiar is holding casts a glow and an aura that affects lighting, hair, and clothing.

Constructing Hair and Faces:


Once I have the basics sketched in, I can start constructing the hair and faces.  When I design illustrations, I always begin with the largest, most gestural things (pose, environment), and work progressively tighter, more detailed, and smaller (hair, clothing details, faces).  This helps prevent me from getting bogged down, or putting time into a composition or illustration that doesn't work.


I divide the sphere for the head in half vertically and horizontally, and place three eye widths along the horizontal axis, starting with the 'middle' eye.  Halfway between the eyes and the bottom of the face, I place a small oval to represent the nose.  Halfway between the nose and the bottom of the face, I sketch in a short hashmark to mark where the mouth will go.

Refining the Background:


Determining Lighting:

For this illustration, I have three light sources-  the two candles (foreground and background) and the marble that serves as a crystal ball (middleground).  Since this will be an inked illustration, I want to utilize textures and heavy spot blacks to help carry the illustration.


I use the lighting to help determine how I will ink both figures later on.


The Final Sketch:


The Final Inks

Things to Consider When Working Digitally


  • Don't work too tight or too detailed-often those fine details get lost when the piece is sized and shared to the web, or printed out.  These details can also turn to mud when you print your bluelines onto toothed papers.
  • Sketch out what you need, it's ok to leave fine details for later.
  • Don't black in large areas, especially if you plan on printing bluelines.  It's ok to just mark it with an X.


More Information about Constructive Human Anatomy:

Nattosoup's Figure Drawing Resources- Includes tutorials and resources for figure drawing, character design, and figure construction, and facial construction.