Ping Art: Ping Teo's Art Journal

Ping Teo has been teaching herself art after her A-Levels in Art and Design. This is her art journal where she records all her forays into drawing, inking, colouring and other forms of art and illustration and turns them into tutorials geared towards comics and graphic illustration.

Friday, May 08, 2009

Ping Art Has Moved!

Ping Art Has moved and is now a feature of Webcomic Finds!

The older posts will remain here at the old site, but you can access the mirrored Ping Art Posts, plus newer stuff over at the other blog, along with other webcomic-related stuff such as reviews and news.

For just Ping Art posts, you should be able to find them under the renamed feature Pinging Art.

Thanks for reading, happy webcomicking!

Friday, November 04, 2005

Step By Step: Inking with Chinese Calligraphy Brushes

Hey everyone! It's been a while, but I've been too busy (god forbid) to draw so the blog didn't get updated in the meantime.

Today I'm making a cover for Chapter Four of The Jaded. It's been a custom for me to have a portrait of a different character for each cover, so we had Jade for Chapter One, Jin for Chapter Two, Doc Ice for Chapter Three... now it's Lysanne for Chapter Four.

The chapter name is "Tears of the Deserted" and there's some fun stuff in store as I get to draw lots of fancy-dress. I want Lysanne posing in fancy dress with a set of tanzanite jewelry.

These are my pencils of the picture. You'll notice they're quite finished and clean. My friend Steve Bryant from Athena Voltaire once told me that best inking is done on good pencilling, and muddy, messy pencils are very difficult to ink, so I'm taking his advice as a philosophy to inking.

Let me introduce you to my new arsenal of inking tools. I like inking using brushes. Recently I switched from my usual sable brush and india ink setup to something closer to my roots: Chinese brushes and inks.

There are several reasons why I prefer the brushes and ink to their western counterparts.

Firstly, grindiing the ink sticks on ink stone to make ink everytime I want to ink may sound tedious, but I actually quite enjoy doing it. I'm told the process of grinding is supposed to calm you down and get you into the mood for writing/inking, but for me the main two advantages of this is 1) I can control how black I want the ink to be, which can be ridiculously black, and which my luckless india-ink counterparts have to resort to searching for super-black inks or drying out their ink bottles for. 2) My second advantage is I get fresh, new ink each time I ink. Anyone who has used india ink before should know that about half-way through the bottle, most india inks tend to "go off" after a few weeks/months, and start sedimenting (I hate it when that happens, it makes for horrible blotchy inking). With the sticks, I only make enough to use each time, so there's hardly any surplus left to go bad.

Secondly, the good chinese brushes, while larger at the base than the sable brushes, can retain just as sharp a point, and hold far more ink, making it easier to make long, smooth strokes as you need not dip the brush in as often. An added plus is that even the more expensive hair for the brush (xiao lang mau or wolf-hair) is still cheaper than sable. (Well, at least where I live). I guess they charge cut-thoat prices for these in America and Europe, but here they're literally a fraction of the price. Plus they actually have decent pencil-thick handles, instead of those ridiculously toothpick-thin ones. (Ok, I'm exaggerating, but you know what I mean).

It's worth noting that for any kind of brush inking, it's always worth investing in the best brush you can afford. For chinese brushes, steer clear of the goats-hair brushes. Those are horrible.

These are the results of my rough inking. As you can see, despite my best attempt to keep the paper clean, I smudged some ink across Lysanne's nose.

After scanning the image into Photoshop, I do some painting over (to get rid of the smudge) and some levels tweaking to emphasize the black and get rid of the paler greys. The lighter grey washes I use for shading,

I make a copy of the clean inks and do some further levels tweaking, so that the images becomes almost pure black and white. I'll use this layer for quick colouring (easier to paint-bucket), then toss it away when I'm done.

Going banzai with the paint-bucket, I quickly fill in the large spaces with flat areas of colour, using a brush to fill in any spots the bucket misses.

After that's we toss away the stark black-and-white layer, and superimpose the clean inks on top of the colours. I usually like to add a bit of colour and shading to this, and not to mention the high-lights. Note how alive the highlighting makes her hair look.

Add a frame, background and the text, and we're done.

Around this time I notice the mistakes in perspective and facial features in my original pencil, but it's rather late to do corrections now, which will be a pain and proves why Steve is right, it's always best to correct your mistakes at the pencil stage, and not when you've gotten to the end of the whole process!

Thursday, August 18, 2005

Quick Blurb: The Jaded Summer Afternoon Stories

Today I'm working on a page of The Jaded. "Summer Afternoon Stories" is a run of short stories I'm planning on having in-between chapter instead of "Outtakes". I'm also using this opportunity to try out some experimental stuff.

I'm drawing a page where Lysanne and Doc Ice are tramping around in the Lanner Place shrubbery looking for Lysanne's lost shoe. Why the shoe is lost I won't get into, but what's important is when they find the shoe they also find a chewed-up CD case.

