Youtube Facebook Twitter Deviantart My feed Feed directly to your inbox

Master post about drawing and inking in Photoshop

3 December 2008

Photoshop, Tutorials

Master post about drawing and inking in Photoshop
Choose your language / Elige tu idioma:englishespañol

I think it´s a good idea to create some master posts to gather all the information I have about some specific topics. I will update them from time to time.Here we go with the first compilation about Photoshop drawing, I hope you will find it useful :)

Vectorial drawing in Photoshop (basic)

Photoshop inking

As you can see in the picture, this is a Photoshop inking without modulated lines, using vectorial drawing tools, from a traditional drawing. You have to create the strokes with Photoshop vectorial drawing tools, and then to contour them.

Advantages:

  • You don´t need a vast knowledge of Photoshop.
  • It´s very quick.
  • It´s very clean.

Disadvantages:

  • The appearance is quite basic, althought it will look better with color.

Vectorial drawing in Photoshop (advanced)

Quite similar to the previous one, but we create fill-in areas instead of lines. It´s always good to have a pencil sketch as starting point, though it´s not essential.

Advantages:

  • The inking itself has a great streght, we can use it without color.
  • The result is very clean.

Disadvantages:

  • It takes quite a long time.
  • It´s not very funny, and a bit uncomfortable in my opinion.

Hand made drawing in Photoshop with a Wacom Cintiq

With the mouse is practically impossible draw by hand, so you´ll need a pen tablet, which isn´t perfect either but it helps a lot. If you really want to make a good profit of this method you´ll need a
Wacom Cintiq (a monitor on which you can directly draw), out of reach for most pockets.

Advantages:

  • It´s challenging, very funny.
  • It´s very quick when you get used to it.
  • Almost as sensitive as traditional drawing, but cleaner.

Disadvantages:

  • The result is not as clean as using vectorial tools.
  • You have to invest in hardware: a Wacom tablet, or a Wacom Cintiq if you can afford it.

Traditional drawing and retouching in Photoshop

Traditional Drawing

If you´re good with pencil and paper this will be probably the most comfortable method for you. The key is to be very clean at drawing. Afterwards, with just a few retouches in Photoshop the line will be clean and well-defined. This way we´ll get an inking effect.

Advantages:

  • Nothing as accurate as traditional pencils.
  • You can skip the inking, it´s the same drawing retouched to make it look like ink.

Disadvantages:

  • You must be very technical at drawing.
  • The final inking is never as clean as the digital one, no matter how clean you can draw.

Other supporting tutorials

These aren´t tutorials specifically about drawing, but they follow the topic, besides they are very interesting to read:

Drunken Monkey Tutorial
Mascot design in Photoshop tutorial for Smashing Magazine

Character design
Character design Photoshop tutorial for PSDTuts

Mascot design
Character design Photoshop tutorial for PSDTuts (previo pago)

Basic principles of mascot design
Basic principles of mascot design

