Use a Tablet to Create Stunning Comic Book Fan Art Illustrations

Use a Tablet to Create Stunning Comic Book Fan Art Illustrations

Tutorial Details
  • Program: Adobe Photoshop CS2
  • Difficulty: Intermediate
  • Estimated Completion Time: 5 - 6 hours
Download Source Files

Final Product What You'll Be Creating

The best digital drawings or paintings in Photoshop are often a result of a well though out sketch, a talented artist, and a strong understanding of Photoshop and the tools that it provides. In today’s tutorial we will review some tips and tricks when working with a digital tablet and Photoshop. The artwork we will use is a fan art illustration of the Knights of the Zodiac character, Capricorn Shura (Masami Kurumada) that I drew.


Step 1

First we start doodling the pose of our character. At this stage you should pay special attention to the overall shape.

Take a look at how the character was drawn inside a V.


Step 2

Once you have chosen the right pose, keep sharpening the character’s details. For these stages I recommend that you use a Hard Brush with opacity set to pen pressure (both for the brush and the eraser).

Whether you work in a single layer or more is up to you, although at the end of the tonal work (black and white) you should have it all merged in one single layer.


Step 3

The key to successfully reproducing any real life-like material is observation, in this case, gold. Gold reacts to light like metal and chromed materials do. Shadows, midtones and highlights are abruptly separated, making fast transitions between them. Try to use no more than four tones for armor. Render the shadows with the same brush as we have done before. If you like, lower the opacity of the brush to 70-80%.

In the largest highlighted areas you will have some sort of glow. Use a white soft brush for this.


Step 4

Keep enhancing the image until it is polished. We will start adding some texture to the armor parts with a custom brush. This will provide a rusty feel to it.


Step 5

Final tonal work. To polish the image zoom in and work the edges.


Step 6

For the basic colors we will use gradient map Layer > New Adjustment Layer > Gradient Map. Consider it as a highlight midtone and shadow color (and tonal) picker through gradients. The first color of the gradient will replace the black. The last color will replace the white. In between all the grays will be replaced by their respective gradient color. Gold generally has its shadows in a highly saturated, very dark red, going to a desaturated light yellow for the highlights.


Step 7

Now we start working on the gradient map mask. To apply this gradient map just to the armor use a black hard brush to paint everything outside the armor parts. When working over a layer mask you can only use black and white: Black hides and white reveals the gradient map. Then Ctrl-Click over the gradient map mask to select all the armor parts. Go to Select > Save selection and name the selection. We will be using this selection further on this tutorial.

Repeat the process until you have your entire figure colored.

Merge down all your gradient map layers along with the black and white layer. Select the character silhouette using the lasso tool (L). Ctrl + Shift + I to invert the selection. Hit Delete over the layer where you have your character in black and white. Now you have the character in one layer.


Step 8

Create a new layer underneath to work the floor. I created a grid (there are several ways to do this, though here I used a brush taken from Geoffroy Thoorens Djahal site). Free transform to this layer Ctrl + T and then while holding down Ctrl drag the vertex to play with the perspective.


Step 9

Merge down two stone textures (Cgtextures.com) with different opacity under the grid layer. With a desaturated light yellow color add some lines to the "tiles" in order to give them height.


Step 10

Add a desaturated dark blue gradient in a new layer from top to bottom to add some depth.


Step 11

In a new layer over the floor’s layer and under our character’s, set the layer mode to multiply and with the same color of the gradient draw the shadows, pay special attention to the perspective. Lower the opacity of this layer.


Step 12

Ctrl-Click over the layer where you drew the shadows to select all its pixels and then hit Ctrl + Shift + I to invert selection, this way we can work the lights without modifying the shadows. Create a new layer and make a gradient from bottom to top with a desaturated light yellow. Merge down all the floor layers into one. At this stage I decided to take out the cloak (just erase the cloak over the characters layer)


Step 13

Duplicate the character’s layer and Ctrl + U (Hue/Saturation). Colorize option on and go for a slightly desaturated blue.

Change this layer into a soft light layer mode and lower its opacity to 75%.


Step 14

Create a new layer underneath the characters layer but over the last created layer. Load the saved armor selection Select > Load selection and search it in Chanel. Create a layer mask with this selection. Open a stone/rusty texture file and paste it in this layer. Change the layer mode to soft light.


Step 15

A nice trick to add some soft glows is to create a new layer on top of your layers and set it to screen layer mode, fill it with black and then stroke with a soft brush at the edge of the figure with a yellow color.


Step 16

Create a new folder and place ALL your layers. Duplicate the folder and merge down this new duplicated folder. Hit Ctrl + M to adjust curves settings.

Duplicate this layer and add a Gaussian blur filter (1.5 px to 2.5 px). Erase the parts you want to feel closer to the camera. Reduce this layer opacity to 30-40%.


