Deviantart Youtube Twitter Facebook My feed Feed directly to your inbox

Videotutorial: digital inking with Photoshop

3 Mayo 2007

Photoshop, Tutoriales

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

Se trata de un videotutorial de photoshop donde muestro como limpiar tus lineas a la hora de diseñar personajes. Ten en cuenta que el artista que dibujó esto es de altísima calidad, posiblemente no llegues a este nivel de limpieza, si es el caso puede que te sea más fácil entintar el dibujo de forma digital.

Entintado digital photoshop
Haz click en la imagen para ver el video

Vamos a echar un vistazo a estos dos ejemplos:

Diferentes pesos de lineas

Ejemplo A: Tenemos una línea delgada, sin diferencia de pesos, además fíjate que la línea está coloreada. El resultado es mucho más suave, ya que el relleno de color toma más importancia. Es recomendable cuando tengas que usar el personaje a escalas muy pequeñas. Aquí puedes ver el tutorial básico de dibujo digital con Photoshop.

Ejemplo B: La línea es gruesa, hay variaciones de grosor y la hemos dejado negra. Resulta más impactante. El problema al usar a escalas pequeñas es que la linea "ahoga" el volumen, cuanto más peso de línea menos relleno de color, con lo que difícilmente puedes conseguir un buen volumen. Aquí puedes ver el videotutorial avanzado de dibujo digital con Photoshop.

Existe una última opción que no recomiendo a no ser que seas un usuario avanzado de Photoshop, que consiste en dibujar las lineas directamente con tu tabla digitalizadora.

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