vectorial Illustration with Illustrator
Vectorial illustration with Illustrator

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://blog.jopicar.com jopicar

    Pues te doy toda la razón querido Sergio, a veces resulta engorroso, que no complicado, encontrar algo, y estas recopilaciones me parecen una gran idea.
    Tan buena me parece, que la aplicaré en mi blog, unificando artí­culos de temática similar.
    Un abrazote y cuí­date. ;)

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

    Muchas gracias Jopicar, me alegra que te guste la idea ;)

  • Adriana

    Hola, sip soy la misma Adriana jeje, gracias por la recopilación, sigo practicando. Saludos!!

  • Adriana

    Hola sergio yo queria pedirte un favor s tienes tiempo un dia (o mes) de estos :D , hacer un articulo con el paso a paso de cuand dibujas una mascota, siempre tus tutoriales ya vienen con el boceto a lapiz terminado, me gustaria ver como empiezan tus bocetos desde el primer rayonazo, si no es molestia, si no se puede ni modo, tengo curiosidad.. bueno chaito

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

    Hola Adriana, deseo concedido :)

    En realidad ya tengo algo sobre ese tema:
    http://www.sosnewbie.com/es/diseno-mascotas/drunken-monkey-photoshop-tutorial/

    Fí­jate en las imágenes, hay una paso por paso.

    En cuanto tenga un rato me pongo a capturar como lo hago en vivo y en directo.

    Saludos.

  • http://- Manu

    Hola Sergio, yo te querí­a hacer una preguntilla:
    Cuando le das a Google.com in English, ¿serí­a la misma versión de google que les sale a los norteamericanos?, me explico, que si
    yo escribo el texto “web mascots design” y lo busco me saldrí­a Sosfactory en 5º lugar, ¿esa serí­a la posición para una búsqueda hecha desde USA? Muchas gracias. Un saludo

  • http://- Manu

    Hola, mira estos dos enlaces:
    Sosfactory:
    http://sergitosuanez.deviantart.com/art/DJ-51493133
    Wydstudios:
    http://www.wydstudios.com/portfolio-2.php?var=14
    ¿que te parece?, creo que te han plagiado un poco.

  • http://- Manu

    A vale, ya me he dado cuenta que trabajais juntos, perdona, me callo. Saludos.

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

    Hola Manu, no me hagas mucho caso sobre el tema de Google, pero creo que así­ es.

    Sobre el tema de Lucas… ¿conoces eso de dar la mano y coger el brazo?. A Lucas le daba trabajo (maquetación web)además de darle muchos consejos hasta que descubrí­ estas “cosillas”. Es un plagio en toda regla.

  • Ekaterina

    That’s great great idea to gather and analyse all this!

    Firstly when I found your tuts I didn’t know what method to choose – I have wacom, not bad with pencil, but what is faster/better… And finally the scheme is: scanned pencil sketch (not super-accurate, conceptual), then draw in Photoshop with tablet (brush + eraser:)) and only when I need to draw ideal shape on big areas I use Photoshop’s vector (stroke or fill).

    Ekaterina

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

    Im glad you like Ekatherina :)

    Its exactly what I was doing before buying my Cintiq. If you can I suggest the 12″, its small but you really will start to enjoy.

  • Diana

    Hola, ¿podrí­as publicar una imagen completa del personaje q está debajo del perro buldog? pues nunca lo habí­a visto en sosfactory ni en tu blog. Gracias.

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

    En mi cuenta de Deviantart tienes todas las imágenes: http://sergitosuanez.deviantart.com/gallery/

    Saludos.

  • organicoman

    Hello
    Your works are as allways very stylish and very pro.
    But, as i’m a designer too and the same age as you. i Think that you fall in a designer problem known as “typing” which means you use the same style and features on your drawing.
    exple: on the pictures above ,if you take a look on the eyes, they are nearly all the same design (in fact 2 types, round and oval).
    let me advise you my friend. try to variate the characters style expl: disney style, simpson style, dragonball style.. and i’m sure you will be the dream of all communication boxes.
    sheers.

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

    Hello my friend, thanks a lot for the positive criticism.

    I have think about this for long time,is good having a style well defined? or is better being more versatile?

    I think for my business right now is better having a defined style, mainly because its what the clients ask and secondly because it makes the order quite straigh forward.

    I can manage other styles anyway, its just this one sells better.

    Cheers
    Sergio

  • http://www.contactocega.com.ar Pablo

    Hola Sergio!! Muy buena tu web, la verdad que siempre me ha sido muy útil.

    Te escribo para hacerte una consulta. He leido que sos un asiduo usuario de silhouette, el plugg-in para illustrator. Y la verdad que yo también le habí­a agarrado cariño… pero hace poco la opción free de silueteado en blanco y negro está ha quedado deshabilitada. Me gustarí­a saber si existe alguna otra aplicación similar que recomiendes o algún tipo de solución. Un abrazo grande! Y gracias por tu tiempo

  • http://www.zeromonos.com Jorge Montoya

    Hola Sergio,
    me gusta mucho tu estilo y de hecho me baso en tus mascotas cuando hago personajes institucionales, pero trato de imprimirles mi sello.

    Tus tutoriales me ayudan a mejorar,tengo una Wacom Intuos y quiero aprender a hacer “digital inking” como tus tutoriales con wacom pero no se como usar bien los “brushes”, al menos no como tu, puedes decirme si tienes algun tutorial mas explicativo de como usar los pinceles.

    Gracias

    Jorge

    PD metete a nuestra pagina Zeromonos.com

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

    Hola Jorge,

    Me temo que no hay nada que explicar, son los pinceles que trae Photoshop por defecto.

    Entintar con una Intuos está complicado, tienes varias opciones: entintar a mano al estilo tradicional, entintar con las herramientas de dibujo vectorial o comprarte una Cintiq.

    Saludos.
    PS: por favor usa la versión del blog en español si vas a comentar en español.

  • serj

    teach me!

  • Diana

    Creo q los q mejor te han plagiado han sido los de wydstudios jeje

  • http://www.remblack.com Leandro

    Hola sergio realmente espectacular todo el contenido de la web. sino ubiese sido por mi papa que me paso el enlase este no estaria aca. segui asi.

    Saludos desde argentina si sos español seguro sos de españa XD.

    Segui asi capo.

  • Felo

    Viejo que locura, tustrabajos son geniales
    Me ayudan bastante
    Gracias por este Blog

  • talos

    I’m trying to extract the lines for the retouching and I’m getting the message:

    The object “layer Capa 1″ is not currently available.

    ???

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

    Hello talos, it have something to do with the name of the layers, try renaming the layer to “Capa 1″.

  • talos

    Now it says the object background is not available !!

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

    Its the same thing, just rename the layer.

    If this doesnt work, click this link and download the action or do it manually: http://sergitosuanez.deviantart.com/art/Extract-lines-PS-action-17716531

    Cheers.
    Sergio

  • talos

    Doesn’t work.I’ve had enough.Forget it.

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

    You are welcome :)

  • Teppo Saarikoski

    Nice compilation of different tecnhiques there Sergio :)

    I have one method of doing inking which actually misses here, and which I’ve found quite useful myself:

    First draw the contours with strokes in Illustrator, and after it’s done go to Object -> Expand (with the strokes selected) and do the thickness variations with the fill-in vectors. The result is clean and still in vectors, so one can also scale it if needed. This method is rather quick, too (took me a couple of hours for the first time). :)

  • david

    NECESITO UN DIBUJO DE UN TORO

    fuerte
    con una cerveza
    animado como el de kukuxumusu ( NO INFANTIL )

    hablamos por correo: david_sergio_10_13@msn.com

  • ichnicht

    how do you get the sharp end on teeth and corners? I only see brush on in your video.

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

    What tutorial are you talking about?

  • ichnicht

    and I dont understand how you bend a line. In the bottom teeth you draw a line and bend it down or something.

    plz bring light in my dearkness :D

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

    Buddy, if you don´t tell what is the tutorial and the part where you have doubts I hardly will be able to help you.

  • ichnicht

    doh, shure, you can’t read my mind :D

    I talk about “Hand made drawing in Photoshop with a Wacom Cintiq”.
    May you can show the first video in normal speed or with some comments?

    I can’t understand how you can make sharp edges with brush and eraser.
    And it looks, live u bend some lines like with the pen tool.

    Sorry my english, Im german and bad in english :/

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

    Sorry, Youtube doesn´t allow longer videos, anyway its quite straight forward I just use default brushes. The key is using a Wacom Cintiq and an high resolution canvas.

  • Melanie

    :/ buenas este yo queria ayuda con la cuestion de la vectorizada es que trato de hacerlo como en la del perro y no puedo trato de hacer el fill path y en ves de que se ponga negro lo q quiero se pone negro l apantalla como hago para que no haga eso

  • Melanie

    T_T ouch xD no me habia percatado de eso :) muchas gracias y me gusta com haces tus cercaiones estan muy buenas

  • http://victorcara.blogspot.com victor cara

    wow, un racopilación genial, me van a venir de perlas estos tutos, muchas gracias!!

  • Pingback: The World´s most detailed Photoshop coloring tutorial (day 2) | SOSFactory Blog

  • Pingback: The World´s most detailed Photoshop coloring tutorial | SOSFactory Blog

  • http://www.zitone.com.br zitone

    I like my line art, but only with the corel or illustrator.
    I need to work with his technique. seems faster.
    you are perfect, the king.

  • Sebastian

    Hola Sergio
    Te escribo para decirte que tus trabajos estan buenisimos y tus tutoriales mejor.
    te queria pedir un favor podrias subir el link de el “Dibujo tradicional en photoshop” es que sale en tu vidoe un link que es este

    http://www.sosnewbie.com/extractlines

    …pero no funciona, podrias subirlo de nuevo ya que intento e intento y no puedo entrar,por favor

  • Pingback: How to design a Vectorial Mascot design in Illustrator | SOSFactory Blog

  • Pingback: Vectorial character design with Illustrator | SOSFactory Blog

  • Pingback: Work in progress: Blood Crave web design | SOSFactory Blog

  • http://twitter.com/DragonTheArtist Dragon

    I really like these tutorials. just helped me double my art skills with this alone. thank you.

  • Ángela

    Hola, me gustaria preguntarte que resolucion usas, por lo menos 600 ppp no?

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

      Hola Angela, la resolución no es muy importante a la hora de trabajar en pantalla, sólo es importante a la hora de imprimir.

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

      A la hora de trabajar en pantalla tampoco importa mucho (lo importante es la cantidad total de píxeles), sólo es importante a la hora de imprimir.