Deviantart Youtube Twitter Facebook My feed Feed directly to your inbox

Master post about drawing and inking in Photoshop

3 Diciembre 2008

Photoshop, Tutoriales

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

Creo que es una buena idea ir haciendo posts maestros, que iré actualizando cada cierto tiempo, donde enlazo a todo el material que tenga hasta la fecha sobre algún tema específico. Aquí va el primer recopilatorio sobre dibujo en Photoshop, espero que les sea útil :)

Dibujo vectorial en Photoshop (básico)

Enintado Photoshop

Como puedes ver en la imagen es un entintado en Photoshop sin lineas moduladas y con las herramientas de dibujo vectorial, a partir de un dibujo tradicional. La técnica consiste en crear los trazos con las herramienta de dibujo vectorial en Photoshop y después contornearlos.

Ventajas:

  • No necesitas grandes conocimientos de Photoshop.
  • Es muy rápido.
  • Es muy limpio.

Desventajas:

  • El aspecto es bastante básico, aunque con color mejora.

Dibujo vectorial en Photoshop (avanzado)

Similar al anterior pero en lugar de crear lineas creamos areas de relleno. Siempre es bueno partir de un boceto a lápiz aunque no es imprescindible.

Ventajas:

  • El entintado por sí sólo tiene mucha más personalidad, podemos usarlo sin color.
  • El resultado es muy limpio.

Desventajas:

  • Requiere mucho tiempo.
  • No es tan divertido, para mi gusto un poco incómodo.

Dibujo a mano alzada en Photoshop con Wacom Cintiq

Con el ratón es prácticamente imposible dibujar a mano alzada, así que necesitarás una tableta digitalizadora, que no es perfecto pero ayuda. Si de verdad quieres sacarle partido a este método necesitas una Wacom Cintiq (un monitor sobre el que dibujas directamente), al alcance de pocos bolsillos.

Ventajas:

  • Es un reto, es más divertido.
  • Cuando le coges el punto es muy rápido.
  • Casi tan sensible como el dibujo tradicional pero más limpio.

Desvantajas:

  • El resultado no es tan limpio como con herramientas vectoriales.
  • Necesitas invertir en hardware, ya sea una tableta Wacom, o si el presupuesto te lo permite una Wacom Cintiq.

Dibujo tradicional y retoque en Photoshop

Dibujo tradicional

Si eres bueno con el papel y el lápiz este posiblemente será el método más cómodo para ti. La clave es dibujar muy limpio, después con un par de retoques en photoshop dejamos la linea bien definida y limpia, así conseguimos el efecto de entintado.

Ventajas:

  • Nada tan preciso como el lápiz de toda la vida.
  • Te ahorras el entintado, es el mismo dibujo retocado para que parezca tinta.

Desventajas:

  • Tienes que ser muy técnico dibujando.
  • El entintado final nunca sale tan limpio como el digital, por muy limpio que dibujes.

Otros tutoriales de apoyo

No son tutoriales específicamente de dibujo, pero tocan el tema de pasada, además muy entretenidos de leer:

Drunken Monkey Tutorial
Tutorial sobre diseño de mascota en Photoshop para Smashing Magazine

Diseño de personaje
Tutorial sobre diseño de personajes en Photoshop para PSDTuts

Diseño de mascota
Tutorial sobre diseño de personaje en Photoshop para PSDTuts (previo pago)

Principios básicos del diseño de personajes
Principios sobre el diseño de personaje al estilo SOSFactory

Ilustracion vectorial
Ilustración vectorial con Illustrator

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

41 Comments For This Post

  1. jopicar Says:

    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. ;)

  2. Sergio Ordonez Says:

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

  3. Adriana Says:

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

  4. Adriana Says:

    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

  5. Sergio Ordonez Says:

    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.

  6. Manu Says:

    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

  7. Manu Says:

    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.

  8. Manu Says:

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

  9. Sergio Ordonez Says:

    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.

  10. Ekaterina Says:

    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

  11. Sergio Ordonez Says:

    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.

  12. Diana Says:

    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.

  13. Sergio Ordonez Says:

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

    Saludos.

  14. organicoman Says:

    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.

  15. Sergio Ordonez Says:

    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

  16. Pablo Says:

    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

  17. Jorge Montoya Says:

    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

  18. Sergio Ordonez Says:

    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.

  19. serj Says:

    teach me!

  20. Diana Says:

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

  21. Leandro Says:

    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.

  22. Felo Says:

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

  23. talos Says:

    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.

    ???

  24. Sergio Ordonez Says:

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

  25. talos Says:

    Now it says the object background is not available !!

  26. Sergio Ordonez Says:

    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

  27. talos Says:

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

  28. Sergio Ordonez Says:

    You are welcome :)

  29. Teppo Saarikoski Says:

    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). :)

  30. david Says:

    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

  31. ichnicht Says:

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

  32. Sergio Ordonez Says:

    What tutorial are you talking about?

  33. ichnicht Says:

    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

  34. Sergio Ordonez Says:

    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.

  35. ichnicht Says:

    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 :/

  36. Sergio Ordonez Says:

    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.

  37. Melanie Says:

    :/ 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

  38. Sergio Ordonez Says:

    Hola Melanie, asegurate que elegiste la herramienta correcta, echa un ojo: http://www.sosnewbie.com/imagenes/tutorial_dibujo_photoshop/pluma2.gif

  39. Melanie Says:

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

  40. victor cara Says:

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

  41. zitone Says:

    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.

2 Trackbacks For This Post

  1. The World´s most detailed Photoshop coloring tutorial (day 2) | SOSFactory Blog Says:

    [...] As you can see, the drawing is ultra-clean because I drew it digitally. In this tutorial we will only focus on the color, so if you´re interested in obtaining clean lines you can visit this post to learn how to ink a drawing in Photoshop. [...]

  2. The World´s most detailed Photoshop coloring tutorial | SOSFactory Blog Says:

    [...] As you can see, the drawing is ultra-clean because I drew it digitally. In this tutorial we will only focus on the color, so if you´re interested in obtaining clean lines you can visit this post to learn how to ink a drawing in Photoshop. [...]

Leave a Reply