Monday, 25 September 2017

Cartooning - Rule of Threes Revisited


I've just realised that the latest FunStreak cartoon ( follows the Rule of Threes pattern. The first two boxes set the scene and perform the misdirection, and the last one delivers the punchline.

This one came from a conversation I was having on Saturday morning with my 'significant other'. We were reminiscing about the past, how cute our kids used to be, and talking about how prudity replaces the carefree attitude that children have when they're little. Sometimes the truth slips out in a joke; the grass really was long, and my son help out?.. well let's just leave it there!

The Cartoon

I started off drawing the final frame, adding temporary lines to a vanishing point around the middle of the page. It was important that the final reveal should show the long grass, so it made sense to have the couple actually in a garden. Sunloungers were the simplest thing to draw, I drew one and then mirrored it over to give me the second. The grass was added in layers, a little bit like waves on the sea.

A simple garden scene

Finally a couple of figures and a table were added to complete the scene.

The completed scene
Frames one and two are based on zoomed in copies of this image. It's a great way of re-using the artwork, but ensure you alter the figures to provide a bit of variation.

Zoomed in Images for Frames 1 and 2

Simple Really.

Tuesday, 19 September 2017

Cartooning - Should you use Shading?


To shade, or not to shade, that is the question! I recently evolved Area 5.1 into X-Failes so that I could show more detail and produce a more colourful product, but recently I've been feeling that it's been taking too much time. Truth be told, if it had gained me loads more views and likes I wouldn't care, but it hasn't.

I do use the following techniques to speed things up.
  • Re-use characters and objects.
  • Trace pictures of items I'm unfamiliar with.
  • Re-use backgrounds.
But although shading can look really nice, it takes time, even when re-using artwork. Just flipping the image over usually requires extra effort, negating the time saved while you re-work the shading. And I didn't help myself by giving him tattoos.

Cartoon with Shading

Moving to a Flatter Style

Looking at the new style, it looks like I just copied from the cartoon above, removed the shading and tweaked it. But those elements have been re-used a few times and the fact they line up is just by chance.

Cartoon with flatter colouring

The thing I didnt expect was the colours to look bolder. I haven't been 100% consistant with eradicating the shading so there's still a slightly 3D feel about it.

The biggest time saver is probably the background. It's not much more effort than roughing it out with pencil and adding a bit of colour with a large marker pen. I then reduced the saturation by making it slightly opaque. The softer background does provide some degree of separation from the foreground objects, it focuses the reader a little.

Link to latest cartoon :

Monday, 11 September 2017

Working On List Ideas - Part 2


If you remember last time, I had a list based idea that I'd almost finished putting together. The main challenge was to create a cartoon without spending too much time drawing because the comedy is in the list. Anything else should just support that.

