idrawdigital – Tutorials for Drawing Digital Comics



DOWNLOAD: Screentones


For those of you interested in the old school traditional printing techniques used for shading, idrawdigital has compiled a set of links containing a variety of screentones and halftones for your comics. Click here to continue…

Posted by on March 3rd, 2010 3 Comments

Webcomics Roundup – February Twenty-Ten


It’s time for another idrawdigital webcomic round-up for y’all, so saddle up and check out some more of the great comics available for free on the Internet. There’s some absolutely amazing work out there that will keep you entertained for weeks to come (at least until the next update) so rummage through the artist’s archives and enjoy the stories. Here’s a list of comics that you can fill your bookmarks folders with. Click here to continue…

Posted by on February 18th, 2010 3 Comments

Artist Spotlight: 10 Comics Blogs to Watch in 2010


10 Comics Blogs to Watch in 2010

As a followup to my webcomics roundup for 2010, here is a list of comics bloggers that you should definitely follow this year. Some of these blogs contain valuable insights and commentary, some provide you with the latest and greatest in the world of comics, and others offer you straight up eye-candy and popular webcomic magic of their own.

Take a look and get acquainted with these blogs! They’ll definitely leave you inspired… Click here to continue…

Posted by on January 13th, 2010 1 Comment

Webcomics Roundup – January 2010


webcomic roundup january twenty ten

Hey folks, I’ve been trying to put together a few tutorial posts and its been taking a bit longer than anticipated, so in order to tide you over and keep you occupied, I’ve compiled the latest set of webcomics links for you to check out. I recommend all of these finds, and even though they may not be your cup of tea, I’m sure you can probably find something of value (whether it is the art, dialogue or story) within the pages. Make sure you check out the archives on the listed sites where available. Click here to continue…

Posted by on January 12th, 2010 No Comments

Tutorial: More Backgrounds


In this previous post about drawing backgrounds, I wrote about their importance and how to apply them to your comics in order to add further detail to your stories. Without some kind of defining background (whether its a colour, abstract linework, or a beautifully rendered scene) your foreground characters will just appear like they are floating in dead space with no purpose. This quick tutorial will give you a few more advanced techniques for backgrounds, and how to keep a nice big library for use at a moments notice.

Establish your Settings

If your comic is set in the city, amass a folder filled with reference shots in the city. Skylines, high and low angle views, rooftops, sidewalks, interesting buildings, street scenes, traffic, etc. The more reference photos you have, the better. If your comic is set in the wilderness, you’ll want trees, mountains, lakes, rivers and all sorts of natural vegetation. Separate these files into folders based on location.

Folder

Make a Composite Image

You may find yourself seaming two or three photos together in order to get the right look for your scene. Using photo editing software like Photoshop allows you to alter your images in order to create the basic background you are looking for. Here’s some basic tips on how to do this:

seam

Using the transform tools to warp, skew and twist your photos to fit can save you a lot of time trying to figure out what the structures would look like on an angle. Save time and use photo reference where necessary.

Render your Image

Once you’ve set up your photo reference, merge your layers together.

merge

Reduce the opacity of that layer to 40-50% so you can see what you are drawing over.

opacity

Your work area should be somewhat transparent.

lighter

Now, proceed to trace out your background on a separate layer. Use a variety of different brushes for increasing line weight and creating depth.

brush

I prefer to use a bright colour such as a lime green or a bright red. This shows me where I have traced – using flat black can lead to some problems if the photo below has a lot of dark patches (like the night scene in this example.)

trace

Once your background has been traced out, use the black and white filter to convert your colored line to black.

b+w

The Black and White adjustment has a number of options to convert the color on your layer to black and white – choose ‘Maximum Black‘ in the settings.

maxblack

Adjust the sliders in the dialog box until you have found a dark black that does not lose any of its edge fidelity (gets jagged or too blurry) and click OK. You have converted your background line art into solid black.

Creating the Library

With all of these background files for use in specific situations, you will have an easier time keeping a consistent look to your setting, as well as saving time. I most of your story takes place in a certain area, reusing and modifying the line work is much easier than redrawing it all by hand. This helpful set of shortcuts will make you comics process way more efficient.

Tune in next time for another how to draw comics tutorial from idrawdigital. Check back through some of the previous articles for tips on color, inking and pencils.

Posted by on November 30th, 2009 2 Comments

