It will be interesting for me to come back later to this post and see how I’ve had to change the wording or the colour scheme. So far I’m going for a green and golden hue. The pages will get darker as the story progresses.
I’m in two minds about the font. Comic book readers are used to reading in all caps, but I do lose something in the writing because at times I capitalise certain words for a specific effect. The comma in this particular font (Universal Fruitcake) looks too much like the full-stop, so I may have to go and manually do something about that.
I am tempted to add patterns to the wallpaper etc but it does take an entire week to do a single page, so if I linger on this one I’m off schedule… So, onwards and upwards — page one done and only another 31 to go. This time we have decided to go with exactly 32 pages, which is a printed picturebook convention initially decided on due to binding. In digital books there is no such print limitation, but The Artifacts was shorter than that (I think 22 pages) and Midnight Feast is much longer, and I have a hunch that whether readers know it or not, we’re conditioned to reading a picturebook 32 pages in length. It hasn’t been easy to tell the story that’s in my head in exactly that number of pages — something which print authors have always had to do, I suppose — but the good thing is, interactivity of apps allows for certain aspects of story to be told in economical fashion. Storyboarding for 32 pages has been a matter of condensing interactivity, and transferring certain assets from one page to another. I hope it will work without too much card shuffling at the end.
Meanwhile, I took a look at the original concept sketches I drew for a mock up of Midnight Feast. One thing’s clear: I don’t do pretty mock ups. I’m glad I write the stories myself because I wouldn’t want to have to waste time doing pretty mock ups for approval. The advantage of being writer/illustrator in one is that my concept sketches exist only to remind me of my own original idea.
I decided to put the full workings of this first page up because it illustrates how I changed my mind about the colour scheme. As you can see, I proceeded to create a bluish sort of colour scheme, avoiding the black outline with a colour wash that appears in many children’s books. This is fairly quick to draw, but doesn’t look as attractive to me.
In the end, to overcome the feeling that this project will never get done, I decided to make the ‘A’ version of each page the line-drawing and wash sort of illustration which can take about half the number of hours for me to crank out. This is because instead of rendering form tonally, I can just plonk down an outline and colour it in with a block colour. This makes drawing the characters a lot quicker. Since some pages have multiple touch and fade ‘animations’, drawing each character tonally proved too time consuming. If we spent a month on each page, this app wouldn’t get done before I got sick of it. But it’s not just about time. The ‘A’ version of each page has to look different in mood, and I was wondering how to achieve this at the beginning of the story, before Roya has fully entered her imaginative world.
As you can see, I begin to change the colour scheme back to the colour of the original canvas. In keeping with a more sketchy style, I’ve decided to hand-write the text.
I made Roya’s arms shorter so that she looks a LITTLE bit younger. I think she can pass for 12-14 now so I’m happy with that.
I had to send a whole bunch of preview screens to Dan so that he knows where to position the elements.
That probably gives some idea of the number of elements in this page, and how difficult it will be for Dan to get this page loading quickly and playing nicely. So there are no guarantees that he’s going to fit all of them in. He tells me that Apple are vague about upper memory limits, which means coding an app for Apple is a matter of trial and error to some extent.
Anyway, it would be nice to think that mobile devices were completely free of the constraints of print publishing — the need for a 32 or 24 pages, the need for approximate rather than precise colour and so on. But there are limitations on what we can do in a storybook app, even in an app designed for the best mobile hardware out there: Apple’s.
And here’s the next version. I’d like to say it’s the ‘final’ one, but you never know! I figure the first few pages need mucking around with the most. After I’ve got a mood down, I can remember how I did it, then recreate it on all the following pages.
This week we started watching Season Three of The Wire. I was struck by how much my transition page for Midnight Feast resembled the housing depicted in that series. Then I realised that I drew this just after watching seasons one and two, and that I’d no doubt been influenced by the rather depressing backdrop of The Wire as I drew.
I’ve been thinking a lot lately about how everything you do/see/read/watch/hear during a long-term creative project has an influence, subconscious or not, on your final product. It’s important to keep surrounding yourself with good art, good books and, in my case, good TV. Um, okay!
Since I am intimidated by a white page, the first thing I do is fill the page with a midtone colour. Later, after the page is no longer blank, I’ll delete that layer of brown.
Next, using the default pencil in Artrage, I sketch the bedroom. These lines are actually as straight as I could get them without making use of the ruler stencil, but the wobbliness is the look I’m going for. In other words, if I aim for straight, I get pleasantly wobbly. If I’m too careful, the picture will end up looking like an off-kilter photograph rather than an illustration. Besides, this pencil sketch will only serve as a guide and, like the ugly brown layer, the lines will be deleted after I no longer need them. On second thoughts, I never delete these ‘wireframe’ sketches — I just hide them. Who knows when I’m going to need them again later, perhaps for a different page. Although this whole book has been storyboarded, and I know I probably won’t need them… you just never never know.
As you can see, this room is sketched in one point perspective, looking down onto the beds. I’ll need the viewer to be able to see Roya tossing and turning later, because she won’t be able to sleep.
By the way, the outlines for the beds are each on their own layers. By keeping objects in their own layers I can easily change the size and positioning of one thing without affecting the other things. I’m not yet sure about the positioning of those two mattresses, because they’re meant to look lower than the bed. These things will become more clear as the painting progresses, I hope.
Above is a screenshot of Artrage.
Since I’m working on the large canvas (iPad size = 2048 x 1536), which won’t be scaled down this time (to make use of Apple’s beautiful new retina screen), it can take ages to fill in large areas such as walls with the felt pen tool, so even though the felt pen strokes are what I’m after, first I use the roller to cover area fairly quickly. I’ve already sketched a different view of this room, so I’m keeping my eye on that as I look at the basic shadows. As you can see, I’ve imported a screenshot of that into Artrage to use as a reference. I am holding the Wacom pen in one hand. My other hand is hovering near the keyboard, pressing Alt to pick colours from that reference photo to use in this one.
Now the walls have been covered with a roller.
The room has to look the same from one page to the other. This poses a dilemma — not from an art point of view but from a storytelling point of view. For this story, each page has two versions: the version that happens in the real world of the main character (Roya), and the world which happens inside her head. For the majority of this story, Roya’s imagination has transformed her shabby, drab apartment into a luscious, brightly coloured interior. Yet she hasn’t quite gone there yet. Instead, she’s still using her imagination but not to good effect. The reader needs to realise that she is still in her bedroom, too, and it’s early in the story, so I’m caught between deciding whether to make use of the drab colour palette or the new one. I’m going to have to experiment with that. At this stage I’m thinking I’ll probably export the final background into GIMP and fiddle with the levels of blue. Then again, I may have to do something inside Artrage itself. As you can see, for the meantime I’m painting exactly the same room as before.
I have put the floor on a layer of its own because I wanted to use a concrete overlay. This is just a photo of some concrete, which I imported as a tracing image, converted to paint (in a layer above my gray flooring), then adjusted the blend mode to overlay. This is exactly the look I was going for. The good thing about skirting boards (in life as in paintings) is that they exist to cover up messy edges. So I don’t need to bother cleaning those up too much.
In the story, Roya has trouble sleeping partly because it’s too light outside. For this reason the curtains will have to be substandard. I’ll make them a bit raggedy at the bottom. This will come in handy because Roya will imagine monsters coming under these curtains. I’ve heard a few people say they had this fear as children. I’m yet to find out (via user testing!) whether this is TOO scary for a middle grade audience, but I’ve found that worrying too much about the end experience is counterproductive, so I’ll stick to illustrating the story as I would enjoy it.
I have chosen blue for the curtains from the bright colour palette reserved for the b-version of pages, even though I know this is going to be too bright for the otherwise drab room. I’ll desaturate it later. I’m doing the curtains in two layers – first, the opaque layer, where the curtains overlap the wall. No light can shine through here.
I continued to fill in the rest of the curtains in the same colour (and at 100%) opacity on a new layer, then dropped the opacity of the diaphanous layer (the part of the curtains which cover the window itself) to 75%. I can rarely guess the right transparency of a layer. I started by guessing 50%, but that was too much, so next tried 70. I couldn’t decide whether 70 or 80 percent opacity looked the better but life is too short to spend too much time worrying about such things, so 75 it is!
I then merged the layers and blended around the joins with the ‘instant blur’ tool in Artrage. Next, the spotty overlay, which I had in my library of overlays. I was really pleased at how the whiteness of this overlay meant that the world outside is also bright white. I haven’t yet painted the outside scene, so I don’t really want to show any of it! I’ve also added to the opacity by using the eraser at very high softness and about 20% pressure. Also, I desaturated the blue by -44, which looks better to me.
Sure enough, I had to move both beds over a smidge, so I was glad I put them on their own layers. I have also put a texture over the bedroom wall, but I’m not sure whether I’ll keep it yet, as the entire picture might look too ‘digital’ and not ‘handdrawn’ enough. Textures, like anything, need to be used sparingly. I have also put a poster on the wall above Roya’s bed. This serves two purposes: it tells the reader (at a subliminal level, I’m sure) that this is Roya, in the bed beside the window, and that there are four people in her family. I coloured the mattresses with grey and white, and I chose a grey portion of the yellow range so that when the white and grey mix together, I get a nice yellow colour. I’ve learnt it pays to be mindful of which grey I choose, for that very reason. Even in digital painting, blacks and greys are slightly complicated. There’s more to these colours than meet the eye!
After a few months’ break, I came back to the story and decided that Roya was older than about seven — as a foodie she can be about 12 or 13. This meant that the poster above her bed seemed too juvenile, unless it was something she’d done years ago, in which case she probably would’ve taken it down by now anyway.
Since Roya is a true foodie, it made sense for her to paint a roasted chicken. In my mind her full name is ‘Roya Gourmand’, though this won’t come up in the story. Room 13 sounds appropriately ominous since 13 is an unlucky number in some cultures. It’s fitting that Roya has an interest in painting because she has an excellent imagination. It’s likely she’d want to express herself somehow, with paints or whatever.
I had to desaturate the painting somewhat from the one above because in dim light, everything tends towards black and white.
For several reasons, I decided the little sister should have a poster above her bed, too. First, it’s likely that she’d look up to her older sister, who is a good few years older, and emulate what she does. Second, I’ve been wrestling with whether to give her a name. There are several reasons not to: it emphasises the familial relationship (even though it’s probably clear enough that these two are sisters), and makes the character more universal.
So I decided in the end to keep referring to her as ‘Little Sister’. In many languages, this is perfectly normal, but I’ve noticed from critiques in writing groups that some English speakers consider failure to give a character a name of their own is almost disrespectful. So if anyone feels like this and really wants to know what the little sister’s name is, here it is: I called her Afya, which in Arabic means ‘shadows’. Afya has only a supporting role in this story, so in a sense she’s in the shadows.
I considered getting the resident four-year-old to do me an authentic juvenile portrait but unfortunately she’s going through a pink phase, where every single thing she draws has to be pink. She also likes playing with all the different Artrage tools, like airbrushes, sticker sprays and gloop pens, whereas I wanted this to look as if it’d been done by hand with splatters of actual paint. So yes, I did that myself, taking cues from typical four-year-old paintings that I’ve admired of late.
This is pretty much the final version of this page, though I’m experimenting with a drop shadow on the text. I’m not a fan of drop shadows because I think they’re overdone, but when I minimised the picture on my computer monitor to 25% I got a vague idea of what it will look like on the iPod and iPhone screens. I couldn’t easily read the text without drop shadows. But the PC monitor isn’t a great gauge of readability because Apple mobile devices have screens a lot better than my cheapo computer monitors.
Also, when the four-year-old woke up screaming because of a hand moving in the shadows across her bedroom wall I strengthened my resolve to keep the ‘scary on-or-off’ functionality. I’m pretty sure it was this picture which gave her nightmares. Not recommended for under middle-graders, though I noticed that Monster House has a scene in it where a hand comes in through the window, so I’m confident enough that older children can cope with it! Monster House, too, is for middle-graders.
Dan is having problems with memory, because the precursor to this page already has so many assets, so I’ve been advised to err on the side of minimalism. For that reason, I decided not to have Roya tossing and turning in her bed, and I also decided not to have Little Sister’s blanket moving gently up and down with her breathing.
I’m not sure yet, until Dan tries to cut the code, whether we’ll be able to leave both hands coming in towards Roya, because each animation has about 30 frames. I look forward to seeing how the animations look. I’m not at all experienced with animation, so even basic animations such as these are plain old guesswork. I never know how it’s going to look until I see it in action.
I read a new picturebook to our daughter last night. The artwork was amazing. But one thing bothered me: the boy looked like a different person in every picture.
Now that I’ve illustrated a story for myself, I can totally see how this happens.
1. It’s difficult to draw people. I don’t think I’m alone in thinking this, even among people who draw regularly. I think that’s why so many picture books feature animals as characters!
2. It takes months to illustrate a children’s book (even if, unlike me, you don’t dawdle about it!). Over the course of months, your child model grows up. I’ve already noticed that the reference photographs I took of our three year old look different, mainly because she’s since turned four.
But of all the things to get right in an illustrated book, it must be the child protagonists. I’ve noticed our resident preschooler looks intently at the facial expressions of the characters in storybooks. When language skills are in early development, facial clues provide most of the story.
I thought I could use myself as a model for Roya, to avoid imposing on randoms, asking them to get into my bed and whatnot, but when I first drew her, she looked about fourteen. The lazy bastard in me thought, oh well, fourteen she is, then. I can’t be bothered creating her again.
But the story doesn’t fit a fourteen year old. She has to be younger than that — I wrote the story about an eight year old. So even though I quite like this character (who looks not much like me, by the way) I had to kill her. (Along with the initial colour scheme, which was easier to let go. No one’s ever been incarcerated for killing a colour scheme, I don’t imagine.)
By the way, here’s an even earlier version of Roya. When Dan walked into my computer room he actually screamed. “Yar! What the hell is that?”
That’s when I knew I was making the story TOO scary. No one would expose their kiddies to a story with this thing as a main character, right?
Anyway, that’s what you get when you use a Blythe Doll as inspiration. (She did actually have eye-balls, but when Dan walked in I hadn’t done them yet. It’s true, without eyeballs, anyone looks freaky.)