(NB. Thanks for the list ideas Shiela, although they came a little late. Go-Ape was a nice idea and I'd have used that one)

The Solution

Okay, here's what I came up with,.. pretty simple, a marketing guy explaining charity suggestions to an unknown client. There are a few similarities with the maths professor cartoon I drew.

Comparison of ideas
I started with another screen grab from my phone's notes application and turned it into a flipchart or whiteboard list. A few scribbles help to differentiate the new ideas from the established charity month ideas.

I drew a marketeer (delivering it as a presentation), and added that little bit of dialogue so the reader understands where the idea came from.

Final cartoon here:

Part One

Wednesday, 6 September 2017

Working On List Ideas - Part 1


Today I'm breaking the mould and writing about a cartoon that I haven't finished, in fact I haven't even started drawing. I didnt want it to go out half baked, but I thought it might be interesting to share what I have already.

Sometimes ideas aren't very visual, the challenge then is how to turn it into a cartoon, and this is definitely the case with lists. When I tackled this problem last time (on Area 5.1 - Imprinted Habits) I created a fake magazine page. In the blog entry for it I described the process, but I remember it being a lot of hard work involving generation of additional ideas to fill the rest of the page.

The challenge will be trying to come up with something simpler. This one's intended for FunStreak, and my rule is no more than two hours drawing, ideally less than an hour.

My List

There's a few charity events coming up that promote certain actions for a whole month. The one that's being promoted quite heavily now is "Go Sober for October", but soon there'll be "Movember" too and Facebook will be awash with facial hair selfies.

It's all good stuff, but it got me thinking about what other things could happen for the other months. I started scribbling ideas down on a pad and then eventually I typed them in to notes on my ipad and tried to assign an emoji.

My Monthly Event Ideas

Some of the ideas need work, or replacing. Other's like "Banuary", if I decide to go with it, need a little explanation.

Part Two

Friday, 1 September 2017

Sketchy Details - Planning your Cartoon


My usual method of creating a cartoon tends to follow this process:-
  1. Have great idea.
  2. Write down dialogue and review.
  3. Draw pencil sketch or thumbnails.
  4. Draw each frame on the tablet.
  5. Import into ComicLife and compose.
  6. Finalise and resize to 850px wide.
Step 3 often looks like it's been missed, that's because I rough it out on the tablet, or I create empty planning frames (with dilogue) in ComicLife. More often than not, I just plan it in my head, but there's always some sort of plan, there has to be.

The last X-Fails had quite a detailed sketch, so I thought I'd share it with you.

Sketch Plan

You'll notice there's some quite extreme camera angles in this cartoon.

We start off with a high level of perspective viewed from below, using the vanishing point method to scale the policeman's body. But you have to be brave and really draw those boots big if you want him to appear close up.

The next three shots are simple close-ups showing the dialogue and that pistol action. They were chosen to focus the readers attention to try and increase the level of misdirection.

Finally we have a standard frame to fill the page width with the big reveal. (Five's a difficult number to arrange otherwise)

Here's the link to the finished cartoon, often things get changed along the way, but this time it came out quite close:

Thursday, 17 August 2017

Web Comics with Stories


I'm now four episodes into X-Fails and things are going well. Viewing figures are acceptable and I'm finding it's actually easier to generate ideas using the story arc method. I first tried this out with my Star Wars episodes (links here)
It was fun to put my own spin on the Star Wars universe and it had the advantage that one idea easily led into the next.

So with X-Fails, the drawing is more interesting. It takes more effort, but I think it's easier for people to relate to. The little green men may still make the odd appearance, but for now I'm convinced that X-Fails is the right direction.

Changing Style

The original idea for Area 5.1 was quick and simple drawing so that weekly submissions would be possible. But I soon found that generating usable ideas could be a problem. Also, as my drawing skills improved there was little scope for improving those aliens, unless I re-designed them.

So X-Fails evolved, giving me more scope to include new characters and taking the story idea and running with it. I still try and make each page funny, but they're no longer as "stand-alone".

Area 5.1 (X-Fails) - Say No More

Link to the cartoon:

Here we see a new character, who could be a local busy-body, or maybe somebody important, but the boys accept his help without realising they could be getting themselves into trouble. Judging by the few comments I have received, people just wanted them to start digging, so I was happy to oblige.

You'll find out soon whether they find anything interesting, or just get into trouble. Hopefully people will get hooked into the story and they'll keep coming back.

But, if it's stand-alone comics you want, there's always FunStreak, or any of the others listed down the right of this page.

Wednesday, 9 August 2017

Cartoon Challenge - Taking the Opposite

The Challenge

It was quite a simple exercise, but it turned out to be quite an undertaking.

These challenges normally come from discussions about cartoons that Shiela or I find and share with each other. The example that inspired this one comes from The Argyle Sweater with this great snake based idea.

In brief..
"Take a well known saying and make the opposite work for someone different."

I really struggled with this one, I could come up with ideas based on well-known sayings, but they didn't match the challenge criteria. In the end I had help from my girlfriend, who came up with the idea about using the phrase "You'll have someones eye out", with someone different being a Pirate.

I liked it, but wasn't sure how to make it work!

Developing the Idea

I spent some time considering an alternative based on rubber sucker tipped arrows, but the idea I came up with didn't meet the requirements. The best bet seemed to be find a way to make pirates work.

Thinking about other sharp pointy things, this would generally be a sword or cutlass. It got me thinking about kids being chastised for fighting with sticks and pieces of wood. Their parents saying "be careful, you'll have someones eye out with that stick"

What if that parent was a pirate with an eye patch, and what might he have said instead?

My Cartoon Challenge Submission

Link to original comic :

Wednesday, 26 July 2017

Insert your own blowing double-entendre here.

Another in our series of exercises to draw cartoons based on common sayings (which is proving a very successful strategy).

My drawing still has a long way to go and it's never easy to think up a good joke, but this suggestion of doing some quickies based on sayings or phrases (which seem perfectly normal when taken by themselves) is working really well.

Monday, 24 July 2017

Cartooning - Don't Ignore the Obvious


Recently I had an a comic idea where the joke used a play on the word "wicked". Here it is...

It bombed,.. the big mistake I made here is ignoring the obvious!

Edit 10/08/2017: See fixed version of cartoon.

What Do I Mean?

Possibly like many others, you see this picture and think,..

"Shouldn't the candle be lit at both ends, I mean he's busy ain't he?"

But, burning the candle at both ends wasn't the joke I was going for, it's more subtle than that. The candle has a wick running through it which I'd showed as not lit, to try and veer the reader away from the accepted wisdom. I'd ignored the obvious and tried to be clever.

Learning From Mistakes

Contrary to popular beliefs, it's acceptable to make mistakes, but you should at least try to find out what you did wrong so you could avoid it next time.

I nearly fell into the same trap with this one..

This is one of those jokes that works better spoken than when written down. At first I wrote the line "Hysteria = Length x Wit", but it troubled me. The correct spelling doesn't feature the word "area", so the joke is lost.

I'd already shown various formulae for calculating areas on the blackboard, but I still felt compelled to spell it incorrectly and hyphenated to make my point.

I like it as a concept, but it still doesn't feel quite right when written down.

Thursday, 13 July 2017

Cartoon Challenge - Here's another

I found a load more well known sayings today, so I picked one out and drew it.

It's a bit of a play on words... (hopefully you can tell it's a candle)

I deliberately didn't show a lit candle because it might have confused with the saying about burning it at both ends. Other than that, pretty simple.

Wednesday, 12 July 2017

Cartoon Challenge - Single Frames

This is my version of the single frame cartoon with caption which is taken out of context to form the joke. For it to work it has to be a well know saying or item, and so I chose this euphemism on a whim.

Finding the saying as your starting point isn't so easy, I think I must have scanned through hundreds before I stumbled across this one. At first I was going to hint at it, but after drawing the cartoon I decided the line must appear otherwise people won't get it.

Sleeve tattoo

Rick and I were discussing the fact that some single-frame cartoons have a caption which could be perfectly innocent if taken out of context. But the image gives the line a completely new and funny meaning.

We wondered whether this might be a good way to come up with new ideas - listen out for a perfectly innocent line but hear it in a different way.

We decided to use this as a challenge.

Here's my first. I think I heard the line "can you do me a sleeve?" in a list of 'things to say to piss off your tattooist'. I believe a sleeve should develop over time. Asking for a complete one is a sad symptom of our instant-gratification world.

The picture obviously plays on the meaning of 'sleeve'. I could have stuck to the rules of the challenge and drawn something for the caption 'can you do me a sleeve' but I like this slightly developed version better.

The idea seems pretty obvious to me now. I'm sure it must have been done before but I didn't bother Googling to find out, I don't care.

Tuesday, 11 July 2017

Building a Scene From a Photograph


My recent X-Fails series of cartoons featured an alien supposed to be buried in a grave yard. A trawl of internet images returned a good photo of the Aurora Cemetery sign from wikipedia.

I decided to use this as my starting point.

The Aurora Cemetery Sign from Wikipedia

Thinking Outside the Box

I know it's an over-used term, but if the edge of the photo is the box then what I was missing was outside of this. I decided to flip the image and drop a single vanishing point.

Building on the image using perspective

It became quite easy to copy and paste those stone columns and fences, reducing the size each time. I then extended the horizon, added my characters, a smattering of tombstones and a little bit of colour.

The completed image
Link to comic..

Monday, 10 July 2017

Evolution - A Fresh Viewpoint


The scooter drawing came about after buying my oldest son his first motorised transport. It may not be much, but to a teenager it's freedom and a step towards responsibility. The drawing started out as a celebration of this, but I couldn't ignore the comic element which would eventually become an Area 5.1 cartoon idea. It meant turning it into a kids space ride, the sort of thing you'd find outside a supermarket for tots to ride.

But I wasn't finished with it,...

Reworking The Image

About a week later I decided to revisit the drawing. I'd perhaps been a little cruel in my mockery of the subject and I wanted to put things right. I wanted something positive. It is a fun thing to ride, and for kids my son's age they are briefly very cool.

I went through the following thought stages:-

1)    Finish drawing the scooter properly.
2)    The alien doesn't look right, let's make him a Hells Angel
3)    He looks good, maybe I can use him in my cartoon!
4)    Let's add a sidecar (cos that's funny on a scooter) and give him a friend.
5)    Hey, let's have them investigating UFO sightings!!

