idrawdigital – Tutorials for Drawing Digital Comics



The World of Illustration – August 28, 2009


twillheader

So things are moving along with idd lately, and I’m hoping to use this forward momentum to keep pushing out more illustration goodies from the ‘net for your viewing and learning pleasure. Heading into the weekend, here are the latest links from the World of Illustration from this past week.

Aug28-01
50+ Diverse Vector Masks

Aug28-02
80′s retro futuristic graphics

Aug28-03
Mixed-media vector illustration gallery by Theodoru

Aug28-04
Kakashi-Sensei Illustrations (Naruto)

Aug28-05
Konstantin Shalev T-Shirt Design

Aug28-06
Bob Scott on Comic Strips

Aug28-07
Voice your opinion / vent at Adobe’s Software Report Forms

It wasn’t the busiest week in illustration, but there are still a lot of great eye-candy and tips out there. Check back through some of the TWILL archives in case you missed something, or if something new catches your attention. I’ll see you all next week!

Posted by Drezz on August 28th, 2009 No Comments

Digital Inking Tutorial for Comics


I haven’t given you a tutorial in a long time, so I felt it was high time to get on that and give you some tips from my own expertise. I draw a lot of comics, and I have a typical flat style when it comes to inking which makes it very easy to learn and adapt to your own work environment. I’m going to attempt to keep this tutorial as basic as possible for those who:

1) Have never digitally inked before
2) Don’t have the necessary software
3) Want to learn an easy workflow technique

So let’s get started.

The Planner & Preparations

The easiest way to get organized for inking is making sure you have your pencil roughs set up to your satisfaction. You can always go back and refine your forms while you’re inking, but its really difficult to redraw entire frames. So make sure that when you’re ready to ink, you’re happy with what you’re filling in. Generally I will start with a thumbnail sketch for my pencils, then move into a full size rough with very minimal detail. If you’re a beginner, you may want to add more details to your work to ensure consistency and have a solid guide when it comes time to inking your final work.

Here is a sample page from a webcomic I’m producing.
001

You’ll notice that it is VERY rough. I tend to work quickly for the sake of efficiency, so I’ll hammer out the details more at this inking stage rather than before. I may change my mind about a pose or facial angle etc (all MINOR details, remember). With enough practice, you’ll be able to do the same if you feel comfortable working like that.

In this sketch by comic illustrator Alex Ross, you can see the enormous amount of detail he has with his pencils. Generally, the pencils are then handed off to an inker who is given some instruction on fills and flourishes – you can see that Ross has filled in most of the blanks for his inker so that person can stay within the confines of what Ross has imagined the final piece will look like with the inks.

NewMutantsRossSketch

You can see there’s little room for interpretation on the inker’s part. I don’t work that way since I’m a one-man-army so I can take those liberties for now. Chances are, you’re in the same position. So here’s the next step!

Scan your linework (if you did it manually like a majority of people) and save it at a relatively high dpi setting (300-600 at full size). If you’re doing a traditional comic page which is roughly 6.75 inches wide by 10.25 long (including artwork that bleeds off the page), and you are not working at that size when you do your pencils, you will want to scan at a higher resolution to ensure your details remain nice and sharp. Scan your artwork as a greyscale photo in order to keep all the subtle tones intact – some scanners scan B+W based on bright white and dark black so your greys tend to disappear.

Personally, I do everything digitally so I will open up my program of choice for artwork (generally Photoshop or Illustrator) and set all my canvas settings ahead of time. This tutorial is based off a 6×9 format.

Set up your Workspace

Now that you’ve completed the prep portion of your artwork, I recommend you set up your working file with the following layers. Photoshop, Sketchbook, Gimp, etc all have layer options. If you’re using a program that does not, I’d suggest finding one that does, as it makes the process of inking much easier.

Here’s the set up:

002

The first layer should be your canvas/pencil layer. Since I drew my comics digitally on the same file, I had a separate layer specifically for pencils. If you scanned your work and placed it into your new file, you can use that as your base layer. It would be a good idea to reduce the opacity of that layer so your pencil work doesn’t appear as dark (for tracing purposes.) The reason for the additional layer below is to have a solid white color below the transparent pencil layer.The top layer is your working layer – that is labelled ‘ink’ and you will be placing your solid blacks here.

The ink method

003

