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

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