Tutorial: The Digital Workflow


pencils

I’ve been practicing and preaching about the digital workflow for presenting comics for quite some time. It is perfectly fine to draw and ink and color by hand, but if you are on a time-sensitive schedule, or you want to simply speed up the process, you may want to consider making the jump to digital for a number of reasons. This post will discuss the benefits of learning how to draw comics using a purely digital workflow.

Many seasoned artists have a set routine when it comes to their workflow. They sit at their desk for a set number of hours per day, have certain tools at their disposal, set a certain amount of days to achieve production goals, and are quite comfortable in their approach. While it sounds like the ideal situation, it may not be the best method for everyone. The traditional workflow for a comic artist generally looks like this:

Rough sketches > Pencils > Inks > Color > Final tweaks

Now, if you’re working for an editor who has a number of specific changes, this can be extremely time consuming. Drawing out your panel roughs and presenting them, then going back and erasing, redrawing and presenting again can be a serious hassle and eat up valuable time. Especially if you have to scan in these changes, convert them to a JPEG file and e-mail them on for review.

Using a fully digital workflow for creating comics saves a lot of time you would spend erasing planning lines, tracing from a lightbox, photocopying and resizing, and scanning. All of these physical actions are virtually eliminated, giving you more time to come up with quick concepts and sketches, then refinements to those sketches.

Instead of lugging around a sketchbook, full sheets of bristol, your pencils, inks, brushes and other miscellaneous tools, everything you need is in a file or two and on one (or maybe two) programs on your computer. If you use Photoshop, you can set up various layers for your ideas and concepts and use them as reference. You won’t have to keep multiple sheets and layout pages and cut pieces from all over in order to make something complete – you’ll have the ability to do all of that in one spot! Here’s how to draw comics using the digital process.

process

From Roughs to Pencils: Once you’ve sketched out your rough plan, you can simply create a new layer above it, and proceed to trace and refine your artwork.  This eliminates the lightbox step.

Pencils and Revisions: When the pencils have been set and it is time to make modifications to perspective, proportions or the overall look of your panels, you can easily distort, copy, move and adjust your artwork without having to draw/erase/draw like you would with traditional pencils and paper.

From Pencils to Inks: At this stage, you can create a new layer above your pencils, and simply retrace and modify them – or you can duplicate your pencils, darken the linework and add in your ink details. There are no faint pencil lines you need to erase after inking in order to clean up your image – you’ve already created a clean, inked page with a few button clicks and WACOM stylus strokes. The digitally inked page is also more precise and has cleaner edges – traditional inks can bleed on the page and cause the edges to look fuzzy.

From Inks to Color: Once your final solid inks have been created, you can proceed to color your work using numerous digital effects and techniques – airbrushing, metallics, smooth gradients, light effects – can all be achieved in less time. The bonus to this is, if you don’t like the result, you can simply undo it and try it again. This eliminates any guesswork and failures after experimentation. You wouldn’t be able to get away with that if you rendered your colour by hand. Also, your colors will have been chosen specifically using the printed color gamut, so you won’t have any surprises when the final piece is created. There is no conversion necessary from a scanned image.

Adding Dialogue and Sound Effects: With a wide variety of comic book styled fonts and lettering, you can set your dialogue and sound effects in place in minutes. Instead of trying to determine where these items will be placed in relation to the drawn page, and hand rendering letters, you can easily type them on to your screen, then resize and distort them to fit.

The Finished Piece: Now that your page has been drawn, inked, colored and lettered, there is no need for a final scan in order to prepare the file for printing (since modern print-shops create rips from digital files). Your file is already 100% digital, and is print ready.

reference

Another benefit to the digital workflow include the ability to use and obtain reference material. You may have a folder or a file that contains various poses, landmarks, color inspiration etc. that you can view at a moments notice. You can drag these elements into your working file and use them as reference from a spot on your desktop – it is almost like having a digital drawing table with all of your photographed resource material laid out in front of you.

DrawingTable

The real benefit comes from being able to make all of those items disappear by turning the visibility of a layer on or off in your Photoshop file.

Scott Kurtz of PvP fame - hard at work.

Scott Kurtz of PvP fame - hard at work.

