Deviantart Youtube Twitter Facebook My feed Feed directly to your inbox

How to use the vector tools of Photoshop

27 Julio 2007

Photoshop, Tutoriales

How to use the vector tools of Photoshop
Choose your language / Elige tu idioma:englishespañol

En este video vamos a aprender a hacer un dibujo digital de forma profesional partiendo de un boceto a lápiz, como hacemos en SOSFactory. Si eres usuario poco experimentado con Photoshop te aconsejo que primero practiques con el tutorial básico de dibujo digital con Photoshop. En este nuevo videotutorial la principal novedad consiste en que aprenderemos a modular las líneas dándole diferentes pesos, con lo que conseguimos un resultado mucho más impactante y dinámico.

Dibujo digital con Photoshop
Haz click en la imagen para ver el videotutorial de dibujo avanzado con Photoshop.

La clave consiste en manejar los diferentes grosores de linea de forma adecuada, me temo que aquí no hay reglas, tienes que dejarte llevar por la intuición. 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.

Hay una tercera opción que consiste en dibujar y entintar tu dibujo de forma tradicional en papel, y después llevarlo a Photoshop para limpiarlo y extraer las lineas. Aquí puedes ver el videotutorial sobre entintado 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.

This post was written by:

Sergio Ordonez - who has written 87 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

35 Comments For This Post

  1. SaG Says:

    muy buen videotutorial.. que curro te pegas!! yo tb lo hacia en PS, pero al final me pasé al FreeHand para vectorizar la linea y ahora siempre vectorizo el dibujo.. (un ejemplillo: http://www.deviantart.com/deviation/60613308/ , aunque en este caso incluso el color es en FH)

    Sigue así­ con los tutoriales, son de mucha ayuda, gracias!

  2. pruso Says:

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

  3. Erik Says:

    Tengo 15 años, y quiero familiaizarme con esto. No consigo tener el photoshop en español y claro con el inglés me lí­o…Gracias por este tutorial. Muy bien explicado, pero ¿esto es solo y exclusivamente para adultos con experiencia?

  4. Sergio Ordonez Says:

    Hola Erik, Photoshop es un poco complicado pero el idioma es lo de menos. Yo intentarí­a aprenderlo en inglés ya que hay más material del que aprender (libros, tutoriales…)

    Sobre lo de la edad, pues los tutoriales son para principiantes independientemente de la edad.

  5. Owen C-M Says:

    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

  6. fer Says:

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

  7. Josh Says:

    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!

  8. S3NTYN3L Says:

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

  9. Sergio Ordonez Says:

    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.

  10. S3NTYN3L Says:

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

  11. Sergio Ordonez Says:

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

  12. S3NTYN3L Says:

    OH well…
    I just went ahead and reinstalled CS3…

    All is right with the world again! ;)

  13. Sergio Ordonez Says:

    Hehehe, I was guessing that.

    Nice!

  14. Draconis Says:

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

  15. Sergio Ordonez Says:

    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.

  16. alets Says:

    y si mejor pones un link para una descarga mas radipa?, es que algunos no tenemos el emule :S

  17. Roborock Says:

    Hola señor sergio,apenas me tope ayer con su pagina y me quede con el ojo cuadrado, estan sensacionales estos tutoriales que usted hace.. ya me puse como tarea aprender todos los tips que nos regalas para ver si un dia llego ha hacer illustraciones tan fantasticas como las que tu haces…

    gracias!!

  18. Paula Says:

    como mola!!!!
    esto es genial!

  19. Diana Marí­a Hernandez Says:

    Mi nombre es Diana y estudio Marketing, también soy diseñadora y me encantan las mascotas que sos factory crea, el color de verdad hace que las mascotas se vean hermosas, pero yo he avanzado mucho con los tutoriales y me gustarí­a saber si necesitas dibujantes, ya que el dibujo y el entintado es el trabajo que mejor puedo hacer, además de dibujar las mascotas de sosfactory aunque mi especialidad sea el anime, entonces ¿tú podrí­as darme tu correo para enviarte una muestra?

  20. Sergio Ordonez Says:

    Hola Diana, mándame un enlace a algunos ejemplos que tengas online mediante el formulario de contacto.

    Saludos.

  21. Diangelux Says:

    Segio, ¿los ejemplos deben ser cartoons como los de SosFactory o trabajos personales? ya que puedo dibujar ese estilo.

    Saludos.

  22. Sergio Ordonez Says:

    En principio lo que necesito es cartoon como lo que ves en SOSFactory. Si además puedes hacer otros estilos genial… pero ten en cuenta que el portafolio está muy muy orientado al estilo cartoon, es lo que pedirán los clientes.

  23. Yoni Says:

    ¿te puedo mandar un link a deviantart o debe ser una web?
    Yoni

  24. Sergio Ordonez Says:

    Hola Yoni, sigue las instrucciones del post.

  25. walduran Says:

    me pueden dar una liga para bajarlo, no tengo emule.

  26. Sergio Ordonez Says:

    Por ahora no puedo hacer eso. Lo que puedes hacer es bajarlo de Youtube:

    http://www.youtube.com/profile_videos?user=00SOSNewbie00

    Saludos.

  27. Vanderlei Bastelli Filho Says:

    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?

  28. Sergio Ordonez Says:

    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.

  29. Diana Hernández Says:

    !Hola! quisiera saber q programa tu utilizas para hacer los videotutoriales, ¿es Flash? o cual otro recomiendas usar. Gracias de antemano.

    saludos

  30. Sergio Ordonez Says:

    Se llama Camtasia: http://www.techsmith.com/camtasia.asp y te exporta las pelí­culas directamente a Flash entre otros formatos.

    Tiene algunos fallos pero en general va bien y es muy sencillo.

  31. Diana Hernández Says:

    Gracias, Sergio :) . Saludos.

  32. Diana Says:

    Descargué Camtasia hace unos dí­as y no sé si alguna vez tuviste este problema: al iniciar en modo de grabación de la pantalla el cursor como q se ralentiza y no puedo trabajar, ¿será la memoria de la pc? leí­ la ayuda pero no me resuelve eso. cheers.

  33. Sergio Ordonez Says:

    Necesitas bastante memoria RAM para que el cursor responda bien. Puedes mejorar el rendimiento deshabilitando una de las opciones (no recuerdo bien) pero el resultado es mucho peor, en el video no sale ninguna paleta del Photoshop.

    Aquí­ tienes la explicación: http://forums.techsmith.com/showthread.php?t=6171

  34. Diana Says:

    Gracias por tu respuesta, intentaré hacer eso. :)

  35. raulpercy Says:

    No seria mucho pedir que lo subieran a mediafire?… o algun otro servidor?

6 Trackbacks For This Post

  1. Design Pilez » Advanced digital drawing (Photoshop Videotutorial) Says:

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

  2. Dibujo digital avanzado (Photoshop Videotutorial) « DXM Design - Portal De Diseño Grafico Says:

    [...] Ver VideoTutorial Aqui. [...]

  3. Kreative Ideas » Blog Archive » Xin chào các bạn Says:

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

  4. Kreative Ideas » Drunken Monkey Photoshop Tutorial Says:

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

  5. Ashraf Latif » Blog Archive » Oh! vector illustrator! Says:

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

  6. Vectorial character design with Illustrator | SOSFactory Blog Says:

    [...] TUTORIAL:Photoshop digital inking 2, if you’re not well versed with the pen tool it would be advisable to take a loot at this [...]

Leave a Reply