First, the preliminary scribbles:

Then it's redrawing over the lines on a different layer:

And then we add colours. I'm using the experimental washy-white colouring style to get a sketchy look for the comic. Ironically it takes me more time in the normal method I use for colouring, but such is experimentation.

I think the hard thing about not using heavy colour is having to restrict my use of the colours. I'm using the colours as the shadows, and by deafult everything else is white. It's like colours, you try to work with less and let the viewer's brain fill in the gap. Tricky. Full colour is so much more easier.

And that's it for today.

Wednesday, August 03, 2005

Quick Note on Composition: The Importance of Camera Angles

So here I am drawing the last page of The Jaded Chapter 3: Black Earth.

The scene I'm trying to illustrate is Doc Ice sitting in the passenger seat of a car, with Jade in the driver's seat and his crucifix earring very visible. Jade asks Ice a question, Doc answers cryptically.

So here's the preliminary sketch (digital equivalent of a penciled sketch) that I use for layouts.

As you can see, there's nothing particularly wrong with this composition. Everything that needs to be depicted is being depicted, but for some reason, the whole scene just looks rather... boring. It's flat and there's nothing particularly interesting about it.

So I decide to give the same scene a second go, this time using a different camera angle and a more dramatic viewpoint. The result:

I really liked this composition. It's important to note that the steering wheel in the foreground helps break up the motony and gives the panel more depth. Unfortunately, at this point, I realise:

  1. British cars have the driver's seat on the right side
  2. I can't flip the image because Jade's earring is on the left ear.
  3. Jade is supposedly nursing a recently broken arm, and shouldn't be driving anyway

Ok you can laugh at me now. So for the sake of consistency we relegate the two to the back seat, and someone else (presumably Juno or Lysanne) will be driving.

This is kind of a blow because that means I have to remove my steering wheel, but adding the window and the little rain shield at the top of it will help give a kind of frame to the picture. The result is a more 'closed' look, and hence a less empty-looking panel and better comic page overall.

Now back I go to sketching, or T won't be pleased at the state of my buffer! ;)

Edit: Thought you might be interested in the final result. I added theoverlay of the trees to give it a reflection-on-the-glass effect. Since it was the last page I thought it deserved something special.

Edit 2: Abby and Mos pointed out the perspective error on Jade's face which I missed, so here's the correction.

Having my mistakes pointed out to be is great, BTW. I can't improve without knowing what I'm doing wrong!

Tuesday, August 02, 2005

Study: Drawing the Human Foot

Ah, my great nemesis. The foot. Worse than the hand... mainly because I don't get to draw it as much.

So today I decided: "Enough of avoiding the monster!", sat down and devoted a couple hours to studying the human foot.

One thing I hate about drawing the foot is that it's so hard to find detailed tutorials on it. Most books devote pages after page of how to the draw the face, body and hands, but barely include a page on feet as an afterthought. Even the great Loomis glosses over it, which annoys me to no end.

So here I go, Google for reference (BTW, don't google "bare feet" on Image Search. Just... don't). After a solid hours of attempts at drawing feet I won;t bore you with, I realised several things.

1. From the front, the human feet are a major a pain in the ass to draw.

Seriously, that wasn't really a revelation, but I just realised that anew. But back to the other points:

2. The human foot slants to the side.

There seems to be a line from the center of the foot to the center of the big toe which marks the split in directions the foot slants.

3. The heel is a cone.