There is my basic plug for using the digital workflow method when you are learning how to draw comics. These techniques are extremely effective in saving you time, and I highly recommend them. It may take some time to find a comfortable routine, and it may be a big expense initially (if you do not have all of the tools and software first) – but the end result pays huge dividends. You can start out slowly – replace one of your traditional steps (pencils, inks or color) with a digital method, and eventually you will be confident enough to replace a number of the steps until you are using a fully digital workflow for your comics.

Experiment and practice – you’ll be more efficient with time!

Posted by on November 23rd, 2009 2 Comments

Tutorial: Using Color Effectively


Mainstream comics are brilliant displays of finely crafted artwork – with the relative costs of ink colors on press dropping significantly, comics publishers have taken advantage of full colour in order to grab the attention of readers. However, color is not just limited to eye-candy and attraction – great comics use color to capture the mood of a moment or to help with the pacing of a story. Here are a number of tips on how to draw comics more effectively through the use of color theory.

spawn

I’ve written a short step by step tutorial on applying color to your inked comics, and I have also posted a number of links to various tutorials on the basics of color theory. Have a look at those previous posts for additional information, in order to help you with some of the terminology and concepts explained in this post.

Color Combinations

Color combinations are used to create a pleasing arrangement to the reader’s eye, and to attempt to elicit a certain mood. Most of the time, this is done at a subconscious level, and when done correctly, will advance the story in a proper manner. There are a number of rules when using color that can be explained in full detail in the Color Theory post.

In comics, complementary colors are used to produce tension and also to produce harmony, depending on the response you are attempting to create. I have included this colour wheel by Don Jusko – his Real Color Wheel theory teaches the idea that darkened, shadowed colors achieve a neutral dark tone rather than a flat black devoid of any hue. This wheel was created for print/paint in order to take advantage of realistic color created under certain light conditions found in nature, and eliminates the use of black to create shadows (which makes your colors muddy and dull.)

RCW600x600

For the greatest vibrancy of colour, use its direct complement (the pure colour directly across from it on the wheel). Note: Jusko’s wheel is quite different from the traditional color wheels you have seen. His complements are direct optical inverses of one another. If you are uncomfortable with this method, use the traditional wheel which relies on black to create shades.

colorwheel

Another method of effective color combination comes from the use of analogous colors. These colours are found beside one another on the colour wheel, and when used together, help to amplify moods. For example – using a combination of BLUE/BLUE GREEN/GREEN could create a feeling of doubt, mystery or an eerie, creepy effect – this is why it is commonly used in horror films and images.

There are also discordant color combinations, monochromatic (single-color), triadic (triangular equidistant on wheel) and more which you can use to add emphasis to your panels.

mystcomic

Temperature

We’ve all heard of cool and warm colors – but how do they work within comics? Well, similar to painting and color composition in drawing and photography, a cool colour palette within a comic panel will evoke a feeling of despair, sadness, melancholy, etc. At the same time, these tones will also slow down the pace of the story in that particular scene.

In these panels, Peter Parker reflects on some memories of Gwen Stacy while he’s cleaning out some stuff in his attic and coming across her picture.

SpiderMan_Blue

To the untrained eye, you may have sensed a feeling of regret and reflection, coldness and emptiness – and it wasn’t merely the dialogue that evoked that feeling. The shades of blue and dramatic shadows helped intensify that feeling. Color is used to play upon the subconscious of readers. We associate colors with feelings – and feelings are also associated with temperature. Anger, excitement, intensity, love, and happiness are associated with warmth and heat. Sadness, anguish, lonliness, despair, regret and misery are associated with cooler temperatures.

This temperature effect helps the colorist control the mood of the reader – if it is a tense action moment, perhaps the scene will have more reds and oranges to heighten the urgency. But a dramatic, sad scene like the one illustrated above will make use of subdued, cooler hues like blues and purples.

Determine the mood within the panel, and choose the right color to amplify it. Being subtle in pencils, inks and dialogue works some of the time – but effective color can really drive home the point.

Focal Points

We touched on creating focal points when you’re learning how to draw comics in this post about composition and layout. Now I’ll show you how color can enhance this direction. Look at this panel from Skaar: Son of Hulk, and see where the focal points of each panel are.

skaar

The huge yellow blast behind Skaar in the first panel draws emphasis to that particular area on the panel. It is an intense scene with a number of active elements on the page – a chasm opening up, rocks being smashed and flying about, all from Skaar pounding the ground. You could easily emphasize one of the wrong elements and have the scene be interpreted differently. In this example, the emphasis is on the power of Skaar’s impact. By using a fiery yellow blast, it also elevates the feeling of action and strength.

