Deviantart Youtube Twitter Facebook My feed Feed directly to your inbox

How to use the vector tools of Photoshop

27 July 2007

Photoshop, Tutorials

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

In this video we’ll learn how to make a digital drawing from a sketch made in pencil, as we do in SOSFactory. If you’re a novice in Photoshop i suggest you to practice first with the basic tutorial on Digital Drawing with Photoshop. In this new videotutorial the main news is that we’ll learn how to modulate the lines giving them different weights; with this we’ll get a much more shocking and dynamic result.

Digital drawing Photoshop
Click the image to see the videotutorial on advanced drawing with Photoshop.

The key consists in using the different thicknesses of the lines in an appropiate way, the aren’t rules here, you need to let intuition be your guide. Let’s take a look to this two examples:

Different line weights

Example A: We have a thin line, without any weight differences. Also take a look at the colored line. the result is much more smooth, because it makes the color interior more important. I suggest doing this when you have to use the character at small scales. Here you can see the basic tutorial on Digital Drawing with Photoshop.

Example B: The line is thicker, there are weight differences and also the line remains black. The result is more impressive. The problem when using this style at small scales is that the line “drowns” the volume; at more line weight, less color interior, this way you will hardly obtain a good volume. Here you can see the advanced videotutorial on Digital Drawing with Photoshop.

There’s a third option which is drawing and inking it in the traditional way in paper, and after that take it to Photoshop to clean it and extract the lines. Here you can see the videotutorial on Digital Inking with Photoshop.

There’s also the last option which i don’t recommend unless you’re an advanced Photoshop user; it consists in drawing the lines directly with your digitalizer tablet.

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

36 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?

  36. maria Says:

    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!

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