There’s no right or wrong way to ink your drawn work. Some people prefer using a calligraphic brush for varied line weights (it looks like a ( / ) in your brushes palette most of the time) while others prefer a round brush with custom brush settings applied. Each program has a variety of different features that allow the pressure control/sensitivity or the brush shape you want to use for your inking. In this tutorial, we are going to use simple round default brushes because my style is relatively flat and clinical.

To begin, select a thick/large brush to create your main outline work. In the example above, you can see the outline of a character’s head with a thick round brush. I did not outline the hair – instead I chose to use the flat filled shape act as its own border since it is dense enough for the definition I want. In this example, I used a Round 7 pixel brush for the outline.

004

Complete the outline and make whatever necessary alterations to the pencil work as you see fit (within reason.) In this case, I didn’t like the proportions of my sketched figure so I fixed it during the ink phase (most of the time you would have done this already). Fill in your solid shadow areas with black – there’s two ways you can do this: make a selection around the area you wish to fill (using a lasso tool or a point/pen selection tool) and use your fill tool to fill the area with a solid black. Alternatively, you could use brushes and fill it in by hand. It all depends on your comfort level when it comes to efficiency. Find out what works best for you.

Next, select a smaller brush to fill in the details from your pencil work. Generally, I will use a brush that is approximately half the size of my outline brush for varied line type – here’s an example of it in action below:

005

Note the thinner line weight in the details. You could use a different brush for additional line weight variation WITHIN your thick outline for additional depth and contrast. But again, thats up to you and the style you want to achieve.

006

Continue filling in the details with the smaller brush. Feel free to use more brush styles and shapes as you like, and other ink/shading techniques like cross-hatching. This example uses fills and outlines (since the rendered product is in tones of grey.)

007

Eventually your page will begin to fill out with dynamic contrasts and begin to have a life of its own. Here’s a half finished product from the other day. Typically, I take a few hours to do a page since I do revisions on the fly. If you have a tighter pencil sketch, it may take less time (or more time depending on the complexity of the detail.)

A few other things to note – I rarely use my Wacom/pen tablet for inking, since my line weight is even throughout. I will use the mouse + Shift Clicking in order to get the “connected line” between the gap from the points I’ve placed on the canvas. This gives me more precise control over the direction of the line. It is definitely not very organic, and essentially eliminates the pressure options that you have with a digital pen. You may want to have that variable line width and prefer the use of the pen for control. I suggest you use whatever works best for your style. In this tutorial, the figures are flat and 2D cel like, since that is the effect I prefer for this comic.

Experiment. Find your style and learn from others. I hope this tutorial gives you some insight on how to digitally ink your pencil work and gets you on the path to creating comic books or webcomics of your own. The next tutorial focuses on coloring your comics after you’ve completed your inking.

Good luck!

Posted by Drezz on August 27th, 2009 2 Comments

The World of Illustration – August 21, 2009


What can I say – life often gets in the way and you have to prioritize what’s important over everything else. My updates have been sporadic at best this summer due in large part to a number of things – but mainly travel, work and health concerns. I’m sorry for not being able to provide on a routine basis as of late – I’m hoping this will all change once the school year rolls around and there is a sense of normalcy in life that has been lacking for a long time.

Enough apologies – updates are what’s important right now! Check out this cool stuff and let me know what you think!

Aug21-01
Make an eye-popping Vector Eyeball

Aug21-02
Grab your Envato Birthday Bundle now

Aug21-03
The Price of the Ticket – Tomer Hanuka

Aug21-04
Create a Trendy Galactic Poster

Aug21-05
Tyler Stout’s Inglourious Basterds Commission work

Aug21-06
Sasan’s Heart and Mind (infested)

Aug21-07
Drew Struzan Illustrated Movie Posters

Aug21-08
Sean Lee’s Illustration portfolio samples

Aug21-09
Illustrative Type Technique Using Shapes

Aug21-10
Tutorial – How to Make an Icy Tropical Drink

Aug21-11
NIARK1 – Lafraise 15K finalist Illustration

Aug21-12
Too Many Zombies – A zombie a day for 1 year

That’s it for another week. Enjoy these last few days of summer, because the leaves will change colour and fall will be upon us sooner than you think. Get outside and enjoy it…

(maybe then you won’t notice my lack of updates! hah!)

Posted by Drezz on August 21st, 2009 No Comments

The World of Illustration – August 10, 2009


In case you were wondering where these updates went, never fear. They’re back, and in this week’s installment, we feature some interesting internet illustration techniques, tutorials and all-around eye candy. Check out the samples below…

aug10-01
How to Create a Cute Earth Illustration in Vector