It really wasnt a well thought out process, just a series of "what-ifs". I also went with a very saturated full colour image, inspired by posters I'd seen when I was researching the X-File idea.

The evolution of the scooter image

The name X-Fails came about from a typo, I was trying to describe the cartoon's inspiration in an email and I typed "fail" instead of "file". I couldn't ignore the idea of parody on Mulder and Sculley, but it's very much from an amateur angle.

The completed poster
Once I've adde the field of corn and the UFO, it was just a case of finding the right fonts.

I have no idea if this new direction is the right one, but I really am ready for a change. I think my audience are too. I don't think the little green men are something that people can associate themselves with, so it's time to try something new.

Wednesday, 21 June 2017

Hey Good Looking - Area 5.1 Cartoon

No hints or tips this week, just a quick blog about "Hey Good Looking", my latest Area 5.1 cartoon, and a mention about how Facebook embeds images in the news feed.

The Cartoon Idea

I listen to podcasts a lot on my daily commute, so I hear a few adverts from the forward thinking companies that support this sort of media. One of them is Blue Apron who supply meal ingredients, and the main thrust is always "you get just the right amount of everything you need, so nothing is wasted".

That seems a reasonable thing to say, especially for ingredients that are more niche.

But it got me thinking,.. do you get a big box with everything jumbled together, or is everything individually packed? My idea was based around the latter, so lots and lots of packaging.

