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

- 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://sag82.deviantart.com/ SaG

    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!

  • pruso

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

  • Erik

    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?

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

    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.

  • Owen C-M

    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

  • fer

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

  • Josh

    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!

  • Pingback: Design Pilez » Advanced digital drawing (Photoshop Videotutorial)

  • Pingback: Dibujo digital avanzado (Photoshop Videotutorial) « DXM Design - Portal De Diseño Grafico

  • S3NTYN3L

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

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

    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.

  • S3NTYN3L

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

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

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

  • S3NTYN3L

    OH well…
    I just went ahead and reinstalled CS3…

    All is right with the world again! ;)

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

    Hehehe, I was guessing that.

    Nice!

  • http://come.to/draconis Draconis

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

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

    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.

  • alets

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

  • http://roborock.deviantart.com Roborock

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

  • Paula

    como mola!!!!
    esto es genial!

  • Pingback: Kreative Ideas » Blog Archive » Xin chào các bạn

  • Pingback: Kreative Ideas » Drunken Monkey Photoshop Tutorial

  • Diana Marí­a Hernandez

    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?

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

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

    Saludos.

  • Diangelux

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

    Saludos.

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

    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.

  • Yoni

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

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

    Hola Yoni, sigue las instrucciones del post.

  • http://www.luchalibreenmexico.com walduran

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

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

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

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

    Saludos.

  • http://kabutaum.deviantart.com Vanderlei Bastelli Filho

    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?

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

    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.

  • Pingback: Ashraf Latif » Blog Archive » Oh! vector illustrator!

  • Diana Hernández

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

    saludos

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

    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.

  • Diana Hernández

    Gracias, Sergio :) . Saludos.

  • Diana

    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.

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

    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

  • Diana

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

  • http://www.l3dh.com raulpercy

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

  • Pingback: Vectorial character design with Illustrator | SOSFactory Blog

  • maria

    Hola Sergio, me preguntaba si existe algo en el que yo dibuje en un papel algo, lo escanee y con algun programa le aplique una opcion como de comic o algo asi para que termine pareciendo un dibujo digital. Algo rapido y facil. sabes?
    Gracias.
    este video esta muy bien igualmente muchas gracias!

  • akeanant

    Amazing work as usual! Keep it up!

  • lauraine 2012

    I have no words for this great post such a awe-some information i got gathered. Thanks to Author.
    html5 player