If you look at the last panel, you see the emphasis is on the red figures in the background. Their anger and rage is intensified with the red and yellow fiery tones. If you couldn’t tell they were pissed from the line drawings, you can sure figure it out now.

Another effect used on this page is saturated colors – in the second panel, the figures in the background are of lesser importance, so their colors are muted and desaturated. Meanwhile, in the foreground, Skaar’s leg appears much more prominent, partially because of the stronger line weight, but also because of the deeper, saturated color. The same effect is seen in the third panel – except this time, the background figures are prominent, and the foreground figures are subdued.

Subconscious Themes

As I mentioned earlier, color can be used to evoke feelings at a subconscious level through temperature and experiences from past associations. Another method of playing upon subconscious thought is through the use of polarization and dominance. Visually, the boldest color scheme is the primary color triad of RED-YELLOW-BLUE. Secondary to that is GREEN-ORANGE-VIOLET, and beyond that is the tertiary scheme of the in-between colors (YELLOW-GREEN, BLUE-VIOLET, RED-ORANGE etc)

Here’s an interesting observation you may not have noticed. Check every major superhero you know, and look at their color palette.

Captain America – Red and Blue
Spiderman – Red and Blue
Iron Man – Red and Yellow
Superman – Red, Yellow and Blue
Shazam – Red and Yellow

captain americalandSuperman2

Now compare that to typical villains:
Doctor Octopus - Green
Dr. Doom – Green
The Hobgoblin – Green and Orange
The Green Goblin – Purple and Green
Parallax – Orange and Green

Green_goblin2

Notice a pattern? The heroes are often outfitted in the dominant primaries, while their evil counterparts are in secondary colors. This subconscious color scheme forces you to believe that the hero is the most dominant. I’ll bet some of you didn’t notice that. Now, this isn’t a cemented rule, but you can try that effect out in order to accentuate the main character in your next story.

Overall Effects

Smaller details such as warm glows, refracted light, mists and hazes, and environmental effects can also increase the dramatic effects in your panels. For example,

batman

this image of Batman standing amongst the shadows shows the city of Gotham in a brooding, mysterious blue-grey haze. There is additional contrast to the focal point (Batman) where a cool bluish-white glow surrounds the hero. This intensifies the dark background and makes the city look even more sinister.

sun-glow

In this image, the warm glow of the sun casts a number of warm colors this sullen warrior. The front of the character has been washed with cooler tones, perhaps to bring out an evil side, but the colored highlights from the light source in the rear create contrast through some subdued complementary juxtaposition (red-oranges-yellows / blue-green-purples). In addition to the glow of the scorching sun, there are some wisps of mist in the chasm behind the main character, creating depth and separation of the foreground and background elements.

—-

That concludes our lesson for today – I hope you’re able to take some of these tips on using color effectively to help you learn how to draw comics that are vibrant and inspiring. If you’re looking for some color ideas and themes, check out Kuler – an Adobe project showcasing designers and artist’s color palettes to inspire and evoke moods for your next project. See you next time!

Posted by on November 18th, 2009 2 Comments

Tutorial: The Importance of Inking


If you trace back the history of inking in comics, its sole purpose was to enhance the initial drawn lines by the penciller so they would reproduce properly when printed. Now, inking is an art form in itself – much more than simply tracing a penciller’s work. Inkers are required to take drawn panels and make them come to life with the use of dynamic lighting, depth with linework and shading, and add texture which may be lacking in the pencils. This important facet of comics is often overlooked and taken for granted.

The best inkers have the ability to determine how to make the important elements on the page ‘pop‘ and improve the linework. Inkers determine light sources, create convincing contrasts with shadow and light, and help separate visual planes to create a sense of depth. Without this step, comics may appear flat and lifeless – the right combination of ink can change the atmosphere of the story. Here are some examples of inked panels:

batman_spiderman_pencilbatman_spiderman_ink

With the dark contrast areas in this Batman-Spiderman pinup, you can see the musculature and definition of both heroes, the folds and dynamic shape Batman’s cape takes on, and the rugged texture of the rooftops. The silhouettes of the city skyline also add to the dramatic nature of this panel. You wouldn’t achieve the same effect with pencils alone – therefore, inking serves as a key tool in developing scenes and defining shapes in your artwork. Even though they have been clearly laid out within the pencils, the ink gives the image a deeper, moodier appearance.

