Youtube Facebook Twitter Deviantart My feed Feed directly to your inbox

Videotutorial: digital inking with Photoshop

3 May 2007

Photoshop, Tutorials

Videotutorial: digital inking with Photoshop
Choose your language / Elige tu idioma:englishespañol

This is a photoshop tutorial where I show how to clean lineart done in a traditional way. Its the usual process we do at time to design mascots for websites from sosfactory.

Digital inking with photoshop
Please click in the image to see it

Notice this tutorial is just to clean lineart, if you want to do digital drawing with photoshop, from scratch, you should visit this post about vectorial drawing with Photshop (peding of translation)

Download video with Emule

This post was written by:

- who has written 97 posts on SOSFactory Blog.

My name’s Sergio Ordoñez I´m illustrator, graphic and web designer. A selection of my work is included at SOSFactory. If you want to support this blog, please be an active member: tweet the posts, participate in the discussions and the exercises :)

Contact the author

  • http://www.statusuri.ro ice

    nice, its cool ;)

  • Chals

    very nice tutorial. I surely learn such stuff! Love it!

  • http://www.gnscustomgraphics.com Gabe Seright

    This is great stuff, I have been drawing for a while, basically self taught. Wish I had this kind of instruction in College.

    Could you look at my site and give me your critique.

    Thanks

  • http://www.statusuri.info statusuri

    Usefull tut…Thx a lot

  • mehrdad

    i cant download this file
    please give direct link for me tnx

  • http://www.sosfactory.com Sergio Ordonez

    Sorry, not direct link.

  • Marko

    Hi I was just doing the http://www.sosnewbie.com/videotutorials/digitalinking/1cleaninglineart.html from your site and i can’t download the extractlines
    Can i download it from other page?

  • Marko

    never mind i found it sorry..

  • Pingback: Ashraf Latif » Blog Archive » Oh! vector illustrator!

  • quanta

    you make it look very easy!

  • Pingback: Extract the lineart of your comics in Photoshop | SOSFactory Blog

  • Pingback: Vectorial character design with Illustrator | SOSFactory Blog

  • http://www.thecolorclub.sg Digital Imaging Services

    Great resouce page and interesting tips. The video tutorials are easy to understand.

  • http://www.carlovalente.deviantart.com CarloV

    I have a question.

    After merge the 4 layers, you apply some regulation on Hue/Saturation… What do you do?

    I download the file but I can’t understand the regulation that you apply…

    I want learn the method, not use the Action file ! :)

    Bye

    carlo

  • http://www.sosfactory.com Sergio Ordonez

    Hi Carlo, when you extract the lineart you get some white pixels around the lineart, I put lightning to 0 and become completely black. Same for the background but the opposite, so it´s completely white.

    Take a look here: http://www.sosfactory.com/blog/how-to/detailed-photoshop-coloring-tutorial/

    Cheers.

  • http://www.carlovalente.deviantart.com CarloV

    Yes my problem is just that.

    In my last job to isolate the lineart I used the technique of the channels.
    I had the black line on a transparent background but I could not delete that “veil” of light pixels due to scanning of the sheet of paper!

    From next time I will use this technique, which also better preserves the edges of the lines.

    But when I have more time and I want to make a better job pass to digital inking with pen tool.

  • http://www.sosfactory.com Sergio Ordonez

    Also use the levels and layers in multiply mode if the lineart is too light and overlay mode later to sharpen it. Then Ctrl+U and set lightning to 0 and your lines will be stronger.

  • http://www.carlovalente.deviantart.com CarloV

    I’M CRAZY… I’M WRITING IN ITALIAN PERDON! DELETE PREVIOUS COMMENT! :-P

    I’m analyzing the action which I downloaded.

    The first step is LOAD SELECTION ….

    I try to use this feature in Photoshop but I do not get the same result I get by applying the action to the same file (by browsing the history of the action)

    What is Load Selection?

    I get only a big rectangular selection …

  • http://www.sosfactory.com Sergio Ordonez

    Hi Carlo, please take a look to this link: http://www.sosfactory.com/blog/how-to/detailed-photoshop-coloring-tutorial/

    There is the action explained step by step.

  • http://comixopolis.com garnir

    Very nice work, but I cant use this method. My sketches rougher and if I try to do digital inking like this its been hours and hours of work…

  • http://www.sosfactory.com Sergio Ordonez

    Hi Garnir, I spend myself about 3 hours to ink a sketch and I´m quite experienced on this.

    It´s normal you spend lot of hours, with practice the time will decrease but a good ink work needs time.