Comic Book Style Graphic Design

Mon, Dec 11, 2006

Illustrator, Photoshop, Tutorials

We have often been asked the process by which we create our illustrated flyers and posters. I will try to give you a clear tutorial on how we create our illustrations and turn them into flyers or posters. Our end product will be this flyer which was created for our recent Go Media Inc. art show:

Final%20flyer Comic Book Style Graphic Design

Before I go into an insane amount of details I want to give you a quick snap-shot of the process:

  1. Draw with Pencil on Paper.
  2. Ink your penciled artwork.
  3. Scan your artwork at 300 dpi.
  4. Create a second copy of the artwork at 150 dpi.
  5. Create a “color” layer just under the artwork (set your artwork layer to “multiply”)
  6. Color your artwork.
  7. Delete the artwork layer, and return the color layer to 300dpi
  8. Open the original 300dpi artwork and paste it above the color layer.
  9. Flatten the image and save it.
  10. Import the image into your design software
  11. Add text and graphics
  12. Export the final design.

Step 1. Draw with Pencil on Paper. The very first step is the pencil drawing. I could write a novel about how to draw, but this tutorial will focus on the process – the steps it takes – to go from pencil drawing to the finished, designed, commercial piece of artwork.

Tools you’ll need:

Paper: I use a plate finish Bristol. This type of paper is heavy enough to handle a lot of erasing. It is also thick enough to not wrinkle when you are in the inking phase of this process.

Pencil: I actually use a mechanical pencil like the KOH-I-NOOR Technigraph 5611 Lead Holder. This type of mechanical pencil holds a very thick piece of graphite that you sharpen and use similar to a real pencil, except it’s better.

Eraser: I use the Staedtler Mars Plastic eraser. And a Sanford Tuff Stuff eraser stick.

supplies%20pencil Comic Book Style Graphic Design

I think that it is important to stay fairly loose when you are in the pencil drawing phase. Start with basic shapes, keep your lines fairly light and when you start to see the shape you’re going after you can focus in and “tighten” up your drawing.

Here is a sample of a fairly loose pencil drawing:

loose%20sketch Comic Book Style Graphic Design

Here is a close-up sample of a fairly tight pencil drawing:

pencil%20close%20up Comic Book Style Graphic Design

A word of encouragement about drawing: I think most illustrators are far too hard on themselves. They expect to sit down with one piece of paper and draw exactly what they have in their mind the very first time around. In my opinion this is nearly impossible. Drawing is a process that takes a long time. I like to make an analogy between a good batter in baseball and a good illustrator. A great batting average for the major leagues is “.300.” This batting average means that they get 3 hits out of ten, or get a hit 30 percent of the time. I think that this is a reasonable expectation for an artist to have as well. If I can get 3 decent drawings out of ten attempts – I feel fairly good about myself.

So, relax while you’re in your pencil drawing phase of this process. Get yourself a big stack of paper and get loose, draw lots and don’t be concerned about “bad” sketches – just toss them aside and start over.

Here is our finished tight pencil drawing:

finished%20pencil Comic Book Style Graphic Design

Step 2. Ink your penciled artwork. The second step is inking the drawing.

Tools you’ll need:

Paint Brush or Crow Quill Pen: I actually use a very small paintbrush (like a #1, #2 or #3).

India Ink: Some India inks are thicker than others. I like a nice thick India Ink. I have had success with Higgins Waterproof Black India Ink.

Marker: any black waterproof marker should do.

Here is a sample of the brush I use: It is a regular #0 Windsor & Newton camel hair paint brush. I have also had great success with the new synthetic nylon or polyester fiber paint brushes. You will also notice I roll masking tape around the brush near the tip. I do this just to get a better grip of the brush. I feel like I have better control over the tip with this extra handle.

supplies%20ink Comic Book Style Graphic Design
The large areas of black I fill in with a marker.

While you can ink with mechanical pens and markers I think it is important to use either crow-quill ink pens or paint brushes because it gives you the ability to vary the thickness of your lines. In some spots you’ll want to push down and create thick lines and then in others you’ll want to lift up to make very thin lines. Experiment with this to see what works.

inked1 Comic Book Style Graphic Design

A couple tips about this: First, you can create more depth in your drawing by doing this. Objects in your drawing that are closer to you should be drawn with thicker lines. Objects that are in the background should be drawn with thinner lines. This will create a sense of depth in your drawing.

Also – if there are bright spots – for instance a light source is behind an object, and the light source is just over your objects edge – the outline of this object might actually thin to the point where it stops, there is a gap, then the line starts up again.

After I dip my brush in the India ink sometimes there is too much ink on it, so I will tap it on the ink well, or draw a few lines on a scrap of paper before I go to my drawing.

It is also important that you are using the right paper. India ink will spread like crazy on some papers. Get a few varieties of Bristol paper and experiment. I find that a thick smooth or plate finish Bristol is the best.

If you have large areas that you need to “fill” I suggest using a black waterproof marker.

Once you’re done inking your drawing I usually wait for at least an hour before I go back and erase my pencil lines. I will use the same plastic eraser and just run it over the entire drawing. If your ink is not dry it will smear, so give it plenty of time. Once the ink is dry you should be able to safely erase the entire paper and the pencil will disappear and the ink will stay.

Step 3. Scan your artwork at 300 dpi. Once your black and white artwork is complete – you’ll have to get it into your computer for coloring.

Tools You’ll need:

Computer: From here on out you’ll be working on a computer. I recommend a powerful design station, but obviously you’ll have to work with whatever is available. If your art is small a simple computer should be fine. But if you are working at a very large scale – you’ll need processing power to handle the size of the file.

Scanner: I really wish I had a large format scanner. That would like my life much easier. But I only have an 8.5×14 inch scanner. This typically means that I need to scan my artwork in pieces and stitch them together. This can be a bit of a pain in the butt.

Adobe Photoshop or Corel Painter: I personally use Adobe Photoshop but I think Painter is probably better. I use Photoshop because that is what I learned on and am most familiar with.

Stitch your artwork together. Since I frequently have to scan my artwork in pieces, since it’s too big for my scanner, I recommend that you use these tips:

  1. Align one edge of your paper with the edge of the scanning surface. Once you scan one part, slide the art keeping one edge of your art aligned with the edge. This will keep your art from rotating, so that stitching it together will be easier.
  2. Scan your artwork at 300 dpi. This is high resolution or “print” resolution. Typically I shrink the artwork down later but it’s better to start with too much resolution than too little.
  3. Stitch your artwork together by bringing all of your pieces together onto one large canvas and lining them up. If you set each image layer to “multiply” it will make lining them up easier.

Once you have your black and white image scanned into the computer and stitched into one piece of art you’ll need to resize the image to the final size you’ll want your artwork. On this art we’re going to make a 4”x9” flyer. So, we will shrink the artwork to 4” across then add extra canvas so that our final art size is 4”x9”.

*If you’re going to be adding graphics and text above or below your artwork – you may want to take a moment and sketch out how you’re going to layout your graphics now. If, for instance, you want to add a text title above your illustration – how much space are you going to need? This way, you’ll have plenty of background art for use once you get onto the designing phase.

Here is the final scanned art:

finished-ink Comic Book Style Graphic Design
Step 4. Create a second copy of the artwork at 150 dpi. Save a copy of your black and white artwork at 300 dpi. Set this aside – you’ll need it later. Then create a second copy of this artwork at 150 dpi. This is the file that we’re going to use for coloring. You will be coloring at this lower resolution because it’s easier on your computer.

Step 5. Create a “color” layer just under the artwork. Your Photoshop layers should be set up like this:

Top Layer: Your Black and White Artwork. (set this layer to “multiply” so you can see the color behind your line art.)

Middle Layer: Blank Layer to be used for coloring (Also set to multiply)

Background Layer: White.

Step 6. Color your artwork. The process of coloring is a very complex subject matter. I will not be able to go into all the details of coloring but here are a few tips:

Fill the main shapes with a color that has a medium value (not to bright, not too dark – somewhere in the middle.) Then go back and add the shadows and bright spots off of this medium value color.

colored_version Comic Book Style Graphic Design

Switch to your artwork layer, use your Magic Wand to select an area on your artwork that you want to color, then switch back to your color layer to paint your color. In this way you can color carefree without fear of going “outside the lines.”

It might be a good idea to do your solid colors on one layer, your shadows on another layer, and your highlights on another. And generally, keeping things on layers can save you grief in the long run in case you want to change things.

Have a general color strategy going into this process. I will often start with a fairly limited color pallet and work only from that. A lot of my coloring looks almost monochromatic because I use such a restricted color pallet. This is kind of like cheating, but I admit, I’m not the best colorist.

Also, you can use photographs in your coloring process to add texture.

Step 7. Delete the artwork layer, and return the color layer to 300dpi. At this point your document should have only layers that with colors – no artwork. Next, return your image to 300dpi..

Step 8. Open the original 300dpi artwork and paste it above the color layer. This is your original black and white artwork file that you saved at 300dpi and set aside. Select the artwork and paste it onto your color image. Set the new artwork layer that should be on top to “Multiply.”

Step 9. Flatten the image and save it. This should be self explanatory. Your artwork is done! Congratulations.

Color-finish Comic Book Style Graphic Design

Step 10. Import the image into your design software. I personally use Adobe Illustrator, I think it’s the best. But you can use Freehand or Corel Draw. Use the “place” function to import your artwork into your Illustrator file.

Step 11. Add text and graphics. Add text and vector graphics onto your image as you would any photograph.

Final%20flyer Comic Book Style Graphic Design

Step 12. Export the final design. That’s it you’re done!
I know that this tutorial did not go into all the details one could think of, but I wanted to give people a general understanding of the process of how we create our illustrated designs. We understand there are many aspects to drawing, illustration, and coloring. We could spend all day writing about the ins and outs of it. Keep in mind that this is not the only way to do this type of work. It’s just a process that works for me. You may find yourself discovering shortcuts or other methods and we encourage you to experiment. If you have any questions, just ask!

, , , ,

This post was written by:

Bill - who has written 28 posts on GoMediaZine.


Contact the author

If you enjoyed this post, show your support.
We appreciate it!
Bookmark It! Stumble It! Float It!

103 Comments For This Post

  1. Dave Says:

    This is whatsup!

  2. Eli Says:

    My… you’re a great artist! Very nice outcome.

  3. Brody Says:

    Very very nice work, keep it up.

  4. Bob Says:

    Woa! That’s nice! :3

  5. Psykotik Says:

    you’re my god…

  6. taquito Says:

    VERY nice! i wish i could make sumthing liek that!

  7. Ace0spades808 Says:

    Nice job, although I doubt this will be any help to most of the people that don’t have godlike drawing talents like you. I for one, am a crappy drawer, and that’s why I use photoshop, which doesn’t require good photoshop skills. Great tutorial for people who are good drawers, and advanced photoshop users.

  8. Timo Says:

    Great work! I’d really like to know how you did the background…

  9. greg Says:

    you are an amazing drawer if i could draw like that i could make cool designs.

  10. A to the A Says:

    hoy fuckin shit, your amazzing

  11. Javier G Says:

    That looks professionally done.

  12. Nick Says:

    Nice Man! I Will Try This Soon :)

  13. Tony Says:

    Its tha shizzz!

    I wanted to respond to that guy that said this wont help people with “godlike” drawing skills.

    I tell you, thats not true. You gotta change your way of thinking and believe that you can draw, and then you will. You might never be able to pull an image like that out of your head, but if you find some good photos, and work at it, you can pull it off. I am not a good drawer either, but this tutorial really gives the confidence by showing you the production and thought process behind the work. Peace Out!

  14. eman Says:

    nice! that really makes it in action mode!
    great work! and thanks for the tutorials.

  15. ntron Says:

    Great work! I’ve found it difficult to find a concise tutorial for digital coloring. And I’m glad you included info on how to draw and ink. Seeing your work is inspirational, makes me want to get the old Strathmore Bristol out.

    Qwestion: How was the logo at the bottom designed? Any ideas? (Extruded “aesthetic.”) Am quite familiar with Illustrator, but don’t know too many tricks with it.

    Thanks if you have an answer.

  16. Jeff Says:

    NTron:

    The logo at the bottom was originally created in illustrator and then the path was imported into 3D Studio Max where I then extruded it and set up the perspective and rendered out high res images. I then brought those images into Illy and live traced them. That’s how I do most of my 3D looking text,

  17. ntron Says:

    Thanks! I tried my hand at something similar. I don’t have cs2 so I tried the 3d effects in Illustrator to create something similar. (Not to rip off the design but just for practice.)

  18. Ines Says:

    Thanks! Great tutorial!! ;)

  19. Richard Says:

    Amazing, really is something else.

    Have recently purchased CS2 will give it an attempt.

  20. Matt Says:

    Hey this tutorials filled with great tips! Thanks, I’m going to go and practice abit.
    The final result is amazing

  21. Alexey Says:

    wow, its so cool! but how many time did you draw this on paper?

    ————
    ps
    sorry i dont speak in english well!(i am from russia)

  22. eetumaa Says:

    COolest picture and tutorial ever!

  23. Jason Says:

    Wonderful work man! Thanks for taking the time to write this out and inspire people.

  24. Sweden Says:

    Hi, Really nice work. Is there any possibility to get this in a high resolution? Or as vector graphic? Thank you and pls answer.

  25. luis fernando Says:

    man you are a great artist

  26. Kieran McClung Says:

    Very very nice indeed. Very inspirational work

  27. Jeff Says:

    Sweden,

    Why would you need this in a high res? Send an email to us at info@gomedia.us and tell us what you need it for an we’ll hook it up!

  28. Nilamarthiel Says:

    Very nice, indeed.

    However, is it possible to do the same thing on Adobe Photoshop Elements 5.0? Also, what is DPI? I’m very new to this, and I just stumbled across this tutorial, which is perfect, since I am doing a comic with my friends.

  29. Jam Says:

    Nice men…i like it..

  30. Carlo Says:

    dude.. superb artistry.. nice work.. keep it up..

  31. kikujiro Says:

    congratulations !

  32. syrus Says:

    beautiful, u r just the best, its really a grt art keep it up.

  33. Mark Says:

    Good tutorial…

    Keep on improving…

  34. Shiri^Sheep Says:

    Im very very Impressed! not only with this tutorial, which is just great btw but with this entire site as well! I love the way you described the steps to create this design. You seem modest and very professional. I whish you luck (not that you seem to need it but it can never hurt) and hope to read more of your wonderful tutorials :)

    Shiri

  35. Venom Says:

    Realy you are so cool :D
    This is great work :D
    Gratulations :)

  36. lanzie Says:

    ‘yer awesome!
    yer talent is unbelievable!
    tsup!!

  37. critical elementz Says:

    so maybe im lost but what font is that, or did you make it up from scratch…

    the font for aesthetic…is what im referring to…

    thanks

  38. Jeff Says:

    I don’t remember the font exactly, but it’s an old english one of course. But it’s modified.

  39. Genozider Says:

    OH MY GOD!!!! That look so beautiful…
    Im looking forward to learn more from you .
    I really like your vector graphics,it look so pixelly done.

  40. natasmi Says:

    that’s good..great technique.. i thick i’ll learn from that..

  41. Tashi Says:

    Awesome!!!!..the drawing and the creativity am bowled..now this is some inspiring work..Peace!

  42. Deon Says:

    This is stolen and completely fake. Not to mention this is the gayest thing I have ever seen or read. I wish I had that 5 minutes of my life back.

    For future reference:

    1. This is a Photoshop tutorial, not “Timmy’s Adventure in Drawing and Crafting.”

    2. Please take a drawing class or instructions from a professional if you insist on drawing the human figure. You can’t even copy well. You are missing some very basic concepts. Your “warrior” is off-balanced and appears to be falling. He has a small head and huge shoulders, and a tiny waist. And his hands are way TOO small, they should be huge since they are coming at the viewer (it’s called proportion).

    3. Your instructions suck. You went into extreme detail about which eraser you will be using and how to use a marker and then later you said, “Also, you can use photographs in your coloring process to add texture.” Gee, don’t get into so much detail you’re gonna get a headache.

    If you want to show your shitty (and copyright stolen) artwork then just show the crap. Don’t try to come off like you are some preachy art History major trying act like he knows what he’s doing.

    I give this tutorial a “0″ as there is absolutely nothing of value contained herein.

  43. Bill Says:

    Hey Deon,

    Well written and a thoroughly thought provoking comments! Writing of this caliber - I must ask; Do you work for the New Yorker?

    If I “stole” this artwork can you please identify where I got it from? I seem to recall drawing for 2 days. Maybe it was all a dream. You seem to be fairly sure of yourself. Thanks for your insights!

    -Bill

  44. lawton chiles Says:

    i like what Tony said about drawing, in that you have to have faith that you can draw in teh first place. Only then can you begin to see th results you want to see.

    Thank you for this in-depth tutorial. I am new to graphic design and Illustrator in particular. Thanks for making things clearer for me in your pictures and blog posts :)

  45. lawton chiles Says:

    Sorry for linking back to you like that. I just wanted to show my readers your site.

    Again, excellent work. What was that guy saying when you “stole” this? If so, give us the link man.

    Anyway, people are mean on the internet. Would you talk to someone that way in person?

    Yikes!

  46. ugonna steven Says:

    sir,
    u r the best!!! honestly i admire ur work.itsw simply fantastic. ur style isso graceful.i wish ti be like u.

    pls can u teach me or refer me to links where i can learn how to use photoshop to draw and colour comics just like u and those manga guys.

    thank u

  47. Elizabeth Says:

    A useful tutorial especially for those with some experience in Photoshop colouring who are interested in learning about other people’s workflows and skills. The paragraph about ‘batting averages’ for artists was especially inspirational. I know of many people who could have a wonderful time creating art who are prevented from doing so because they are intimidated by their apparent lack of skill. They need this kind of encouragement so that they know that all artists feel the same about their own personal ’strike rate’.

    I also found step 4 interesting as it would help me with colouring on a not particularly powerful machine.

    For the people like ugonna steven in comment 49 who want to combine the advice on this site with further reading, you can get some very good tutorials on art community sites such as deviantart and imaginefx which cover lots of different aspects of digital art. I have personally found them to be very helpful and have allowed me to improve in leaps and bounds in the last couple of years!

  48. Bill Says:

    Hey Elizabeth! Thanks for your wonderful feedback. It’s nice to hear your thoughts. Obviously I wish I could go into a lot more detail, but then it would be a book and not a tutorial. Glad you found it useful!

  49. Natasha Says:

    Thank you for this tutorial. Along the lines of what Elizabeth(above) wrote, I found the baseball analogy very helpful and inspiring. I also like ’seeing’ exactly how an artist gets his/her work down. Everybody has their own methods, yet there’s always room to learn… love it!

  50. DON MSG Says:

    YO THIS IS A WIKID PIECE OF ART U CREATED. BIG UP 2 YA!

  51. ashok Says:

    Its too good i’ll try to day …..

  52. Michelle Says:

    Hi, this is the first site I have come across that actually tells you the steps it takes, not to mention the tools you use to get there. I have been trying to figure out whether you can do the line art on the computer but everytime I try, it looks crappy. I think I should just buckle down and try my luck at india ink. It’s just so permanent though and if I get all the way done with a piece, I sure don’t want to drop a big glob of india ink in the center. Don’t worry too much about that Deon guy, I’ve read an awful lot about comic art and he doesn’t sound like he knows what he’s taking about at all. Heroes are supposed to have small heads, big shoulders and small waists. Doesn’t he ever read comic books? And I agree, people can be mean on the internet because no one knows who they are. He’s probably just some little troll who gets a kick off making others look bad. Quit being such a wimp and add your name and address to that tagline Deon!

  53. kailash Says:

    hi,
    i was trying out ur technique…i am good with corel..but i find illustrator as u said frustrating..idid the out line and the inner and then subtrated as u said with path finder.
    But when i copied it and tried to make the inner colorig layer..i did the object i cud not get the relese thing to be on..cud u help..

  54. DigitalJ Says:

    when u can draw nice things than u can do amazing things and also if u want to scan your stuff what u made.
    than u can use color technics if u know what i mean.

    what i did is.
    1. drawing something nice with soft blue color.
    2. than take black pen or other dark color and draw over the lines that u wan’t to show.
    3. scan it black/white and u got the results.

    the color blue wont be come up. u will see when u scan the object.

  55. DigitalJ Says:

    but the point is ure works is very good.
    keep it up!

    only i dont do these things any more. :(
    im now in the music bizz.

  56. Jared Says:

    If ever there was a God of illustration… You’d be him… This is amazing work… Thanks for the tutorial, you have inspired me :)

  57. Geddon Says:

    This is a super great tutorial..love it.
    Thanks !!

  58. Taufan Says:

    kerennnnnnnn , very nice

  59. eric sweets Says:

    what is the name of the type font you used for

    aesthetic?

  60. Jeff Says:

    @ Eric - Gosh, it’s been so long - I honestly don’t remember. It’s just a simple old english font that was modified a bit.

  61. midwesta Says:

    That tutorial is smokin!

  62. Dj Script Says:

    I’ve got to say as a fellow artist i really appreiciate how you put the time and effort into the hand drawn piece first. The piece after being inked would have been good enough for me, because i am not really a fan of color. But man you took it to a whole other level with the coloring. I’ve never seen a piece come together like this before. Congrats on the work and i just might start adding some color to my work, maybe.

  63. Jerome Says:

    Nice…. do you have a tutorial on vector graphics.

    I want to be able to create my own font styles.

    Thanks man

  64. Teucer Says:

    Your flier is fantastic and your tutorial was a thoughtful walk-through of your creative process, as well how to blend traditional art styles and digital processing. Very well done on both.

    I have one question that is based on your choice to go with the harder route of hand inking your drawing, which calls for a high level of traditional artistic skill and doesn’t really allow do-overs.

    What are your thoughts on hand inking vs digitally ‘inking’ scanning pencil sketches in Pshop or Illustrator?

  65. Bill Says:

    Well, inking digitally does allow me to re-do “mistakes” - but it’s fairly rare that there are mistakes when I’m inking traditionally. I have all my pencil lines to follow, and well, I’ve been doing it for years - so, it’s very rare that I make a mistake. And in the off chance that I do make a mistake while traditionally inking, there is White Out! :)

    I do love to “ink” digitally - but this takes me much longer to do. I really like to get a lot of weight variations in my lines. When I’m trying to achieve that traditionally, all I have to do is push down harder on my brush. But If I’m doing this on the computer I need to take several steps to get the thickness of the line right where I want it.

    But when it’s all done… ..I LOVE the vector inking. It’s so crisp and perfect. And I can blow up portions of the illustration.

    So, I guess it’s all a matter of time. If I have time to ink digitally, I will. But if I’m short on time - it’s ink and brush.

  66. Teucer Says:

    Gotcha - thanks for the additional explanation. That was a fast and thorough response!

  67. raysor Says:

    u lucky bastard i cant draw at all.

  68. Hybris Says:

    True art… Amazing work!

  69. swollenpickles Says:

    That looks freakin awesome. Really good work!

  70. Livingston Samuel Says:

    Awesome! Splendid

    thanks for this tutorial, definitely helps a lot for budding designers like me :)

  71. ttoj Says:

    This is the greatest work I seen but I have one request if you can make a simple tutorial look like this by video and I hope to tell me from where you take this drawing technical in photoshop and the drawing thank you so much.

  72. Ujjwal Dey Says:

    Its great that you tried to explain your process but to most people who need your “tutorial”

    this was useless.

    Your tutorial talks about doing things to the image without bothering to explain HOW TO DO IT.

    It is the worst Photoshop tutorial ever because you do things here without explaining How to do it.

  73. steve Says:

    Just wanted to point out that CS2 and CS3 versions of illustrator have way of creating 3-d objects. Its under the Effect menu > 3-D.

    To do the text like that just pick extrude and bevel, then play with the rotating the object around and use the “perspective” slider to get the pinched effect.

    To do the text like you did takes about 30 seconds in illustrator with that tool, as opposed to exporting to 3-d max and then rendering, then back to ilustrator then live trace.

    Just throwing that out as a quick way of doing it.

  74. rodrigo araya Says:

    oooooooooooooooooooooooo
    muy bueno,enserio intentare de seguir los pasos que explican,muchas gracias…..

  75. SASHA FOWLER Says:

    your style is so similar to mine !!! very nice work man!

  76. Davizm Says:

    Very informative and conscience, thank you for posting this.

  77. Roberto Leal Says:

    Great tutorial, found it very interesting. You guys always seem to save the day for designers like me. Keep up the good work. Cheers from Belize.

  78. Freelance Web Designer Says:

    Very cool, and good instructions too. I like how you put masking tape on your brush. I’m going to try that.

  79. TIM Says:

    SET MAN!! JUST GREAT, YOU US BEGINNERS MAGNITUDE HOPE!!!!GOD BLESS!!!

  80. Peter Says:

    I thought this was a great tutorial and much simpler and straightforward than some other tuts I’ve read on comic book illustration. With newer, powerful systems a year and a half later, the 300 dpi problem doesn’t seem as much of an issue anymore.

  81. agie Says:

    gosh what the hell is that

  82. Alexis Says:

    I hope I’m as good as that someday

  83. gina Says:

    omg this iz so fr3akin k3wl k33p it up ;)

  84. Guerrero Says:

    Hey man!! this is very good tutorial, i have a lot of sketches and i thing is time to start making the next step, ink, digitizing and Photoshop… Thamks for this graet tutorial!!

  85. Aaron N. Says:

    This was actually one of the best tutorials I’ve read in a long time! Finally someone who really know’s what they’re talking and doesn’t just go out and make a website to teach other’s how they draw sub par work.
    Good job.

  86. Lorcan Dragonskull Says:

    Bill,
    Nice tutorial! Nice to see someone impart knowledge to people trying to improve their art skills.
    As some others mentioned, I also liked the baseball analogy. Puts things in perspective, right?
    As for that gasbag Deon, he’s so bitter that he can’t follow the tutorial, and obviously jealous of your ability to produce a dynamic piece, he can only put you down. Let’s see some of your ‘art’ Deon. Put up or shut up!
    And to the other ‘haters’ out there: If you don’t get it, don’t assume that everyone else is as lame as you. A lot of people (the majority) can benefit from a tutorial such as this.
    Keep up the good work!
    Lorcan

  87. Bill Says:

    Lorcan,

    Thanks for the praise and positivity! It takes a lot of effort to draw. And sometimes a little shift in technique can make a big difference. Anything I can pass along to help is my pleasure. I’m still learning every day! I just recently - after many many failed attempts figured out how to properly use a crow-quil pen. Sounds silly right? I’ve been inking with a brush for years… and must have tried out the crow-quils a hundred times and never liked them. I finally decided to buy a book and see what the “pros” had to say… NOW… I LOVE them!

    Every day, a new lesson. I’ll write a blog about this shortly.

    -Bill

  88. mbahdewo Says:

    Very nice art work. I work with bitmap images all this time. I think I will study about vector now.

  89. meh Says:

    You have drawing skills for sure. The lighting doesn’t come from any particular direction and I am confused as to why this was posted on an Adobe Illustrator tutorial page.

    I feel Deon was a tad harsh (and blatantly ignorant) and the fact he didn’t post the original work was weak at best. However the pose is off balance unless he is falling to the right (his left). The proportions are on par for comic art.

    That said, keep it up man. You definitely have talent… work on that lighting. Light is key.

  90. poel_666 ceria Says:

    this….this……THIS….!!!
    a great skilllll………
    heheheh

  91. captjo Says:

    EXCELLENT! Love the lesson and I do my 3d stuff in Lightwave. I really will do a new project using your studies.

    I love everything that you did. You rock!

  92. Tom Baker Says:

    Hehehe, juicy nice things here, I like it. Great tutorial man, thankyou very much!

  93. Buddi Says:

    This is a great Tutorial & its very Helpfull to me .
    ThanX.

  94. vic Says:

    i love it best graphic ever and can you make this with photoshop

  95. vic Says:

    what i mine can you give my the psd and can we add it to like are home page

  96. Erin Larissa A.Canto Says:

    nice designs……..!!!!hanep!!!!!!!!

  97. Stefan Ashwell Says:

    Fantastic final image I love it, and a great tutorial explaining it on top :)

  98. Edward Says:

    hey man im a graphics design student and that is something that once my mac is up and running the way i want, i will try. Oh and did u use cs3 for the coloring of the character

  99. Ralph Says:

    Great Tutorial. Nice transition from pencils to digital rendering. I’m inspired to work with my drawing into the computer now. Thanks.

  100. sousou Says:

    WOW its very nice drawing

  101. sousou Says:

    WOW its very nice drawing!!!!!

  102. joel luna Says:

    this is artwork……..beautiful…….im a graff artist…….and this is real art work…..not some wack lady………this is wats up

  103. Design Your Own T Shirt Says:

    That has got to be the most comprehensive and useful post I have ever seen on Tshirt design!