In order to be a successful inker, you must have a good working relationship with your penciller – as you are drawing overtop of their work and their vision. Make sure you’re on the same page (pardon the pun) when you’re working on a project together. There have been many documented occasions where a penciller will refuse to work with an inker over ruined work.

Secondly, make sure you know how to draw comics just as well as your penciller – if not, better. Understanding the physics and properties of light and shadow, anatomy and mastering the techniques of brush + ink, marker rendering, or pen work is abslutely vital in becoming a successful inker. You may also be called upon to fill in for a penciller who is behind on his work – where you are filling in details, adding texture and in some cases drawing complete panels from roughed in sketches. Trying to maintain a consistent style with your penciller is extremely important.

Here’s a few techniques to improve your inking when you’re learning how to draw comics:

1) Variable Line Width
This is the method of establishing form and creating some depth in your work.

thin-thick

Objects in the foreground should have thicker, darker outlines than ones in the distance. Your natural inclination is to look at the boldest, darkest item on the panel – so if your most important element is in the foreground, make sure it is outlined and detailed better than something behind it. A thicker line creates the perception of heavier weight and fuller form, whereas a thinner line recedes into the background.

2) Determine Light Source
Take a few seconds and create a point of reference for your light source.

light-source

It could be a simple symbol or a dot on your page (in the margin) to indicate where your light will be coming from. This will help you figure out which portions of your inked work will be cast in shadow. Remember to be consistent with your shadow placement in your panel, and from panel to panel as well.

3) Adding Washes and Hatching

A wash is a thin, diluted application of ink which creates a grey tone in the background. By building layers of wash, you can create different levels of contrasting greys, which do not detract from the solid black linework put into place.

wash

Some artists use cross hatching as a method of creating shadows. A loose hatch appears more like a grey tone when viewed from afar, and also adds texture to your drawn elements. The downside of cross hatching is a rougher appearance – this may not be suitable for some artwork (superhero comics especially – which rely on clean, solid form). As you learn to draw comics, you’ll develop a signature style over time. Make sure your style works for your penciler.

4) Scratches, Dabs, and Erasing
To create some textural effects in your inked work, you can use an ex-acto knife or a dried out pen nib to scratch away and some of your solid pools of black to create some interesting scratchy textures, stone, masonry or woodgrains.

bradstreet

Using a molded putty style eraser creates soft, leathery textures by picking up dabs of ink and leaving behind some grey spatters. If you apply the eraser and different points by dabbing, you will create a blotchy, blobby texture that is an interesting effect for backgrounds or softer elements in your work. The dab technique also works with washes as well – use a brush with some watered down ink, and try blotting on the panel at different stages of wetness/dryness. You will create some cool looking patterns.

Once you’ve rendered your panels in pencil, try out some of these inking techniques (most of these can all be applied to digital work as well). Experiment and develop an inking style that suits your pencil work. Will it be slick and clean like the major houses (Marvel, DC, Image) or feature loose, scratchy effects with more grit, found in indie comics? If you’re working with a partner, make sure your styles complement one another, but don’t be afraid to offer your input – inking is not just tracing! For more tips, check out this previous post on simple digital inking techniques.

This concludes our latest installment on how to draw comics – stay tuned for more tips from idrawdigital.

Posted by on November 16th, 2009 No Comments

Tutorial: Composition and Page Layout


A good comic book layout can capture a reader’s attention and keep them focused on your content. If your composition is poor and allows the viewer to exit your page, you haven’t mastered the art of leading people on through your layout. Here’s a few ways to improve your composition and page layout, and keep your readers interested by maintaining their eye on your work and dialogue.

The Grid

The earliest comics were always set up in a grid format, contained within white gutters (borders) and followed the logical Western method of reading – across from left to right + down to the next level & repeat. In this example from Jack Kirby, you see Captain America and Batroc the Leaper battling it out over a 9 square grid page layout, which reads very easily. The red arrows were added to illustrate the reader movement.

Batroc-vs-Capn

As comics grew in popularity and the talent level increased, artists injected their creative influences and began to produce layouts that did not necessarily conform to a grid format. While absolutely stunning to look at, these pages were a logical disaster if they weren’t planned properly. In order to keep the flow of the story intact, there are a number of grids that can be used throughout your comic to moderate pace, as well as allowing for eye-catching imagery.