aug10-02
Sex Crimes Online (MAXIM)

aug10-03
Pau Molas – V is for Vector

aug10-04
Greg Houston’s “Vatican Hustle”

aug10-05
Fantastic Illustrations by Gustavo Sobral

aug10-06
Hellovon Portfolio Samples

aug10-07
Veerle’s Overlapping 3D Ring Tutorial

aug10-08
Strongstuff’s Octodemon Shirt Design

aug10-09
Underground Art School – Issue 3

aug10-10
Eliohouse – Milky Way Shuffle (minicomic)

aug10-11
Juan Francinsco Casas – Ballpoint Pen artistry

aug10-12
Easy to use, affordable Mac based Vector Drawing Software (ONLY $80!!)

Time flies when you’re constantly on the go – this summer has proven to be quite busy for me! I’ll bet some of you are thinking “Summer?? What summer?” seeing as the weather has been absolutely horrendous in this neck of the woods. With the upcoming school year looming closer, idrawdigital will be looking to update more frequently with drawing tutorials, featured artists and many more items from my personal portfolio. The back-to-school special is coming soon…

Posted by Drezz on August 10th, 2009 No Comments

Some Randoms and Reflections


Hey folks … I realize it’s been awhile.

I’m back into ‘work-mode’ after my European vacation, and I’ll be honest with you. I feel more exhausted than I did before I left. 10 countries, over 50 cities and a lifetime of memories. I didn’t have much time to sketch while I was out there since the tour was very regimented and scheduled, but I will have renderings of some of the great photos I was able to take. These will appear within the next month or so. Work will be a bit slower as my ailing PC took a nosedive and died last week. I’m currently functioning with a laptop and my workstation at the office, so it will make artistic updates a bit more challenging.

As for TWILL updates, those are going to stick around. I’m planning on doing more personal pieces, as well as the development of a Photoshop Effects Tutorial book and launchpad site for future tutorial projects (comic book drawing/inking/colouring/lettering techniques, etc). These are a few of the changes idrawdigital is going to go through in the next few months. This little blog has turned into a nice surprise, and with a push towards providing content and regular updates, I think it can turn into something bigger and better.

For all of you return readers, thanks for the support. I hope I can provide you all with more content that will be of great use to you, while showcasing some of my work. During the day, I’m a creative director for a local design firm and I don’t usually show off a lot of my “work” portfolio. This blog was meant to get away from my day-job stuff. But if some of you are interested, the company is called Signature Group. Have a look through some of our portfolio items to get a sample of some of the stuff I’ve had a hand in creating over the years.

So, here’s some random stuff to peruse….

These two illustrations are for a pro-bono commission I’ve been working on. Its taken a long time, and due to my comp crashing, I’ve been forced to start from scratch and work more efficiently to get the site running ASAP. The first image is a character design for the two guys featured on the site. They’re both actors and aspiring screenwriters, and are looking to have their site developed so they can showcase some of their work. The second image is a layout of their quirky cartoon village set high above the clouds on a mountaintop. The main buildings are designated as site sections, and will have some animations that correspond to their particular sections.

This one was done while I was waiting for information during a teleconference. I’m not the greatest at drawing super heroes, it was never my forté. I like Marvel and DC and Image and Dark Horse, et al. but I figure I’d leave those sort of things to the experts. I’m more into my own characters and creativity – not someone else’s vision, I suppose. Anyway – here’s a simple ballpoint pen render of the Webhead, chilling out on a rooftop.

Now for something a bit OLDER

I did this in college – it was my first attempt at creating an epic comic based on the Trojan war. Too bad that Frank Miller had already begun to wrap up 300. It took the wind out of my sails, since I had a long way to go in terms of storytelling, pacing and overall technique. It was a fun experiment though, as I tied a few different things to get myself accustomed to the procedures involved in creating ‘sequential art.’

This was one of my first inked comics. It was a short story called “The Birdman.” Basically, two hitmen wait to receive payment for a job, and are double crossed by the ones who deliver the cash. This panel is from the scene where a car-bomb goes off. That’s a LOT of glass. I rendered it with an ink pen in my typical even line-weight style. What can I say – I’m a sucker for cel-style flat line work. I’d like to re-do this one for nostalgia’s sake.

This is a tattoo I’m hoping to have completed someday. I have the Kanji character on my arm. I need to make the samurai less detailed and then book a block of time to get it inked. In the next installment, I’ll post up some previews of my latest webcomic work.

Posted by Drezz on August 4th, 2009 No Comments