En este tutorial voy a intentar explicaros cómo hacer dibujos vectoriales que ahora están tan de moda. Yo uso Illustrator y por tanto voy a explicar la técnica con este programa, pero también se puede usar otros programas como Photoshop, Flash, Freehand o Corel.
En primer lugar voy a mostraros las herramientas que voy a usar. Mi Illustrator está en inglés por lo que los nombres que usaré serán en inglés pero pongo los iconos para que sepáis que es cada cosa.

Bueno comencemos a vectorizar una imagen. Realmente esto se puede hacer tanto con fotos como con cualquier imagen. Para la ocasión he elegido una de Jessica Rabbit que he encontrado por Internet. Una herramienta para vectorizar rápidamente que tiene el illustrator es el “live trace” que vectoriza cualquier dibujo en un momento, pero sólo queda bien en dibujos sencillos, y, aun así, se come algunas partes del dibujo que no identifica bien y, además, suele hacer demasiados vectores lo que afecta a la agilidad del programa. Por supuesto se pueden simplificar, pero no es lo mismo.

Esta imagen va a estar en el fondo así que os aconsejo ponerle un candado para que cuando estéis trabajando no la seleccionéis sin querer y se os mueva todo. Nos aseguramos primeramente de que el “fill” este en “none” y el “stroke” en negro. Ahora seleccionamos el “pen tool” y comenzamos a dibujar con vectores. Cuanto más grande sea la imagen mejor, por que la podremos acercar más y de esta manera acertar con las curvas.
Usar el “pen tool” es muy fácil. Hay que ir poniendo puntos y si tenemos que hacer alguna curva, sin soltar, moverlo hacia donde queramos. Siempre que terminemos de hacer una curva tendremos que volverle a dar exactamente en el último punto que hemos hecho para que la siguiente línea no siga el ángulo de la curva y que sea recta (en Photoshop habría que darle a “alt” para que lo haga). Si alguna vez se nos escapa el punto podemos retomarlo volviéndole a dar. parece complicado pero se acaba convirtiendo en un movimiento que ni pensamos.
Por cierto fijaros siempre en los simbolos que aparecen en el “pen” que nos indica que es lo que esta pasando, si estamos cerrando, añadiendo, restando o modificando un punto.
Hay otras herramientas como “rectangle tool”, “rounded rectangle tool” o “elipse tool” que sirven para hacer automáticamente formas vectoriales. Por ejemplo yo he usado el “elipse tool” para hacer el pendiente.

Cómo podéis ver en la imagen hay zonas, como la parte de arriba del cuerpo, que no siguen del todo la forma del dibujo original. Esto lo he hecho así por que va a ir por detrás del vestido, por lo que no se va a ver, pero tenéis que tener cuidado por que la cosa se puede complicar si no tenéis un orden de lo que va por delante y lo que va por detrás.
Si no os gusta alguna línea podéis cambiarla con la herramienta “direct selection” o con la de “convert anchor point”. Tan sólo hay que seleccionar los puntos y cambiarla como veamos. Tambieén podeis añadirle puntos o quitarselos con las herramientas correspondientes: “add anchor point” y “delete anchor point”
Ahora es el momento de colorear. Para colorear se puede usar el “live paint” (en el botón donde esta el “paint bucket tool”) pero muchas veces no nos interesará rellenar toda una parte y sí solo una línea, así que recomiendo usar los vectores directamente para colorear. Para esto hay que jugar seleccionando los vectores a colorear (con el “live paint” es necesario que todas las líneas estén cerradas para colorear pero no hace falta con los vectores). Cuando los seleccionemos hay que tener en cuenta si queremos que tenga borde (“stroke”) o solo relleno (“fill”).
Hay una herramienta muy útil (aunque algo compleja) llamada “mesh tool” que es algo así como una malla de gradientes que se basa en la combinación de colores para hacer gradientes y de esta forma darle tridimensionalidad a la imagen (os recomiendo practicar mucho antes de usarla).

El vestido como sabeis tiene brillos así que he usado la herramienta “flare tool” para darle los brillos aunque eso si, muy pequeños.

Y así ha quedado:

Bueno pues ya tenemos a nuestra Jessica Rabbit a todo color. una de las grandes ventajas del dibujho vectorial es que en apenas unos minutos podemos cambiar todo el dibujo de color y hacer que parezca otro.
Espero que os haya sido útil y que digais si le falta algo o si teneis alguna duda.
Aquí os dejo un ejemplo de una foto mia vectorizada:

PDF descargable: como hacer dibujos vectoriales
Tutoriales Relacionados
Autor: Carolina
Soy una casilicenciada en Bellas Artes especializadaen diseño gráfico. Me gusta la ilustración vectorial con Illustrator y al desarrollo web con Drupal. Tengo experiencia en maquetación editorial, sobre todo en periódicos y libros, y en diseño de la identidad corporativa.

116 Comentarios
ola como estas mi comentario es que ees muy buen mosa y
espero que te por tes muy bn
te felisito por tuuuuuuuuu trabajo eres bueno para dibujar
de verias aser mas dibujos y te con birtiras en una estrella asiendo dibujos para toda la bda dibujas muy bien como te dije tienes que aser lo que le digan de uste para que sea una estrella
tkgk
me paresio ChiDaS LaS IMaJeNeS PeRo qUiErO VeR sI mE opUeDen mAnDaR A Mi MsN SeLoS DeJo oK
men_black2008@hotmail.con escRiVaNmE OK Ok Ok oK
byE bYe
ByE
bEy lOs qUiERo
holi po como tay?? bueno me llamo barbara y te estoy postiando pa k tu me postie es barby_xxx bueno esta guena la fotito po bueno xauuu
Hola mi nombre es edoardo
soy estudiante de prepa
tengo 17 anos
vivo en estados unidos mi correo es edoardo321@hotmail.com
bueno espero que alguien conteste
bye
edoardo321@hotmail.com
Saludos tu arte es > espectacular < desde muy joven me he dedicado al dibujo y pinto al oleo. Quisiera poder vectorizar algunos de mis dibujos me facina dibujar y pintar caballos
Yo utilizo illustrator tengo desde la version 6.0 hasta 9.0 pero dice que la herramieta para vectorizar es live trace de illustrator cs2
uno de mis dibujo lo puedo vectorizar con esa herramienta
y al utilizarla se convierte en vector automaticamente? o mas bien tengo que dibujarla punto por punto con pen tool. cuando las he usadose se me hace un poco dificil lograr las partes curvas o sera que tengo que practicar mas con estas herramientas ? espero me puedas ayudar
Angel Puerto Rico
OPA..sos una chica (¿¿??) y muy linda por cierto; a y el tutorial fantástico también
tabien eco yala
en mi publo yo soy el mas famoso que a dibujado
es fa si como dibujar mirando al objetibo o kualqier cosa
quie sa ber quie el que me gane dibujando por que ay mucho so especiales dibujando un dia dibuje un morrito con una flor atras y se lodi ami chava yo tengo
16 años
yo soy muy bueno escribirme si quereis saber algo
mok31@live.com
Oye porque no pones una foto tuya sin vectorizar … guapa!!!
esto es pura cagada
no mereses hacer aportes eres una desgracia
estoy de acuerdo con tigo fabio esto es kk, mejor q suban algo bueno por q la bola de pendejos q comentaron esto con anterioridad son puro retrasado y palurdo idiota
BYE
Felicitaciones esta super
5 Trackbacks
Cómo hacer dibujos vectoriales…
Un tutorial en el que se explican algunas herramientas de Illustrator CS2, y se muestra como pasar de un boceto a una ilustración vectorial….
[...] Me alegra comunicaros que el 6 es un tutorial original de esta web: cómo hacer dibujos vectoriales. [...]
[...] Si no sabeis muy bien de que hablo podeis ir a este tutorial qeu os ayuara a comenzar a vectorizar: cómo hacer dibujos vectoriales o también podeis pasaraos por este blog que tiene una recopilación de tutoriales sobre vectorización: diez articulos sobre dibujos vectoriales. [...]
[...] parches Cómo hacer dibujos vectoriales a partir de un boceto a mano alzada Efecto Scanner Darkly Cómo hacer dibujos vectoriales Cómo dibujar caras vectoriales Ilustración en Flash Coloreado [...]
[...] bordes negros. Es algo costoso, con práctica tampoco es mucho tiempo, podéis guiaros a la hora de vectorizar con el anterior tutorial [...]