new-page

The most common grids are the 9 and 6 panel grids. In a 20-24 page issue, the 9 panel grid is most useful when the story contains a lot of information that needs to be conveyed. Alan Moore and Dave Gibbons did this effectively in The Watchmen series. The sample below is another 9 panel layout that splits two scenes going on at the exact same time, and creates an interesting visual effect.

9-panelgrid

Here is a standard 6 panel grid from the old newsprint/pulp style comics of the 60s-70s. The grid offers enough room for dialogue, action and visuals. This is a traditional layout for comics, and the most commonly used – even to this day.

6-panelgrid

In sharp contrast to the traditional linear aligned storytelling method, here is a sample of a manga influenced comic book page layout. Note, the grid is skewed to create a feeling of motion and adds a sense of dynamic action – the reader’s eye is forced about from one end to the other at a high rate of speed.

different-panelmanga

Yet another grid format which is gaining popularity is the widescreen panel. This type of panel layout is used to create a cinematic feel. These longer panels also create the illusion of extended time.

widescreen

Finally, a traditional ‘strip’ styled layout – 3 panels. This is most common for newspaper/online serials which use a wider format.

3panel_strip

By establishing a grid for your page layouts, you can conform your artwork and continue to guide the reader along with the position/movement of your characters and backgrounds, as well as logical placement of speech bubbles.

Create a Point of Focus

Once you have established your grid, it is now time to determine where your main focal point for each panel will be. The standard in comics/webcomics is to place the focal point in certain areas to avoid visual confusion from one panel to the next. For example – a panel which is predominantly horizontal should have its focus in one of three locations – the center of the panel, left of center or right of center. For a vertical panel, the focal points should be center, slightly above center or slightly below center. The trickiest panel to set up a focal point is the square. You have the option of above, below, left and right of center, and the center itself. When placing a focal point in a square panel, plan accordingly – make sure it will lead your reader towards the next panel.

Here is an example (using Super Monkey no less!) of the placement of the focal point in each panel.

supermonkey

See how a silly and simple comic makes use of effective focal point location? This method draws the reader’s eye from left to right, and keeps the flow of the story going within the page layout.

Avoid at all costs: Do not have competing focal points in adjacent panels (creating a converging effect when viewed – drawn to the center of the page). Another pitfall in focal points – do not lead your reader’s focus out of the page bounds, or into a panel that does not follow the logical sequence of the story. Always have your artwork force the viewer towards the next panel (either subconsciously or blatantly) – do not rely on the reader to make a logical conclusion to go from one frame to the next. A poorly led panel causes bigger problems than you may think.

Poor composition within panels often disrupt a person’s natural reading flow and cause confusion.  The minute you disrupt the reader’s concentration and focus, you lose the element of immersion in the story, no matter how good that story is. Poor planning and vision of your visuals will negate all the hard work that is put into a script and storyline. You don’t want your writer to strangle you, now do you?

Lines of Sight – Backgrounds and Characters

The final tip I will elaborate on in comic page layout and composition are lines of sight. This is another simple method of forcing your reader to follow a direction using a subtle, subconscious prod. Here is a sample – read this page:

batman1

Now follow along with these subtly implied lines, using the character’s lines of sight, the guidance of character’s positions and movements, as well as visual cues from the background and the placement of speech bubbles.

batman2

Your eye was moving all over the place, yet it was contained within the page. This widescreen grid automatically forced you to move along the horizontal axis from left to right, and all the additional drawn elements moved you around dynamically, never leading you out of the page until the final frame, when Batman glares menacingly over his shoulder – directly at you (or in this case, THROUGH you).

This was all achieved using lines of sight, background cues, grid layout, speech bubble placement and focal points. If you keep to this strict method of creating comic panel layouts, and ensure your compositions within each individual panel lead into the next, you will have no problem maintaining a reader’s active interest in your story. Just make sure that the story is well written! For some tips on that, read my blog post on writing.

Try these helpful hints on your next project, and you will be well on your way to becoming a master visual storyteller.

Posted by on November 11th, 2009 3 Comments

Tutorial: Drawing Backgrounds


city_large

You’ve seen them a million times, and in many circumstances, they have helped create that perfect touch to the setting within the comics you’re reading. Backgrounds seldom receive much attention, but are vital part of adding depth and mood to your comics. Here’s a few pointers on how to develop the right backgrounds and make your comics more realistic.

