Deviantart Youtube Twitter Facebook 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:

Sergio Ordonez - who has written 82 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

16 Comments For This Post

  1. ice Says:

    nice, its cool ;)

  2. Chals Says:

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

  3. Gabe Seright Says:

    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

  4. statusuri Says:

    Usefull tut…Thx a lot

  5. mehrdad Says:

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

  6. Sergio Ordonez Says:

    Sorry, not direct link.

  7. Marko Says:

    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?

  8. Marko Says:

    never mind i found it sorry..

  9. quanta Says:

    you make it look very easy!

  10. Digital Imaging Services Says:

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

  11. CarloV Says:

    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

  12. Sergio Ordonez Says:

    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.

  13. CarloV Says:

    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.

  14. Sergio Ordonez Says:

    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.

  15. CarloV Says:

    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 …

  16. Sergio Ordonez Says:

    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.

3 Trackbacks For This Post

  1. Ashraf Latif » Blog Archive » Oh! vector illustrator! Says:

    [...] If you’re a drawing professional the best thing to do is use your pencil lines, then simply clean them in Photoshop. VIDEOTUTORIAL: Photoshop digital inking 1 [...]

  2. Extract the lineart of your comics in Photoshop | SOSFactory Blog Says:

    [...] Here you can see an example: Photoshop digital inking [...]

  3. Vectorial character design with Illustrator | SOSFactory Blog Says:

    [...] If you’re a drawing professional the best thing to do is to use your pencil lines, then simply clean them up in Photoshop. VIDEO TUTORIAL: Photoshop digital inking 1 [...]

Leave a Reply