The answer to that question is available here if you're interested, a padded box, packaging, lots of cellophane and ziplock bags. It's the modern way!

The Final Frame.

Often I have a frame that I've struggled with, and "Hey Good Looking" was no exception.

The jokes about excessive packaging, so you can see in my first attempt that the focus in the final image was all wrong.

My final frame didnt work

Initially the image was going to be packaging sat in the bin, but I felt that it needed to be linked to the preparation of the meal. I decided to show the used packaging in the background instead, but now the bacon cake is in the foreground, so this is what you look at... it means that the joke gets a little lost.

The revised final frame

The fix required a number of changes:-
 - Add the outer bag to link back to the previous frames.
 - Move the plate so it's smaller and no longer in the middle.
 - Use white out-lining to ensure separation of the key elements.

Facebook Issues

My final point is about the job that Facebook does when displaying images from linked pages. It takes a landscape snap of the middle of the image so anything that's portrait ratio gets chopped off top and bottom. Look at the mess it made when I tried to use it today.

Facebook newsfeed image

I decided I'd had enough of Facebook cocking it up. I made a new image with just the first frame and added the "click to read comic" box. The stats are back up to normal, so I think it worked. Didn't bother using it for Google+ because for some reason it does a good job.

My new Facebook page link image

Anyway, that's it for now, I think I'll continue creating facebook images, and I hope some of you found that useful.

Thursday, 8 June 2017

The Rule of Threes in Cartoons

My Biker Safety cartoon evolved from the simple drawing of my son's Piaggio scooter into a full comic idea over a number of days. I'd initially planned for three frames, which wasn't a conscious decision, but after coming up with a good punchline image, I found that I couldn't think of a good middle frame.

I decided to put together what I had to see if I could get away with it, but my concerns turned out to be justified. It wasn't working very well in that format.

The first (two frame) version of Biker Safety