Seek Out Reference Material

I can’t stress this enough when you’re trying to develop a scene, use as much reference pictures as you can. Build the scene in your head and in roughs before you commit to putting it on paper. Some of the best reference pictures come from stock photography sites – they’re free to browse, and you can often save low-resolution ‘comp’ photos for your photo library. Here are a number of stock photo resources I’ve used for building backgrounds.

Getty Images
Fotolia
istockphoto

You can also rummage through Google’s image search option as well. The results aren’t always the greatest – but sometimes you can come up with user-based pics that can fit the bill better than a stock resource. Remember, don’t try to take these photos and repost them as your own – that isn’t cool – nor is it legal!

Draw Rough Sketches and Establish Perspective

Is the frame a birds-eye view or a street-level view? Do you require one, two or 3 point perspective to get your idea across? Where are your characters standing? Is this an establishing shot? Do details matter? Is the focus on the foreground or the background?

These are all questions you should be asking yourself prior to working out your composition. Having these all answered will make background drawings very easy. Sometimes, all it takes is a mere blend of colour or simple linework to get your point across. Other times, you need to have immense detail in order to build the mood or add depth to the story.

background-rough

Establish where your horizon line is, and your focal points. From there, build your images according to the focal points – remember that the horizontal lines lead towards the focal points, and create a sense of depth. Practice this with photographs – determine where the focal points are, where the horizon line is, and how the lines in structures and objects all lead to the focal points to create depth.

hulsey

Kevin Hulsey has a great primer on perspective drawing here.

Simplified, or extremely detailed… the choice is yours – and its dependent on what mood you’re trying to evoke. The important part is to plan it out first.

It’s all in the details…

As mentioned before – perhaps your comic relies on a lot of details in the backgrounds to increase realism, or it is important to advancing your story – or maybe you don’t require as much emphasis on details, and simply use backgrounds to give the viewer a hint of the setting, and allow them the imagination to fill in the blanks on their own. Depending on your style or inclination, background detail is important.

backgrounds-detailed

Every leaf, every lily pad, and every blade of grass has its purpose. Its a visual stimulus and the way to establish an exact location and a moment in time.

background-rough2

Fantasy art often relies on intricate backgrounds in order to visually demonstrate the differences between the ‘fantasy land’ and the land we are accustomed to seeing. This detail is necessary to help immerse the viewer into the world that the artist has envisioned.

kapow

In these two frames from Kapow Express by Xia Taptara of idrawgirls fame, you can see the simplicity of the backgrounds. Its the interior of a noodle house – with some characters milling about in the background – but as you can see, its merely some blends of soft tones and some hazy silhouettes behind the main character. The emphasis is all up front, yet the feeling of being in a dark, seedy environment is achieved.

The Final Rendering After your Composition

captainamerica

With colour and inks, your background can take a new life of its own and set a dramatic stage for your story – in this pin-up of Captain America – the rooftops are clearly rendered and the details of the buildings are quite intricate – window panes with reflections, dilapidated planks on the wooden water towers, concrete bricks with mortar in the spaces – these elements all add to the overall piece and visually guide the viewer along. With colour and ink work, the background comes alive and enhances the mood – even though its a subtle, drab and dreary shade of grey/blue… We can sense that is probably dusk or close to a night-time hour. We know we’re in a big city (possibly New York) and there is a general feeling of foreboding and mystery. The viewer receives all this information from looking at ONE panel with no descriptive text. Just a super hero hopping across a series of rooftops.

The background is what completes the story here.

captainamerica2

In stark comparison, here is Captain America again, running towards the viewer with a look of urgency on his face. If you look at the image overall, it is quite powerful – there is a feeling of strength and intensity. This is due to the emanating action lines and a red wash tone applied to the background. Simple, yet extremely effective at building a mood.

Now if you eliminated both of those backgrounds, all you would have is Captain America running towards you – but add in those backgrounds and their subtleties, and there are two totally different moods achieved. Backgrounds are absolutely essential in trying to build momentum in a story, or establish location, feeling and general ambiance.

Think carefully as you are plotting your comic – make sure you pay attention to the importance of a solid background image or color/linework. It can make or break your overall presentation.



Posted by on November 5th, 2009 1 Comment