I picked this one up from my copy of Action Cartooning by Ben Caldwell (An interesting book I'd recommend). The heel is sort of a cone, aligning with the leg bone at the point.

4. The human toes aren't just the bits you see at the end of the foot. They are connected to the pad thing at the base of the foot. (I never realised this before)

Don't forget to click on the image to read the notes I've scribbled on the diagrams. This is probably the most essential thing to understand to have the feet look right. Without the fleshy pads the feet don't look like feet.

5. The toes have joints. (Don't laugh, I should have known, but it just never occured to me)

This is the thing that make toes look like toes. They have to look crimped, otherwise they look unnatural. There's got to be that knuckle like bump and the little gap between the fleshy pad and the toe ends.

So with this new-found info, I'm going to test it out by drawing a series of feet from different positions:

The side of the foot is relatively easy. The important thing is to lay out the fleshy pads and the heels in the right places. The big toe is also bigger than the flesh pad, so it overlaps it.

This is the side of the foot, but from the side of the little toe. More common in view than the other side, it's imparative to note the little toe is smaller than the fleshy pad so you can see a bit of it over the toe end and knuckles.

View of feet from the top. I'm told by a very reliable source (my podiatrist friend) that the fleshy pad sticks out so exaggerating it makes for more realistic -looking feet when there's an in-curve.

The sole. Not particularly interesting, other than being a good map of the layout of the fleshy pads and toes. Note the you can't really see the second joint of the big toe from this angle.

The most difficult view to draw the foot from. You need to have good grasp of geometry and perspective to be able to lay the shapes in line and get the right shape. Important things in making it look right is having the fleshy pad in the right place and showing that it's slightly wider than the toe rows.

And that's it. While I would not like to pass myself off as an expert in drawing feet, I'm reasonably happier and won't be dreading drawing feet the next time they come up in any of my art projects!

Thursday, July 28, 2005

Study: Drawing the Male Torso (Sideways)

Today I'm sketching a logo image for The Longest Sojourn. So here's another grand opportunity for a study of the male anatomy again.

This is based off a reference picture, but some fun things to notice. End of the shoulder muscles (deltoids?) line up with the bottom of the breasts in an arc. You'll also notice I used the symmetry grids from the first study to draw the muscles in. The way of drawing the pelvis and leg-bones is a technique I picked up from Loomis' Mannikins. (Incidentally, Loomis' Figure Drawing For All Its Worth is an amazing book I'd recommend to anyone. You can learn loads off it if you don't mind the textbook approach.

We'll ignore the muscles in green and red, since those were the ones we studied in the Man-Chest tutorial. What we want are the muscles in blue and purple, which are the side view ones.

One thing you'll notice is that from the side, the arm mucles sort of resemble a braid. From this angle the triceps are visible, and the lower arm muscles (It's actually a group of several muscles) stretch over from the end of the bicep to the elbow. This is not really anatomically accurate, but very much simplified. You want detailed muscles Loomis has a very detailed chart.

Another good thing to notice is the huge neck muscle stretching all the way from the nape of neck to the shoulder muscle. Memorise that one.

So from this study, we can summarise the visible muscles from the side as such:

And turn them into a chart for easy reference in the future.

Hopefully that makes it easier to draw the male figure from sideways.

Incidentally, for those of you who wondered what was the outcome of this study:

This is the imagemap logo I got after I finished, which hopefully will feature on the next incarnation of the TLS website.

Monday, July 25, 2005

Drawing Comic Genesis Chan

Today I'm taking an hour or two off to draw a picture of Comic Genesis (Formerly Keenspace)'s mascot, Gen-Chan. I've also decided to use the opportunity to study women's anatomy from sideways.

I want to draw space-chan with a cannon over her shoulder, from a semi-sideways view, which I'm generally not good at, so A good reference is very important to get it right.

As usual, I turn to the internet for reference. Domai is a 'simple nudes' site, which by it's own definition presents "tasteful nudes of beautiful women". While it makes no pretense on who its target audience is, I find it very useful for finding references for female figures. Although not safe for work because of the well... nudity, the pictures aren't explicit, have good and varied postures and are generally on par with what you'd get in a life-drawing class or a life-drawing reference book.

Jops of The Menagerie drew the this rendition of Gen-chan. I'm going to follow his design.

Having found an image with a posture close enough to what I want, I start sketching on my tablet to get the basic wire frame.

According to Jop's design, Gen has a snub nose, so I try and replicate it in a more realistic fashion. She also has a roundish face so I give her a heart-shaped face. I like having little imperfections in drawing characters, because it makes them more interesting.

I decided to dump the cannon and have her priming her wrist blaster instead.

Sadly the posture I chose blocks the logo she has on her costume, but... umm... oh well... bad planning, Ping. *sheepish grin*

The first stage is almost complete, so I check the posture and do some minor corrections, plus lots of cleaning up.

(By the way, you can click the images to see larger versions of sketches)

I briefy considered inking this with illustrator, but I decide for now I like the sketchy quality of the art and will colour it that way. Perhaps some other time I'll do the vector version.

Set the line art layer on multiply, and create a new layer beneath it for the foreground colours. I then colour in the large spaces with my paint bucket tool with set to "All Layers". I also have my brush set to "Behind" so I don't colour over areas I've already coloured when I do the smaller areas.

For the metallic areas I colour using magic wand set on "All Layers" and run it through an open-close algorithm. Someday I'll talk about what that does but not today. Let's just take it for granted it takes a selected area and gets rid of the little stray lines and stuff inside.

Now add different colours for the shadows. I've found using different colours on a opaque layer over the lineart instead of a black multiply layer makes for more colourful pictures. It also gives the image the "painted" quality I'm after.

Highlights are added next. I also burn the shading layers where I want it to be especially dark so they contrast well with the highlights. A background instead of blank white space is also good.

For some final touches we add the glowy effect (Screen layer) and a little frame.

And that's it. Blogger's thumbnailing system uses rather high JPEG compression, so the images look a little grainy, but as I mentioned, you can click on them to get the original image, which looks better. Now I'm off to submit this in case they're doing a rotation for the Comic Genesis front page!

Incidentally, the non-Blogger compressed version is here.