15 Trackbacks For This Post

  1. QUIXOblather » Comic Book Style Graphic Design Says:

    [...] Here’s a nice inspiring tutorial on illustration techniques. Beautiful work combined with a helpful overview of the tools and decisions involved in producing custom graphics. Gomediazine Comic Book Style Tutorial. Brilliant. Also see their other tutorial. [...]

  2. Open Authoring » From Zero 2 Hero Says:

    [...] Tra i tanti, vi segnalo questo, dove si spiega come colorare con Photoshop un disegno a matita e china. Il risultato finale è qui a fianco… Archiviato in Lampi, Click different, Ex-Cathedra di Davide Riboli Permalink • Stampa • Email • Commento [...]

  3. Lawton Chiles Graphic Design Minute: Design Training, Links and Resources You Need » Artists: Comic Book Style Graphic Design w/ GoMediaZine + the quest to draw the world’s best Logos Says:

    [...] The Go MediaZine - Exclusive insights for art, design, marketing and more. » Comic Book Style Graphic Design We have often been asked the process by which we create our illustrated flyers and posters. I will try to give you a clear tutorial on how we create our illustrations and turn them into flyers or posters. Our end product will be this flyer which was created for our recent Go Media Inc. art show: Sharing Is Good. These icons link to social bookmarking sites where readers can share and discover new web pages. [...]

  4. The Go MediaZine - Exclusive insights for art, design, marketing and more. » From Sketch to Vector Illustration Says:

    [...] Step 1. Sketching. Ok here we go. Since we will not be using photographs – we’re going to have to rely on our ability to draw. As I mentioned in my tutorial “Comic Book Style Graphic Design” I will not be able to go into the fine details of how to draw here, but I want to try and give you a few tips. [...]

  5. From Sketch to Vector Illustration | Best Web Design Resources. Says:

    [...] Step 1. Sketching. Ok here we go. Since we will not be using photographs – we’re going to have to rely on our ability to draw. As I mentioned in my tutorial “Comic Book Style Graphic Design” I will not be able to go into the fine details of how to draw here, but I want to try and give you a few tips. [...]

  6. Colurz Blog »  Comic Book Style Tutorial Says:

    [...] der Arbeitsweise beim Erstellen eines Comics mit Hilfe von Photoshop zu bekommen, ist das Tutorial Comic Book Style Graphic Design auf Go MediaZine gerade recht und interessant. Zwar geht es hier nicht in allen Punkten wirklich [...]

  7. Adobe Illustrator Tutorials - Best Of | Tutorials | Smashing Magazine Says:

    [...] Comic Book Style TutorialLearn how to create illustrations and turn them into flyers or posters. The end product will be a flyer which was created for an art show. [...]

  8. Illustrator Tutorials | Bigg Magazine Says:

    [...] Comic Book Style Tutorial Learn how to create illustrations and turn them into flyers or posters. The end product will be a flyer which was created for an art show. [...]

  9. Recursos y Tutoriales » Blog Archive » Tutoriales Illustrator excelentes Says:

    [...] Comic Book Style Tutorial Learn how to create illustrations and turn them into flyers or posters. The end product will be a flyer which was created for an art show. [...]

  10. Exploration Assignment 1: The Design Process « VIS201 –Summer ‘08 Weblog Says:

    [...] 1st exploration assignment is on The Design Process. Read this article and post a comment (a paragraph) to the class discussion forum. What strikes you about the way that [...]

  11. Exploration Assignment 1 — The Design Process « VIS201 –Summer ‘08 Weblog Says:

    [...] by lindsayems on June 4, 2008 Your 1st exploration assignment is on The Design Process. Read this article and post a comment (a paragraph) to the class discussion forum. What strikes you about the way that [...]

  12. 20 Insane Comic-book Style Photoshop Effects - PSDTUTS Says:

    [...] 14. Comic Book Style Graphic Design [...]

  13. 25+ illustrator tutorials to start your week | ifoh designs Says:

    [...] Comic Book Style Graphic Design [...]

  14. 20 Insane Comic-book Style Photoshop Effects | The Human Network (HCI IDC Alumni Blog) Says:

    [...] 14. Comic Book Style Graphic Design [...]

  15. Comic Book Effects, Fonts, And Coloring Roundup - Photoshop/Illustrator | Random Ramblings Says:

    [...] walk-through on doing a comic book style poster from GOMEDIAZINE. [...]

Leave a Reply

Do you have a Gravatar yet? It's that cool icon next to your name. Stop looking like everyone else and upload your own Gravatar for free. If you do, you'll see it by every comment you post on the GOMEDIAZINE and every other blog that supports Gravatars!