Final Image

Creating a professional-looking comic book fan art character in Photoshop is not easy and it is not something that you will be able to learn over night. Mastering these techniques will take time and practice. Hopefully, the techniques that we covered in this tutorial will help you to master the art of digital comic book illustration.

  • http://www.vetgaar.nl/ Phil

    Pretty nice, thanks for contributing!

  • http://websterdesigns.net Adam Webster

    Very nice tutorial with some great information on digital drawing & painting techniques.

  • joe

    very good tutorial

    ps: what size and resolution should i use to make a print of 3 metres by 1 plz

    • http://www.antonagstam.se Anton Agestam

      I’d use 300px/inch for print.

      • aMs

        are you joking? 300px/inch for 3x1meter print? you will strangle your cpu, 200px/inch should do the job very well

    • http://www.multiplexcomic.com Gordon

      For anything poster-sized and up, 150 dpi is probably fine.

      Something 3 meters by 1 meter isn’t going to be looked at from a foot away like a magazine or a book, so you don’t need to get anywhere near 300 dpi.

      Regardless of what I or anybody says, you should ask the printer you’re going to be printing it at, and if you don’t know where you’re printing it — FIND A PRINTER FIRST.

      (And just for the record, I have a decade of experience as a print production artist in publishing and marketing. I’ve worked on billboards, posters, in-store signage, you name it.)

  • Fab

    good! ;)

  • http://devisefunction.com Matthew Heidenreich

    Looks good. I just started getting into digital painting, so this is very helpful, thanks!

  • http://www.georun.net georun974

    Very cool ! Thank you.

  • http://psd-links.blogspot.com kswiss

    really cool! I love digital painting, im gonna do one on Bigg Boss

  • Childesign

    Wow~ ! Very nice.

  • clash-d

    Very nice work man xD

  • Susp3ct

    Just the thing i was looking for, very cool.

  • http://monolithcreative.com Jason

    thanks. now that mangarevolution has gone the way of the dodo, it’s good to finally see some decent tablet drawing tuts.

  • http://inspiks.com loswl

    This is cool, very nice tips..learned something new today :)

  • http://sexidesign.com Melody

    ah, digital art..my love :)

  • sitlo

    OMG

  • http://www.psd-dude.com PSDDude

    I should really start learning digital painting today … i have a graphic tablet for almost a year :)

  • Tanja

    Nice tutorial. Though I prefer to use color from the start. But I guess because the focus is on the armor it’s ok with the overall metallic look.

  • http://jelmerdemaat.nl Jelmer de Maat

    I can’t even make it to step two! xD

  • http://www.brandymedia.co.uk Andy Griffiths

    Great tutorial, I like the way the Gold metallic effect is described in detail. I really want to get a tablet myself but have been unable to justify one as I am a logo and graphic designer by trade and do not do an awful lot of illustration.

  • http://www.nelutu.info Nelutu

    Great tutorial, thanks

  • http://www.taptapdesign.com Igor Ivankovic

    Awsome , I specially like the glow effect. Must try this at home, thank you for sharing the knowledge :) Cheers!!!

  • Agnes Luvisotto

    Great tutorial, :D

  • Budi

    What tablet did you use?
    can we use such bamboo?

    • http://www.multiplexcomic.com Gordon

      The current models of Bamboos are pretty good. The last-gen ones had I think half the sensitivity of the current ones, which isn’t terrible, but it’s not QUITE good enough for detailed work.

      If you can swing the extra cash, get a Graphire (even a used one) or a Cintiq, though.

  • http://sean-pollock.com Sean Pollock

    Basic techniques and advanced techniques all covered, something for everyone to learn from! Thank you!

  • http://www.geniuzdesigns.de g3niuz

    great tutorial…
    i really like

  • http://www.seyriDizi.com Seyri Dizi, Online Dizi izle

    interesting design.

  • http://www.gabrielmoschem.com Gabe

    OMG! It’s Shura! That’s so awesome! Saint Seiya is the best anime of all time! Long live the Zodiac Knights!

  • Faiyaz Haider

    Good Job. The final piece looks awesome. I personally not in love with the tiled floor, but that’s just my opinion. =)

  • raju

    Very nice tutorial

  • http://vibe-tutorials.com/ Vibe Tutorials

    Woa, this is awesome! I like how glamorous this looks dude!

  • http://www.visual-blade.com Daquan Wright

    Great tutorial. One thing with this type of work is that there are “several” steps involved. You have to be decent at every step to make a decent piece of art. It also takes some time…but if you put it in, you can create anything. I do expect to do some digital art in the future.

    It’s hard to believe the final image, given what you initially started with. :P

  • http://www.logcabinforsale.org.uk/ jenny martenson

    which tablet did you use? are the tablets better than the usb and pen combo?

  • cat girl

    how do you do that! it made NO SENCE!