One of the backers of The Legend of Jamie Roberts, Chapter 1 had asked to see some scripts for the comic as part of the PDF reward. This question made me realize that my scripting process is not like how I’ve seen other comics makers work on their scripts.
Well, most comic makers I know only WRITE the script. Usually in a movie-script-like format, in which it goes like this:
Billy stares at Marc Macaw in disbelief. Marc Macaw realizes his gaff and smiles a bit sheepish.
BILLY: …I’M A DINOSAUR.
MARC: Right. Sorry. Stupid question. Let’s do a practice run, shall we?
Truth be told, this format is how I write my rough draft of my comic scripts.
The only comic I’ve made that this didn’t apply to was Johnson & Sir. That one, I wrote out the story page by page. It’s not a method I would recommend to anyone unless you’re writing gag comics.
Rough Draft: type it up in my version of a comic script format.
Second Draft: Read the rough draft and thumbnail the pages. I make adjustments as I go.
Sometimes the second draft is a re-typing of the rough draft. If that’s the case (like with The Case of the Wendigo), the thumbnailing stages will actually be my Third or even Fourth draft.
What are thumbnails?
This is a term I stole from animation – it means to VERY roughly sketch out how a page looks. I’m talking stick figures and bubbles. Thumbnails are in a sketchbook and are meant to just show how the page would look in a rough layout.
I find thumbnailing the pages to be helpful, even if I wait several months between the rough draft and the thumbnail draft (or, Thumb Draft, if you will).
When I work on the Thumb draft, I can sketch out how the page looks according to the script. And if I don’t like how many words a character says, or I don’t like how certain scenes pan out, I can draw a different result.
As a visual person, it helps me to SEE how a scene pans out, rather than just read about it.
So if you’re having an issue in your comic script, try drawing it out in rough stick fugure-ish form. It may help you visualize the scene easier.
I was finishing some comics on Sunday morning, and then I went to a shift at my day job as a Michael’s cashier.
And when I got home, I splurged for myself and knitted and crocheted ALL OF THE THINGS.
I needed a little time off to do something for myself.
And then I realized that, as a freelancer, I don’t do that nearly as often as I think I do.
As freelancers, we all need a little time off.
Freelancing is a lot of running around to manage everything, from finances to invoicing to actually making the things you promised to make for that client who forgot to pay you last week and –
Sometimes the chaos is fun, in a “How will I kick Chaos’ ass THIS time” kind of way.
However, it can be really easy to get caught up in the chaos and never take a day off.
On the other hand, it’s easy to take a lot of days off.
Freelancing gives us the ability to set our own schedules, which is both awesome and terrifying.
It’s awesome because if you need to take a day to help mom move a fridge, get a haircut at some random hour of the day, or drive into the city to get a thing, you can totally do that.
But it’s terrifying because it’s easy to fall into one of two extremes: too many days off, or not enough of them.
Too many days off means you’ll be cramming to meet your deadlines, and that can infringe on your ability to meet promises you made to the folks outside of your work. Did you promise your sister you would drive her over to a friend’s house? Well you can’t do it because you have a deadline to meet and you slacked off too much earlier this week.
Too few days off means you’ll start seeing numbers in your sleep, you’ll see everything you do as “work” or “in the way of work,” and your friends and family will be deeply concerned for your health and possibly have the hospital on speed-dial.
So how do you handle this conundrum?
It’s all about balance.
It’s all about knowing when you’ve worked too many days, when you’ve taken off too much time, and knowing how your body and mind acts in those scenarios.
Listen to your body.
Don’t overwork yourself to the point that you get sick. Don’t take off so much time that you start sleeping in for eleven hours and wake up even more tired than you anticipated.
Know the rhythms of your body. Know when it’s tired, when it’s active and driven to get work done.
Make a schedule and stick to it.
If you are the type to make schedules and stick to them (like I am), decide how many days off you need and incorporate it into your flow. I usually do two days off, but they don’t have to be consecutive. Even if it’s mega-crunch time, I make room for one day off, at least.
If you are the type to not make schedules, then figure out the number of days off you would need in a given week/month/quarter and incorporate it into your flow. Do you need two days off in a row? Ok. Or do you need three days off a week? This will depend on your lifestyle and your responsibilities, but always make sure you have time off and that it’s balanced with your work.
It will get done.
I know sometimes I tend to overwork myself because I feel a sense of urgency. Like, “If I don’t get this done now, it will never get done!”
Things will get done. Your project will get finished, and then you will move on to the next one.
Nothing needs to be done “right now.”It just needs done.
How soon, or how late, is up to you.
I’m not telling you to shurk your deadlines.
I’m telling you that if you need to take a breather so you’re not overworked, take that breather.
Take care of yourself first. The rest will follow.
I hope this helped you in some way. Please take good care of yourselves.
So when was your last day off? Did you do anything/nothing/all of the things? Leave a comment!
I don’t (really) write Validation. Christian does (though we often talk story ideas over). I wait for her to send the script over to me first, and then…
Step 2: Layouts
Sometimes I skip this step, depending on how simple or complex the strips are in the script. Since I work in three panels, it’s important to know where characters will be placed and where speech balloons will go, to make the strip as readable as possible. That way it won’t be so cluttered.
I did not do layouts for strip #105 because it was scripted in a pretty straightforward way, and I had an idea for how I wanted the strip to look.
However, I’ll show the layouts I did for #103, which had some weird camera angles.
Step 3: Ready the Paper
I tend to do this step ahead of time. Thankfully I can get two strips from a single sheet of 9 inch by 12 inch Strathmore Bristol Vellum, which is my paper of choice for Validation. I trim the paper (to make it easier to fit on my scanner) and I’m good to go.
Step 4: Pencil the Strip
Pretty straightforward. Although, if you notice two extra characters, one looks like me and one looks like my boyfriend. Fun fact!
When that’s done, I send the pencils to Christian (via DropBox) for approval. This is where any changes that need made can be done, though 99.9% of the time she gives the ok.
Step 5: Ink
Once I get the ok, I ink!
To add a little depth, especially in panel 2, I made the foreground figures in thicker lines to make them pop more. I used a micron pen with a 1.0 width. The background figure in Panel 3 was drawn mostly with 0.5 and 0.3 width pens, with finer details in a 0.1 width micron pen.
Step 6: Color with Markers
My markers of choice are (from most preferred to least)…
I used to do the entire comic in marker, but now I only do half. Sometimes it’s because a marker died, the markers will not blend well for the background, or I need a color I don’t have a marker for. So I just color what I can.
Step 7: Scan and Tweak in Photoshop
Once marker coloring is done, I scan the strip in at 300 dpi (dots per inch) and open it in Photoshop. The first thing I do is adjust the brightness and contrast (shown in the above picture). That way the strip isn’t so dim. Then I adjust the curves.
Doing this will let the colors really pop.
Once those adjustments are done, I make a new layer in Photoshop and call it “EDITS”. This is the layer where I correct color errors I made with the markers, fix any wonky lines, and clean up smudges and spots.
Step 8: Color the Background
Then I make another new layer on top of that and call it “BACKGROUND”, because here’s where I add background color.
If you notice, I adjusted the blending options for this layer. For “EDITS” I left those settings alone, but with “BACKGROUND” I set it to Color Mode: “Multiply” at a Fill Opacity of 100%.
The reason I do this is because Multiply mode actually keeps the lines clean while still coloring. It works like this:
Rather than it looking flat and gross like this:
Then I just color in the background colors as needed.
Step 9: Color the Rest.
Once backgrounds are done, I make yet another layer on top and call that “FLATS.” I also set this layer to Color Mode: Multiply and Fill Opacity at 100%. This is where I color in the things my markers missed, like Jim’s coat and the game table.
…Sometimes I have another file open to reference for color.
Step 10: Color the Shadows
This step is one I talked about a little bit in my previous tutorial, but here you’ll really see it in action.
I make a new layer on top, call it “SHADES,” and then set to Color Mode: Multiply and – here’s the surprise – Fill Opacity at 35%.
Notice it’s not at 100%? That’s because I don’t want the shadows to be overpowering. I also want the color of the shadows to blend, instead of getting any weird effects that would happen if I changed the paint brush opacity (yes, you can do that).
Once I do that, I color the shadows in, and it looks like this.
I did something a bit unusual in Panel 2: I put the two figures closest to the reader in shadow. I did this to frame the picture and keep the focus on Ally and Kyle.
So now the colors are done! I save the file, and then flatten the image so all the layers merge. Then I make another new layer and save the file for lettering.
Step 11: Write the dialogue
For this step, I have the open file of the script handy so I can refer to it.
Then I write the dialogue and captions.
I try to arrange them in such a way that they won’t block too much of the art, and to ensure it can be read easily.
Then, once everything is written and checked for spelling, I get to the bottom layer, make a new layer, and start placing the balloons and boxes with the rectangle tool.
I use the rounded rectangle for dialogue and the plain rectangle for narration.
To make the tail for that balloon, I got to the bottom layer again, made a new layer, and painted it in.
Once all of that is done, I merge the layers to flatten it out, and then…
Step 12: Save the File!
I save it first at its current size and call the file “Validation105_large.”
Then I adjust the image size.
The large file is at 300 dpi, which is the right size for print, but it isn’t too web-friendly. So to make it nice and tidy for the website, I shrink it from 300 dpi to 100 dpi. And I save that file as “Validation105_small.”
I send the finished strips to Christian via DropBox, and shazam! I’m done!
I hope you enjoyed looking at my process, and I hope you found something useful from it!
In particular, I’ll show you how I made page 42. This page is a little different from how I make my pages now, but more on that in a minute.
Step 1: Script the Page
I do all of my scripting for this comic in a Strathmore sketchbook about 5.5″ x 8.5″. Since I’m the only writer for this project, I can script this comic however I like.
Most of the time, my script for a comic page looks like the one above. It’s just a rough idea of what I want the page to look like. This lets me figure out what’s said, where the figures are, and where the speech balloons need to be.
Sometimes my scripts don’t look like this. Sometimes they’re written like a movie script, or sometimes I’ll only have the dialogue written. My sketchbook is a mess to the outside eye.
So I script the page, and then I move to…
Step 2: Pencils
For this step, I take to the drafting table.
I use Strathmore Mixed Media paper with a vellum surface. Sometimes if I run out of paper I’ll dip into my stash of Strathmore Bristol Vellum (which I used for Validation). Either paper works fine, because they’re a smooth surface perfect for my rough pencils, for inking, and for heavy erasing.
If you look closely, you’ll notice the edges of the paper have guidelines drawn in. These guidelines help me keep the comic within the live area (which is the center of the page). It also tells me where I can draw bleeds, so if I want to draw something that extends outside of the borders, the guidelines tell me where the comic printer will cut the page off.
I cheated with the guidelines. I have a separate sheet of Bristol paper with the guidelines already inked in. Then what I do is I take the comic page, place it on top of the guideline sheet, and trace the lines. This saves me from doing a lot of calculations.
When I pencil a page, I tend to not use a ruler for the borders. I will, however, use a ruler for perspective, especially for that first panel. I like my drawings to be loose and organic for the most part. Gestures are important to me when I draw.
Once pencils are done, I go on to…
Step 3: Inking
I start with the panel edges and make dots where the live area ends (that’ll be explained later).
Because I’m right handed, I ink from left to right so my hand won’t smear the ink too much.
I also ink in some solid black shadows where I feel it’s appropriate. Like, along the collars of their shirts and coats, or the inside of their shirt cuffs. It helps keep the piece from being so flat.
After that I let the ink dry (usually for an hour), and then I erase the pencil marks.
Step 4: Scan it in.
My scanner is old and prone to gathering dust on the scanner bed. No matter how much I clean it, there’s always some chink in it.
But that’s ok. I can fix that in a minute.
I scan the page in at 300 dpi (dots per inch). This is the standard size for book printing. Not only that, but that 300 dpi the work is much easier to do in Photoshop.
Speaking of which, right after the page is scanned in and placed in the proper folder on my external hard drive, I open it in Photoshop.
I use Photoshop CS2 for my digital work.
For those who don’t know how Photoshop layers work, I like to imagine them as layers of tracing paper stacked on top of the image. The original image is the bottom layer, usually listed as “BACKGROUND.”
Step 5: Make Edits to the Art.
What I do next is get another layer on top and name it “EDITS”. You can name layers by putting your mouse over the layer, right clicking it, and then clicking on “LAYER PROPERTIES”. A window will pop up that lets you name the layer.
I name my layers because not doing that gets messy and hard to keep track.
Anyway, in the EDITS layer, I paint over and correct any mistakes I spot. Mistakes will range from correcting over-extended lines to eliminating any spots my dirty scanner bed made on the page. This is also the layer I use when I copy and paste any recurring figures. (See the Johnson & Sir Christmas page for an example.)
Once EDITS are done, I move on to…
Step 6: The Background Colors
I make another layer on top and call it “BACKGROUNDS.” This will have my background colors.
This layer is different from EDITS because of one thing. While EDITS is in Normal Mode, BACKGROUNDS is set to Multiply Mode.
You change modes by putting your mouse over the desired layer, right click it, then select “BLENDING OPTIONS.” The above window should appear.
Set Blend mode to Multiply, and keep the fill opacity at 100%. The fill opacity keeps the colors vibrant, which is what I want. Putting this to Multiply Mode makes it so I can paint and the paint won’t color over the original lines.
Once that’s done, I color the background!
I use the paint brush or paint bucket tools mostly. Sometimes I use the lasso tool to trace a particular area, then I use the paint bucket tool to fill in with my desired color.
Then on to…
Step 7: Color the Figures!
I make another layer on top and call it “FLATS.” I set the color mode to MULTIPLY with fill opacity at 100%.
Then I color in the rest of the comic on this layer. Usually it’s just the people in this layer, but that’s ok.
Recently I started including another step after this one. Which I’ll call…
Surprise Step! Shadows.
I’ll make another layer on top and call it “SHADES.” Then, I set color mode to MULTIPLY, but here’s the new part!
I set the fill opacity to 35%.
The reason? There are a few.
35% sets the color so it’s somewhat see-through (opaque), which is perfect for the shadow effect I need without it being overpowering.
This layer set up lets me color solidly and not worry about weird layering effects of paint.
The shadows are easier to modify this way.
Once the layer particulars are set up, I then color in the shadows.
Step 8: Lettering.
This is crucial.
I say it’s crucial because it’s often a step other artists can ignore. But it’s important to know how to set up your speech balloons and sound effects so it’s easy for the reader to read along.
That’s often why I pencil in speech balloons during the scripting phase – that way I can plan the art so the speech balloons can be easily readable.
Anyway, in this step I write out the dialogue in separate layers. Photoshop as a program automatically separates the dialogue in the speech balloons into separate layers. I want to keep them separate so that if I have to move dialogue around, it’s easier.
The font I use for Johnson & Sir (as well as Validation) is called “Distinctly Dan,” and I got it from FontPanda.com.
Once the dialogue is written, I get down to the bottom layer, make a new layer, and then use the rectangle tool. I choose the rounded-edged rectangles, set the edge to 150 pt, and make the balloons.
Once balloons are done, I go back down to the bottom layer, make a new layer, and draw the tails in.
Since this page uses onomatopoeia, I use different fonts, depending on the effect I’m looking for. Thankfully, Photoshop lets me rotate the dialogue to whatever angle I want it to sit, so yay!
At last, I get to…
The Final Step: Flatten and Post Online!
I flatten the layers in Photoshop, and do two things.
Thing 1: I leave the image be and save it for print format. Then,
Thing 2: I crop the image to the live area (remember the dots from Step 3: Inking? Those come in handy right now), then shrink the page to 100 dpi so it’s web-friendly, and post it online.
And that’s it!
Next time, I’ll show how I do a strip in Validation. The process is different in a few ways from making Johnson & Sir, so I can’t wait to show you!
I was at Phoenix Comicon this past weekend. Now that it’s done, I have the focus to talk about how to run a table at Artist Alley.
I’ve had tables at conventions for a little over four years now. With all of that experience, here are some of the basics I learned. Let’s start with before and during the con:
Get your table number. Sounds so basic it’s dumb, but it’s super important to know where your table is at the convention. On that note, know where the Artist Alley will be in the building. Find the room number and where the bathrooms and food are located.
Bring water. This is especially important because you’ll be talking to a lot of folks. Bring snacks if you can, too (it’ll save you money because con food can get pricey).
Bring a buddy. Your buddy will help you sell your work, watch your table while you get food (or even better, get food for you both), and watch over the table while you go to the bathroom. Your buddy can be anybody: a friend, a significant other, your work partner, your mom…
Take breaks. You’re either doing a lot of standing or a lot of sitting. Take a second to stretch out even if you can’t leave your table. Be on your feet for a bit if you’re sitting a lot. Extensive periods of sitting is actually very bad for your health.
When you’re at the convention, you should have these things with you for your Artist Alley table:
Tape. To hang signs on your table, make minor repairs, or help out another artist who forgot their tape.
Cashbox, with $50 in bills. Really you can have over $50 if you can manage it. My point is, you NEED change. Because there will be customers who have $20 or $50 bills and they will be sad if you can’t make change for them. (People want to support you).
A Card Reader. You can get one from Paypal or Square. I use Square. Either way, they connect via your smart phone. So bring that with you, as well.
A Sketchbook and some art supplies for commissions. There will be people asking if you do commissions. Be prepared.
Sharpies for signing your work.
A Notebook for tracking sales. I track my sales by day, one day on each page. Tracking sales will tell you what’s working and what isn’t, so you know what to make for next year (or next con).
Scissors (optional) just in case it’s hard to cut your tape or something snags. Alternatively you can be Cosplay Medic, helping cosplayers fix their costumes on the spot.
Running sales? This will be tricky for some of you. There are tips everywhere online to help you sell better. Some articles will be linked in a moment.
However, I’ve been in retail sales for four years, not counting the convention circuit. I’ve personally found the following things to be helpful:
Don’t be a salesman. At least, don’t be the stereotype of a salesman. You know the stereotype: sleazy, weird, and not too interested in the people they’re talking to unless that person becomes a means to an end. Alternatively,
, where the customer is always right and you do everything possible to please them, even if you think they’re a grade-A creeper or a professional douche nozzle. Also, there will be people who say they will buy your work but never come back. Accept this. It will happen.
Talk to your customers like they’re people. Because really, your customers are people. They may be excited, bored, lost, or overwhelmed. Try to understand where they are coming from. Ask them if they’re enjoying the con so far. Pay attention to what they say and how they say it. Don’t try to change their attitude. Just meet them halfway and have a conversation. (This is a good way to make friends, too. Friends are awesome).
Rotate your pitch. Your pitch is how you explain your work to people. Try to have two or three different spins on your pitch so you don’t repeat yourself (that much) – or worse, annoy your table partner or neighbors.
At the end of the day, take some time for yourself. I’m a bit of an introvert. But when I’m selling at a con, I’m in full engagement mode and talk to almost everyone I meet. However, I take some time afterwards to be by myself and calm down so I don’t overstimulate. Do the same for yourself so you don’t drain.