I wondered why this was and came up with the following observations:-
  • The pictures are too similar and there's not enough separation (so you look down to the last image too early).
  • There isn't enough misdirection to trick you into thinking the joke is about safety.
  • It doesn't follow the rules of three. (see what I did there?.. no,..ok I'll explain in a bit)

Lies, Damn Lies and Statistics

I like quoting Mark Twain, but before I start talking about the rule of three I thought it might be interesting to review the number of frames used for each Area 5.1 cartoon. I dropped the tally into a bar graph and it became obvious that I primarily use one, three or four pictures per strip.

There's actually more single frame work than I'd expected, but a fair amount of this was computer game themed "filler" cartoons from the first year. Back then I was still trying to ensure a weekly output, I've since given over to "a weakly output" of just a couple per month.

What does this tell us?.. well I'm not sure, perhaps that my preference is for ideas that need a bigger setup. Or maybe that I tend to split more wordy dialogue over additional frames to keep it manageable. But could it be that there's something subtle going on that I hadn't realised?

Three's a Jolly Good Fellow

OK sorry about that, couldn't resist it!.. so what's this rule of three then?

Quite simply it's the idea that things are more memorable if they are in threes. Consider the following famous examples:-
  • Friends, Romans, countrymen.
  • Faith, hope and charity.
  • Stop, look and listen.
  • The good, the bad and the ugly.
Or the Mark Twain quote I used for the title of the previous section. There's loads of them, they all stick in your head and have a certain resonance about them. We could say that three is the minimum number required to create a pattern, but perhaps it's the sweet-spot. Go much higher and it starts to get complicated or inefficient.

It's commonly used in humour and to illustrate I've included this great joke example from Laura Kightlinger that uses a shocking third element..

