Author Archives: PJ

About PJ

PJ is your host. Small but perfectly formed.

Drawing bits

Ok, if you’ve followed me on my blog or on twitter you’ll know that I’ve been in something of a battle with digital drawing – occasionally digital drawing wins a fight but the war always goes to analogue.

It’s been a longer running battle than you know.

My first computer was an Amstrad CPC464, in 1984. In those days you’d buy magazines with listings on them to type into the computer, and I typed my first drawing program in, which I tweaked and changed and modified until it was pretty full featured (well, as full featured as it could be, you could literally watch a flood fill fill every pixel and real time, it was so slow). That was my first experience of digital drawing.

In 1987 when I went to college and was asked what I wanted to do I said I loved computers and drawing and wanted to do something with both. They told me to do Technical Drawing – which, these days is all done in CAD systems, and in those days was done on paper with rulers and set squares and was mind numbing. Really, it was the worst advice. If I’d known then that computers would become so essential in drawing in later years anyway, I’d probably have simply pursued an art career.

In 1989 Autodesk Animator came out, and because I was working in a computer retailer, I got my hands on a copy and played with it – it was my first exposure to layers (there were only two layers, and I’m not even sure they were called layers then. There was no blend modes – you could only scratch and reveal a layer below the current layer).

I used to love tomorrow’s world, especially anything to do with computer graphics – I remember watching someone using a really early light pen to draw directly on to a computer screen – pretty sci fi, and amazing and thinking I wanted to do that.

In about 1989/90 I got my hands on corel draw (and would go on to train people in it) and started computer lettering – albiet by printing out the letters onto A4 paper and cutting out and sticking on the page. The range of fonts was the big limiting factor though, there was nothing like the organic hand lettering style fonts that are so prevalent now.

The cintiq has been part of my tool box for a couple of years now, as has Manga Studio. I bought version 3 in the states and never used it, version 4 came out and I upgraded out of a sense of ‘this is probably useful for corrections’ and it’s become pretty much essential to my workflow. But it’s mostly for corrections and dealing with the large amount of art that you end up amassing (I use story files to keep all the pages of a comic together). I’ve drawn the occasional page, but it’s never been as satisfying as paper, brush and ink.

That hasn’t really changed, but, I have been drawing more in digital, in fact, I’ve now drawn two episodes of Dredd entirely digitally (bar one traditionally inked page).

There’s still nothing to beat the excitement of getting the ink and brush to do what you want, but, on the other hand, digital allows me to start drawing without the mental prep work and fretting that traditional inks normally take (where’s my brush? has it split? is this ink too thick? gah)

And now, now, I’m going to see if I can’t do an entire issue of a 22 page comic in digital.

Learn

I’ve never had any formal art training, beyond O-level (in 1986, which I failed) anything I’ve ever learnt about art has been self taught – though ‘taught’ is a rather grand word for ‘messed about until it looked right-ish’.

Today I enrolled in an online painting course, Chris Oately is a character designer who’s worked for Disney and runs an online school for artists. The course I’m taking is “The Magic Box” – and 18 month long course on digital painting (with a heavy lean towards the animated/cartoony artwork, rendered realistically.)

I’m excited and a little intimidated. It’s easy – very easy – to convince yourself that your skillset is now fixed in stone, and can never be changed beyond a little nudge one way or another. My hope is that this painting course will have as big an impact on my black and white comic work as it will on any colour work I do in the future.

 

Long leaded pencil tool in manga studio 5

Screen Shot 2013-05-16 at 21.05.04

A little while ago I blogged about using Manga Studio 5 to create a more lifelike pencil tool. If you were using a cintiq, it allowed you to hold the pen at shallow angle and rub the screen as you would with a pencil and get broader strokes (just as you would if you did the same thing). It didn’t occur to me to export the pencil tool at the time (because… well, sometimes I can be thick). But, I thought I’d revisit it and export the pencil.

I’ve made one tiny alteration which has made a big difference to how convincing it is as real world pencil -by changing the nib shape from a circle to a sort of flattened ellipse, the pencil shading effect is now much more intuitive and natural. Here’s an example:

Screen Shot 2013-05-16 at 20.59.38

