July 27th, 2007

Advanced digital drawing (Photoshop Videotutorial)

by Sergio Ordonez at 8:41 pm on Mascot design, Photoshop, videotutorials, Drawing

Digital drawing Photoshop
Click the image to see the videotutorial on advanced drawing with Photoshop.

In this video we’ll learn how to make a digital drawing from a sketch made in pencil, as we do in SOSFactory. If you’re a novice in Photoshop i suggest you to practice first with the basic tutorial on Digital Drawing with Photoshop. In this new videotutorial the main news is that we’ll learn how to modulate the lines giving them different weights; with this we’ll get a much more shocking and dynamic result.

The key consists in using the different thicknesses of the lines in an appropiate way, the aren’t rules here, you need to let intuition be your guide. Let’s take a look to this two examples:

Different line weights

Example A: We have a thin line, without any weight differences. Also take a look at the colored line. the result is much more smooth, because it makes the color interior more important. I suggest doing this when you have to use the character at small scales. Here you can see the basic tutorial on Digital Drawing with Photoshop.

Example B: The line is thicker, there are weight differences and also the line remains black. The result is more impressive. The problem when using this style at small scales is that the line “drowns” the volume; at more line weight, less color interior, this way you will hardly obtain a good volume. Here you can see the advanced videotutorial on Digital Drawing with Photoshop.

There’s a third option which is drawing and inking it in the traditional way in paper, and after that take it to Photoshop to clean it and extract the lines. Here you can see the videotutorial on Digital Inking with Photoshop.

There’s also the last option which i don’t recommend unless you’re an advanced Photoshop user; it consists in drawing the lines directly with your digitalizer tablet.

Download video with Emule

Related Post:

  1. Videotutorial: digital inking with Photoshop
  2. Extract comic lineart
  3. Vectorizing with Silhouette

18 comments »

  1. Nice tut :) english bulldog very cool…but pls upload this video on eMule, thx

    Comments de pruso — August 8, 2007 @ 4:06 am

  2. Not by this tutorial, but taught by my friend.

    This was done on a tablet and took 4 hours and ended up with 29 layers.

    http://i5.photobucket.com/albums/y198/Miniclipunblocked/mizuhoColoured.jpg

    Comments de Owen C-M — August 18, 2007 @ 6:06 am

  3. A tutorial that explains in a couple of minutes what in a guide would take twenty-five pages. Great.

    Comments de fer — August 26, 2007 @ 5:28 pm

  4. Thankyou so much for this tutorial, just visually seeing you use the pen tool helped me to understand how to use it! I hope you will bring out a tablet drawing tutorial soon!

    Comments de Josh — August 30, 2007 @ 3:31 am

  5. […] read more | digg story […]

    Pingback de Design Pilez » Advanced digital drawing (Photoshop Videotutorial) — November 10, 2007 @ 11:09 am

  6. Why is it that when I try to fill my path, it fills OUTSIDE of the path rather than inside it???

    Comments de S3NTYN3L — January 18, 2008 @ 9:51 am

  7. Hello S3ntin3nl, check that you have the right settings. Take a look to this tutorial: http://www.sosnewbie.com/en/photoshop/photoshop-tutorial-digital-drawing/

    Check specially this: http://www.sosnewbie.com/imagenes/tutorial_dibujo_photoshop/pluma2.gif

    Let me know if it helps.
    Cheers.

    Comments de Sergio Ordonez — January 18, 2008 @ 10:37 am

  8. I still have this issue after looking at/following those instructions…

    Comments de S3NTYN3L — January 18, 2008 @ 5:33 pm

  9. Then I have no idea what are you doing wrong… sorry.

    Comments de Sergio Ordonez — January 18, 2008 @ 6:41 pm

  10. OH well…
    I just went ahead and reinstalled CS3…

    All is right with the world again! ;)

    Comments de S3NTYN3L — January 19, 2008 @ 5:07 pm

  11. Hehehe, I was guessing that.

    Nice!

    Comments de Sergio Ordonez — January 20, 2008 @ 12:29 am

  12. Anyway of putting those tutorial videos on rapidshare? I’m getting nuttin on eMule. Stupid isp blocking and whatnot.

    Comments de Draconis — March 3, 2008 @ 7:36 pm

  13. Hello Draconis, yes its the choice Im managing, but I have no idea how it works so I need calm to take a look… Im really really busy with the work, so right now its impossible.

    Hopefully I will do it soon.
    Cheers.

    Comments de Sergio Ordonez — March 3, 2008 @ 7:59 pm

  14. […] 1: digital inking with Photoshop, using the vector drawing tools and with some help from the digitalizing tablet. It’s the easiest […]

    Pingback de Kreative Ideas » Blog Archive » Xin chào các bạn — August 22, 2008 @ 4:57 pm

  15. […] 1: digital inking with Photoshop, using the vector drawing tools and with some help from the digitalizing tablet. It’s the easiest […]

    Pingback de Kreative Ideas » Drunken Monkey Photoshop Tutorial — August 26, 2008 @ 11:32 am

  16. Sergio i need one advice.

    Im making one mascot for the new company of my work and i decided to design it and paint in photoshop.

    So When i make the lineart i use “make selection” and fill it with a black color.

    And in your tutorials you use the fill stroke with pencils.

    What is the best choose? make selections or use pencils?

    Comments de Vanderlei Bastelli Filho — October 14, 2008 @ 4:29 pm

  17. Sorry for get back to you so late, I had medical issues during the last 2 weeks, long weeks in hospital :(

    Sorry no reply for your question… the best is whatever you feel easier.

    Comments de Sergio Ordonez — October 23, 2008 @ 10:48 am

  18. […] handdraw lines are not too good, we ink the sketch with Photoshop’s vector tools. VIDEOTUTORIAL:Photoshop digital inking 2, if you’re not familiarized with the pen tool you should better take a loot at this tutorial […]

    Pingback de Ashraf Latif » Blog Archive » Oh! vector illustrator! — November 5, 2008 @ 2:10 pm

RSS Comment sindication. TrackBack URI

Submit a comment

XHTML allowed tags:<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>