"I can’t think of anything worse after a night of drinking than waking up next to someone and not being able to remember their name, or how you met, or why they’re dead."

  1. Starting Point (waking up next to an unknown person)
  2. Misdirection following a common theme (can't remember how you met)
  3. Punchline (or why they're dead)

Fixing my cartoon

So I went back to the drawing board, desparate to find my misdirection element, and it wasn't until I switched from safety to other biker requirements that I finally found the answer. But it meant I had to finally give one of my characters a name.

The missing middle element

I hope you found that as interesting as I did,.. if you haven't already seen it, check out the finished cartoon here -->

Tuesday, 30 May 2017

A Page on a Page


My latest Area 5.1 comic, (A Tall Tale) is based around a real-world scam email that Shiela received the other week. The premise here is why would anyone respond to being called an idiot? But "dummy's guides" have been around for a long time now covering all sorts of topics, so perhaps we have become desensitised to this sort of insult. Or maybe the meaning has altered so most figure dummy just means noob. But it still feels like a bold sell!

I decided to take it in a slightly different direction and speculate about what is it that you'll be buying. I wanted to include the email, portrayed as a more traditional junk-mail letter, so it needed to look like a real piece of paper. Here's my starting image taken from the original screen grab.

The starting image

This blog takes you through the image processing required to create a 3D version of this page.

The Transformation Process

I used the open source GIMP software, but I'm pretty sure the tools I used are available in other graphics software (Pixelmator, Photoshop, or Pixl Editor on the web). It was a relatively simple process using a few simple transformations.
(nb. Before you start, increase the width of the canvas otherwise you'll lose the sides of the text when you stretch the page.)
  •  Rotate the image by 90 degrees and then use the Curve Bend tool to curl the edges.
(In GIMP you can find this in the menu: Filters > Distorts > Curve Bend)

Adding a curve to the edges
  • Do upper and lower borders, then when happy with the results, click OK and then rotate it back through 90 degrees.
  • Finally use the Perspective Tool, dragging in and down the top corners to make the page appear to tilt away from you, then press enter.
(In GIMP you can find this in the menu: Tools > Transform Tools > Perspective)

Applying Perspective
I then imported the image into Sketchbook, rotated it a little and then drew the page turn-up on the bottom right corner. I later added the background graduation so that the page edge didnt get confused with the frame edge.

The final result of the transformations

It didn't take very long to do and the results are quite effective. I hope somebody found this useful.

Tuesday, 16 May 2017

Providing Location Clues


This week's comic is based on the notion of mistake, or a couple of them to be more exact. But in order to make the joke work, I needed to make one or two things clear, ideally without having to write it into the dialogue. I'm a firm believer that people are turned off by cartoons with lots of text, so I try to minimise it as much as I can.

If you've not seen the cartoon yet then read it here first:

I'll show the artwork for each of the frames and explain my use of location clues.

Frame 1

The opening shot needs to set the scene and capture the audience. I needed the LGM's to be somewhere in the vicinity of earth so that a telescope would be feasible, or the joke wouldn't work. I chose Mars and made it as red as I dared.

Location Clue #1: I added the Curiosity Rover, because it's highly recognisable and commonly known to be on Mars. I could have used a sign saying "Welcome to Mars" instead, but it feels like a cop-out. It's better to infer it some way.

A Zoom with a View - Frame 1

After drawing the martian rover I wondered about why it hadn't spotted my Aliens and then decided that perhaps it had been de-activated. So I had it clamped.

Finally to give it that "Grand Day Out" feel, I added the deck chair and tartan thermos. I think there's something very English about those things, despite the fact it might sound a bit Scottish.

Frame 2

This very simple frame delivers the punch-line, but the joke's not obvious until you see the last frame. 

A Zoom with a View - Frame 2

Early plans had the zoom settings indicating scale:
  • Ultra - 1m
  • High - 10m
  • Med - 0.1km
  • Low - 1km
I discarded that idea, realising it would be too confusing. (KISS - keep it simple stupid!) I decided to devise a visual way of showing sizes in the last frame.

There's not much else to say about it really, other than I thought a background was unnecessary.

Frame 3

This one gave me a few problems because everyone knows that ants are tiny. If you draw them too small then it's not obvious what they are. Yet if you draw them large they look like monsters and the joke doesn't work. (Plus, I really didnt want to re-use the word 'ant' in the dialogue.)

A Zoom with a View - Frame3

The answer was to draw them both ways,.. small ants in the background appearing like cars on a highway, and a huge ant in the foreground for recognition purposes, so I put it on the branch of a tree.

Location Clue #2: I chose to add a matchbox to the scene because it was the right size (in comparison to ants), it's a recognisable discarded object and a common brand. It serves two purposes here; it confirms the location as Earth and sets the scale for the background insects dimensions.

But there's still a danger that the branch could look like it was on the ground with a huge ant upon it, so I used ground shading. It's subtle, but seems to work well.

Location Clue#3: It's not shown here, but I added a circular mask to the final frame to make it appear as a view through the telescope.

Wednesday, 3 May 2017

Come the Revolution

Lining Up the Ideas

OK, we like to steal ideas, borrow themes, or more ethically, be inspired by other peoples work and recently we were discussing line-ups, or identity parades (as we call them in the UK).

Shiela had an idea for the Yvonne the Sheep web cartoon; an identity parade featuring sheep, which are well known for looking identical. The joke pretty much writes itself... but there was a slight issue,.. what was the crime? (what misdemeanour could sheep do?)

We noticed when looking at other artists work that the dialogue appears to tell you very little, but it does serve to confirm who the protagonist is, so in the end we deduced the reason was unimportant. This meant that the focus could be moved onto someone in the line-up that didn't look anything like those around them. It's a well used idea with loads of good examples and sounded like a job for her boisterous crow character.

Take a look at the finished work here:-

Yvonne the Sheep #149:

But, it got me thinking and it wasn't long before I came up with my own line-up idea which revolved around different branded smart phones all looking the same - essentially copies of Apples original iPhone. It was to be a slightly surreal line-up featuring just smartphones.

Evolution or Revolution?

The more I thought about my line-up idea, the more things I threw into the pot. The policeman was going to say to Steve Jobs, "Can you tell me which one stole your IP", but that gave me a few problems...
  1. How many people understand what IP means,.. and is "Intellectual Property" any less of a problem?
  2. Everyone knows that Steve is dead,.. so do I show him as a ghost, or somehow backdate it?
Maybe it could be Tim Cook who's picking out the IP thief, and I could show Steve spinning in his grave. I pictured the late Mr Jobs being so animated about this that having him as some sort of power source popped into my head. This turned out to be a strong idea, but it now didn't fit in with the original line-up plan, so I needed something else that would famously have made him mad. What had Apple released to their consumer base that had given them a bad reputation, something that would have never happened under Steve's control?

The answer was obvious really - Siri

When The Internet Lets You Down

It's at times like this that I hit the internet, I needed a Siri fail that epitomised its shortfalls and wasn't a joke in its own right. But I couldn't find that simple idea, they were all too funny or ironic. Here's what I came up with in the end:-

OK, I gotta say right now, it's not my idea, Julie came up with it. Not sure where she got it from, but it's simple and it's perfect. I knocked up this quick hand and phone sketch and pasted in an image of the wibbly "Siri listening bar" to save time.

The main effort went into the last frame which I drew as a blueprint plan. This is the jokes punch, it had to be obvious what was going on yet carry enough detail to portray the well known idiom.

Starting to Draw The Blueprint

See the completed comic here -->

Thursday, 27 April 2017

Same but Different

Frame to Frame

Quite often in cartoons you get the same frame repeated multiple times, and you'll see the character has moved to provide some degree of interest. But look more closely, the pros will vary more than that, redrawing the frame or changing other things about the background.

But in the digital world is way to easy too add some variation by zooming in.

Add variation by zooming
In the example above I took the same artwork, altered the LGM (little green man) holding the phone and then changed the shading on the bedspread. It certainly looks better than just repeating the frame. Also in the last frame the 2nd LGM doesnt talk, so there's no point showing him.

Working On The Dialogue

Unfortunately sometimes you can have a nice idea but the dialogue can let it down. Here's my first example with its simple idea of the LGM with the phone setting alarm multiple times in the night to annoy the other.

Version 1 - Dialogue needs some work
The more observant will also notice the shading on the bedsheet is simple giving a very odd look. It just didn't look like fabric. But the biggest problem was the dialogue was just too simple.

Here's the re-worked version..

The Final Version - Phon-etiquettes

The drawing difference is subtle, the main change is the way that the LGM with the phone tries to hide the real reason why he keeps setting the alarm.

The finished cartoon here ->

Wednesday, 12 April 2017

Mend and Make Do

Inspired By The Goggle Box

I think I'm very guided by what I've seen on TV. Like most of us, I grew up watching it and I think we have expectations about how one show links back to another. A cliff-hanger gets revisited, replaying what had happened at the end of the previous show.

The cartoon world doesn't tend to do this much because it wastes a frame when you revisit an idea. It's all about being economical with your art. But when Mo, who's the amazing artist behind the Riddick Q Loss Tales cartoon read Drop the Anchor she made the comment, "Personally I think we are almost their slaves now."

That was all the inspiration I needed, but I broke those unwritten rules and built the first frame using elements from the previous cartoon.

Area 5.1 - Enslaved Cartoon

Plagiarise Yourself

Shiela and I have discussed re-using old artwork in cartoons a few times. It feels like cheating, but I don't redraw my logo every time (and that's OK), so surely everything's rife for pillaging. The notion of "Mend & Make Do" is an old wartime ethic to deal with shortages. It's still as relevant for most of us today, only these days it's time we're short of.
There's a lot of "recycled" images in use here, quite obviously that first frame's taken from the end of the previous cartoon. The TV mask has been used quite a bit now, I like the 70's feel about it, and then there's the sofa scene that I've used quite often. The hand holding the phone is reworked from the Funstreak cartoon You Have A Match, and mostly all I've done is alter the hand a little and change the screen contents.

Doesn't seem to bad from just a few hours work! (What do you think?)

The link to the cartoon --

Sunday, 9 April 2017

My Perspective on Vanishing Points

Adding Some Perspective

Following on from my last post about scene types, today's is all about drawing in perspective using vanishing points. My last comic showed a factory scene in one of the frames which I used perspective to show depth and give an idea of space.

A vanishing point is a point in the image where a set of parallel lines intersect in the distance. Think about railway lines converging at the horizon and you'd have a single vanishing point perspective.

Single Point Perspective.
(from Wikipedia)
It's quite easy to see that the vanishing point here is right in the middle just below the trees.

Using Double Point Perspective

My cartoon was set in a factory and centred around the idea of a robot taking revenge for what was being said by a TV anchorman. I'm going to use two point perspective to enable me to draw a machine that fits in with what I'd already drawn for the background. The idea is that the machine is going to be making these bins and the robot will be stacking them up.

Starting Point - X marks the spot.

I'd already made a stack of bin or garbage cans in the picture, and these had been overlapped and reduced in size so that they give the impression of perspective. The box with the X is where I want to draw the machine.

The shape of the bins follows two sets of vanishing points

I'm showing the lines that run off to the two vanishing points on this diagram. Both points should be on the horizon line which I've chosen as roughly mid point. And the blue point is well over to the right, off the page.

Add vanishing point lines for the machine

Now I've added vanishing points for the machine (making sure they are on the same horizon line). My tip would be to not add too many at this point or it'll get confusing, but try and mark out lines to help build the basic shape. These guide lines will form the basic of all horizontal lines in the box I'm about to draw.

The completed machine with shading

Add additional guide lines as you go where you need to add details. You'll find the angles often look a little odd, but stick with it, it'll look fine once it's done. My machine here is simple box with a conveyor spur, a control box and a fan unit. The writing on the sign is done in a similar way, add red guide lines and then scale the individual letters to fit.

Finally, I filled with colour shades of grey , then added a few extra details like switches and hatches. The additional of a bin on the conveyor ties it all together.

The completed frame ready for dialogue

Once the backdrop has been completed you can add your cartoon characters, and here I've used the white outline trick to give them a bit of separation. I've also kept the background free of colour to stop it from grabbing too much attention.

I have also added a little bit of detail that can't been seen on the published cartoon, but if you look at the completed frame you might find my slight obsession drawn within.

Strictly speaking I should have used the same trick when drawing the robot, it's close, but as long as the vanishing points converge on the same horizon line it should look OK.

See original cartoon here --

Wednesday, 5 April 2017

Making a Scene


I like to approach my work as though I'm making a film and these cartoon frames are it's storyboard. You don't have to do this, it's just part of my style, but I think it makes it look more interesting this way,.. more cinematic.

I will use of the following basic camera shots to help drive the story or idea:-

Long Shot Medium Shot Close-up Extreme Close-up

I'll start off by showing my latest Area 5.1 cartoon which I will use as an example..

Area 5.1 Cartoon - Drop the Anchor
It's based on a discussion over the growth of AI and whether we thought robots would gain emancipation or always be treated like objects. There are some parallels with the slave trade in the 19th century and I think the real barrier to freedom (as it was then) is breaking free from ownership.

The Establishing Shot

It's probably more correct to call it an opening scene. It's there to serve as an introduction so the reader has some context for the dialogue. This example is unusual because there are two establishing shots.

Opening Shot - Frame 1.

The first frame is a close-up shot showing a TV screen. It tells the reader this is a news report and it introduces the anchorman as the main character. The dialogue bubble supports this using a broadcast (lightning bolt style) tail.

Opening Shot - Frame 2.

The second frame still shows our main character, but we're using a long shot to introduce the two main plot elements. The rubbish bins (or garbage cans) and the robot worker. (Note, I also show a factory background to add context to the story)

Removing Background Details

In the third frame I wanted to show the main character and the robot's reaction to what he was saying. I decided to not show the background because I wanted to keep the image looking uncluttered, and to focus the reader on the two characters.

It's left a lot of negative space and I did consider moving the two closer together and reframing as a medium shot. But I wanted to show that the space between had just been bridged by the robot over-hearing the anchorman's monologue.

The Final Shot

The final frame is where it's typical to resolve your story or joke. This image is a medium shot type, focusing on the robot's act of retrobution and I've added a 'Bong!' to highlight the action. Again, no background is needed, it just doesnt add anything to the story.

In Summary

There's plenty of cartoons that don't use these techniques. Most of the newspaper cartoon strips just use a mixture of medium or long shots with simple drawing to cope with lack of colour and reduced image size. But contrast this with a superhero comic book and you'll see a huge difference.

But it's all about style, there's no wrong or right,.. but I hope I've given you something to think about.