(in this drawing, the blue line is the orientation of the pen as I was drawing.

You can download the brush tool here: Long Leaded Pencil.sut. This works fine on a cintiq 12″ – honestly no idea how it’ll perform on other devices (the cheaper wacom tablets may not be able to detect the orientation/angle of the pen).

 

If you don’t have manga studio 5 you can buy it via amazon (boxed pc/windows is currently £55 and I’ll get a bit of kickback via the affiliate program) or via Manga Studio where you can buy it digitally (and I’ll get a kickback there too! please don’t hate me!)

Digital Greywash in Manga Studio

I’ve been doing some new greywash pages for numbercruncher. These have been done in manga studio 5 – entirely digitally (previously, I inked and greywashed the pages the old fashioned and somewhat fraught way).

Here’s how I’ve been doing it:

(Step 0: Ink a complete page – this works better when you’re using the greywash under pre existing lineart)

Step 1:

Create an underlying greywash layer. Fill it with about a 25% shade of black, then use the splatter tool, apply a whole bunch of random splatter ove the page. Alternatively, you could just greywash a piece of paper and then scan it in.

Screen Shot 2013-05-15 at 10.35.55

Step 2:

Mask off this entire layer – so that nothing shows through (there’s a “create layer mask” button). Unlike photoshop, layer masks in manga studio rely on the transparency you draw on them (photoshop you’d use black and white and every shade in between to effect the transparency). So you can fill the layer mask with the ‘transparent’ colour to hide the entire layer.

Screen Shot 2013-05-15 at 10.24.43

Step 3:

“Paint” away the layer mask. You can use whatever tool you want to do this, I find using a brush that’s just a little bit random wobbly gives the best look of a natural brush. This should give you a pretty convincing natural greywash look.

Step 4:

Add some dark – I use the “India Ink” tool “Darker Bleed” which, I’ve set to Combine Mode of “Darken” (which means that, say, if you paint 25% grey on top of 40% grey it won’t change the darker colour – but if you paint 40% grey over 25% it’ll get darker – essentially it works like a natural india ink being used as a greywash, which is you can’t lighten, only darken when you use it.

Screen Shot 2013-05-15 at 10.27.48

I paint that onto the artwork of the greywash layer – so it will only show up in the areas that have been masked to show it. Previously I used this tool on its own without the mask, but the mask affords far more control – especially since the “Darker Bleed” brush has a straggly quality to its edges, which is nice when mixed but doesn’t allow neat sharp brush strokes.

Step 5: There is no step 5. Though, if you like, you can then go a use some white on a normal brush tool to pick out highlights. And then, you might get something that looks like this:

Screen Shot 2013-05-15 at 10.34.04

 

If you haven’t got Manga Studio 5 you can buy it here! (I get a 20% kick back if you do!)

Judge Minty

The 2000AD fan film “Judge Minty” is now available to watch on youtube.

In case you don’t know: Judge Minty is based on an old Judge Dredd strip, and was being made around the time of the Dredd movie. Minty’s looks are very much the comic books looks – in fact, the Minty Judge’s uniform is easily the most successful attempt at a real Judge’s uniform I ever saw.

I was asked to contribute a little design work for the movie for the Gila Munja – which apparently was used (though, since the Gila Munja is mostly invisible, you’ll not see much of it!)minty

 

Life at the drawing board

Written/sketched between some stolen hours, here’s a free pdf comic. The plan is to rewrite/redraw it properly, and throw it on comioxology. But god knows it/when that’ll happen, and since it’s free comic book day tomorrow and I haven’t updated the blog in an age, here it is. It’s a PDF document- you can download here.

 

ook ook

Ah, remember when people visited blogs, and people blogged, and people commented on blogs? Good times. good times.

Here’s a monkey (actually a gorilla) drawn in Manga Studio 5.

Now, on to business:

Numbercruncher 1 is getting closer. Very exciting. I’ve seen coloured pages, I’ve seen interior layouts. I am happy. Can’t wait for it to finally hit (not least because it feels like an absolute age since I’ve had anything in print…) Oh, since it’s solicited, here’s the unadorned Numbercruncher 3 cover. Hope you like it!

numbercruncher-3-cover-red

Dredd- on the final part now. Running a little late (gah! It started so well, part one was handed in a full two weeks ahead of deadline… oh well).

Bad news: I’ve gone entirely digital. Or, I’ve started to. See if, when it comes out in print, you can guess which page marks the first all digital page I drew (I did four pages digitally inked, then one page fully digitally). (Oh, and Tharg declared on panel ‘lovely’ – Tharg is like a stone, it’s hard to pry anything out of him, so this, I’m taking to the bank…)

I’ve been doing all of the numbercruncher covers in Manga Studio 5, but it’s only recently I’ve started pencilling them in it too. I suspect pencilling may be the last holdout. Happy to ink and colour on computer, pencilling still feels like I’m missing something – maybe a larger cintiq (if anyone wants to hook me up with a free 22″ HD cintiq, that’d be SWELL).

Starting to prep for what’s next, after Dredd -there is, of course, Monsterology – various delays have beset us – and there’s still some script due, but I can’t wait to put that to bed and see it in print.

Then, after that something research heavy, but brilliant writing, as you’d expect from … oh wait, I’d better now say.

THEN… another project,which is very experimental, and yet, something that harks back to an older form of comics. That’ll be fun too.

Plenty to do. In the meantime… ook ook.

ook

Imagine FX

I’ve blogged this previously, but I’m in this month’s imagine FX, having written an article on Drawing a comic page in Manga Studio (which required me to write a one page comic strip as well).

Here’s a preview of the magazine, and a youtube video ad for it!

Let me know what you think, and don’t forget to tell Imagine FX! (maybe if I’m lucky, they’ll let me have another go, and this time I’ll draw giant robots fighting…)

 

Composition

One area of my art which I think could be a lot stronger is composition. I tend to compose for story telling purposes – making sure that he writers story is expressed in a way that tells their story and makes the art almost disappear. Which, I think, is largely how it should be, but of late I’ve felt that the art is disappearing all together. I’m onto the fifth episode of this here Dredd story that I’m drawing and parts 1-3 had me making a deliberate attempt to break with some of my own set-in-stone rules about story telling and I think it delivered better art and didn’t harm the story one bit. (Part 4 saw me revert to type though, so I think the story telling is clear but I really struggled with the art). Part five I’ve binned a fully inked page and replaced it with a redrawn page that is, compositionally, much more interesting.

Now, unfortunately, I can’t show any of that, but I thought what might be fun or useful is to grab someone else’s art and break it down into components and see if I can’t understand their compositional tics (and I think all artists have them, even when they don’t think they do – I certainly don’t think I have any compositional tics, but I clearly do, otherwise every page would be a ground breaking new layout)

So, for this exercise, I’ve just nabbed an X Men page from comixology, and scribbled all over it. I apolgise to all parties, and this isn’t intended as to be anything other than an educational thing for myself and anyone who may be interested.

Here’s the unvarnished page, from X-MEN vol3, issue 1 art by Paco Medina.

 

Here’s the first page of that strip, with colours washed out and the lettering whited out.

xmen1Story wise, there’s nothing much happening in this page (well, there’s no BIG visual element, essentially we’re following two dudes walking down the street who bump into a big scary looking dude). But every panel and the entire page is still interesting too look at.

Let’s start with the macro view. When I look at a page for story telling, I get a very clear sense of where my eye wants to go – the typical read (and how you’d read a page with writing) is the zig zag shape, I’m sure you’re familiar with (but just in case: you read left to right, then zip down to the start of the next line and continue …). But that read can be subverted by the shapes of the panels – but only for a little while, it’s like your eye wants to snap back into the familiar Z reading track.

Here’s how I imagine this page would be scanned by a reader.

xmen-heatmap

Starting with panel 1, the shape of the this panel is forcing a readers eye down (which is against the flow of what you’d normally do, but that’s the skill) but almost immediately our eye snaps back up to the next panel – Starting with the big empty section of panel 1 we move down to read the balloon, follow the tail to see the guys and then snap back up to panel 2. We entirely miss the overlapping heads from panel 4 and the shadowing guy is present but not a focus – in fact, he’s helping frame and force the reader to look at the two hackie sack guys.  The perspective in this shot is entirely in service to forcing your eye down the page. The large vertical building shapes move your eye down and the perspective points to the guys crotch (er… sure that’s not intentional, but we’re a crotch focused species…) but the single point perspective draws the reader in, while the vertical buildings bring the readers eye down that panel. It’s subtle and clever and works very well.

Breaking the panel is one of the big no-nos for me. Largely because when you’ve less experience under your belt, it’s VERY easy to break the panel borders in the wrong place – causing the story telling to become deeply confused. I’ve always said to people that over use of it will reduce it’s power – but I’m beginning to think that that might be bull. I’m not sure if it can be over used. It can be used wrong, that much is certain. But it’s hard to imagine an interesting page layout that will look dull because it’s followed 22 pages of other interesting page layouts. Gotta question assumptions. On panel one, you don’t even see the broken panel – it happens in a dead area of panel 1 where the readers eye never really goes to.

Let’s talk rule of thirds: the rule of thirds is the idea that a composition (of a photograph, or painting, or, in this case, a comic panel) can be broken down into a grid or 3×3 and that you can make the composition more interesting by aligning things to where the grid lines intersect. Essentially avoiding very flat compositions.

I’m not sure I buy into this, there are two many special cases where compositions really work well that don’t fall into the rule of thirds. Personally, for me, I think a stronger case to be made is for contrasts in a composition: strong perspective adds contrast – a large figure with a small figure. A cropped shot with a full body shot. Something in heavy shadow with something brightly lit.

xmen-3x3

I’ve drawn a 3×3 grid on the first three panels, and you can see it sort of works, but I’d argue I could draw any random grid on those panels and you’d see an alignment of sorts. We see patterns where there are none. (And, in fact, here I’ve drawn a random grid – drawn with my eyes closed – and it’s easy to see how you could claim it maps to a layout). I feel the same way about the ‘divine proportion‘ in composition (the divine proportion is a number sequence that occurs frequently in nature, can produce a spiral shape and was used by many artists to produce compositions). Maybe I’m wrong though.

xmen-randomgrid

Panel two continues keeping our big scary guy off panel. The dutch angle does the job of keeping the panel visually interesting. The contrast between the big guy and the two smaller guys is also interesting – both in terms of their size and in their obvious inked contrast (heavy blacks on the shadowy guy)

Panel 3 is a continuance of panel 2, but a second dutch angle would be odd – or, rather, it would feel peculiarly still. Dutch angles add a real zip to a panel, but, I think, you really need to change that angle every panel – otherwise it can look like a locked off panel, like you’re watching an episode of Batman the TV series, rather than reading a comic. One dutch angle=good, two different dutch angles=good, more than one dutch angle the same = bad. (Probably.)

Here’s page 1 with the panel 3 as the same dutch angle so you can see what I mean.

xmen-dutch

And, finally panel 4: a big reveal shot. We have two real establishing shots in this page. Panel 1 establishes where and when we are (big open city, day time). Panel 4 establishes who this dude is. We’ve done all the hard background work and so we can let the guys reveal big big and bold and important. The temptation MIGHT be to let the big guy break the panel border of panel 3 – it would look like this. (and, actually, now that I’ve done it, I think I prefer it – it really pushes the size of the guy…)

xmen-panelbreak

Ok, that’s it for now. There’s a lot there to digest (for me and, if it’s your thing, for you). There are probably a load of assumptions I’ve made there that are wrong, I’ve no idea why- for example, the dudes are playing hackie sack – was it scripted? was it the artists decision? how much did the writer specify in the script? and so on.

The intention was the break down a few pages, but that’s exhausted me. If you’re interested, I’ll do this again, and if there’s a page you’d like to nominate please do so – I’m looking for good story telling/interesting compositions that I can break down and look at. I picked this page on a whim, but there’s interesting lessons to be drawn from it (and I don’t think I’ve ever got near all the stuff you can unpack from this one page).

 

16:9

Have you seen Brian K Vaugn and Marcos Martin’s new digital comic “Private Eye“? If not, you should – it’s an interesting and entertaining sci fi tale and a pay what you want comic book format.

One of many interesting things about it is that the image format is 16:9 widescreen – like a movie, rather than the more usual widescreen format for digital comics of 4:3 (which corresponds to the iPad screen size).

When it appeared I was curious about why it was in this format, it seemed counter intuitive to me, well, Marcos Martin laid his thinking in the podcast with Pop Culture Hound.

You should listen to that as he’s clearly a smart and humble guy.

There were a couple of key decisions in his thinking (and I’ve paraphrased his quote here, but I don’t think I’m misrepresenting it)

“It was wide screen as opposed to slightly more square format because it’s designed to fit on your computer widescreen. My thinking behind it was that almost everyone has a computer, but not everyone has an ipad or a tablet.  I’m not sure yet if I made the right decision on that front from a commercial point of view, because there might be more people viewing it on the tablet or ipad than on a computer screen. Then, again, creatively, what the landscape format offered me was a greater connection with the Los Angeles theme. So, in a kind of subtle way, that was a way of reinforcing  atmosphere. It’s a combination of both things.”

Any ways, interesting. Go and listen to the full thing.

(FWIW I completely understand his thinking, and don’t disagree with it. Though, I do think he’s right that most of his readers WILL be reading it on a tablet rather than a computer monitor. I think one of the big reasons that digital comics has finally taken off is because things like iPads exist, and computer comic book reading only lend themselves to the sort of thing you can glance at rather than become truly engrossed in…)