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
Estoy finalizando mis estudios en la licenciatura de Bellas Artes centrándome en la parte de diseño gráfico. Me estoy especializando en 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.
la nena: k mierdA
MARIANA: SOS TONTOS ENTREN ALA PAGINA POR QUE SI NO SABEN LO QUESE PIERDEN
karen: muii limda la pantalla
johana: muy feas la obras son horrorosas
florencia pía: hola quisiera que me pasen algunos datos para hacer caricatura desde ya muchas gracias
elyzz: me gusta estoo
113 Comentarios
hola ojala saliera como se podria aser porque me cuesta un moton aserla ojala que coloquen mas monitos animados y que salga como aserlos demen una pajina para aser dibujos pliz y el que lo bea se lo voy agradeser muchisimi besitos para todos pliz mandenme pajinas para que pueda dibujar y coloquen como se ase el que iso el dibujo plizzzzzzzz xao besitos para todos que me anden pajinas i a mi familia es
abuelita pati ,prima camila,primo felipe,tio mauricio,tia monica,tia lili,mamita ollet le mando muchos besits
hola soy javiera esta muy bueno su dibujo a gan mas por favor
jaaja soy patri xdxd :p oiee kmo molaa este dibujoo jaja xdxd wnooo.. no digoo na jaja os keloo a toss un bss xao!!
esta wapo pero kiero mas dibujos de chicas como la del vestido rojo,mis amigas me las piden mucho!!
hola!
nefer
Me gusta muchisimo dibujar en la computadora … Pero uso paint eh echo mechas cosas (como ceresitas, arcoiris,heladitos,niñas etc..) pero la verdad quiero que queden todavia mucho mejor ( ya sabes, aplicar sombras ,brillos) para que se vean mas reales, eh visitado muchos “fotologs” en donde tienen de este tipo de dibujos pero se ve que no son echos en paint
me gustaria saber si en los programas que mencionaste anteriormente se pueden utilisar para este tipo de dibujos … y si si
por favor!! dime donde puedo descargarlos
muchas gracias !!!
Hola Dulce,
puedes usar muchos programas para hacer dibujos, depende de como prefieras puedes usar Photoshop o Gimp (gratuito), si te mueves con imágenes en bitmaps, o Illustrator o Inkscape (gratuito) y prefieres lo vectorial.
Para descargarlos puedes ir a las siguientes direcciones:
Para Gimp: http://www.gimp.org.es/modules/mydownloads/
Para Inkscape: http://www.inkscape.org/?lang=es
para Photoshop o Illustrator (yo uso la version CS2, pero ha salido la CS3) puedes conseguir una versión de prueba ya que son carísimos, aquí: http://www.softonic.com/
O en la pagina oficial:
http://www.adobe.com/es/products/illustrator/
http://www.adobe.com/es/products/photoshop/family/
Espero haberte servido de ayuda.
HOLA COMO ESTAN NO SABEN COMO ME GUSTARIA A PRENDER A DIBUJAR Y PUES LO QUE ESTEN INTERESADOS EN AYUDARMEN MI MAIL ES viki-3_14@hotmail.com O ratonquiroga@hotmail.com NO LO OLVIDEN AYUDEMEN A DIBUJAR ES MI MAS GRANDE SUEÑO
muy bueno..me voy a hacer miles de esos muy buen al pagina
primera vez q entro a esta pagina la verdad esta muy buena los felicito
bueno si esta chido pero yo quiero saber de mas dibujos porfa publiquen uno cada semana
hola;
Soy una estudiante de secundario y necesito armar un folleto turístico para una presentación grupal de una supuesta empresa de viajes (nosotros inventamos el objeto social. y realmente no se con que programa hacerlo, necesito incluir fotos y datos,
tengo el microsoft publisher pero sirve solo para pocas pag creo ..
necesito que me ayudes o me digas que programa me conviene utilizar,
bueno gracias por tu tiempo,
Nadine, Argentina
hola!
bueno soy una estudiante de secundario y necesito armar un folleto turístico que contenga bastante info para una esposición, como una tesis.
por eso bnecesito un programa qu me ayude con esto,tengo el microsoft publisher pero no me sirve mucgo porque no me deja incluir muchas pag por el tipo de diseño de impresión.
+necesito q me recomiendes algun pro0grama o que me des una mano con esto, porfa!
gracias por tu tiempo, ´
saludos,
Nadine, Buenos Aires, Agentina.
Hola Nadine,
No se como lo quieres montar el folleto, pero puedes usar o Illustrator o Quark, depende de que es lo que quieras hacer exactamente. Si son pocas hojas quizás lo mejor es Illustrator (o a lo mejor freehand…)
hola en que programa creastes esa chica o commo se llama el progrma madame un mesaje ami correo por favor pequehao_423@hotmail.com es que qquiero aprender gracias
Hola “hola”,
Si te molestas en leer el principio del tutorial en vez de esperar a que te lo resuelva yo, podrás leer:
“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.”
Un saludo
hola
me llamo carolina y me gustaria saber se te da bien los dibujos de artistica…..
puedes responderme en carolina_11_500@hotmail.com
necesito dibujar rejas metálicas con barrotes ya escaneados del libro y no se como puedo hacerlo.
gracias
yo quiero aprender a dibujar
me parece que muy bacano pero tiene un problema que deberian de meter mas dibujos
ola
pero sn muy dificiles hacerlos y se puede tardar muxo en hacerse uno y cuando tienes la mitad pun falla tienes ke borrarlo y volberlo a enpezar.y molesta muxo y al fin y al cabo es mejor ir y conprar uno.
- no se entiendew muy bien esto a
- como podemos aprender esto
- solo por que hay dibujo iguales
- respoder
muy bien salio increible
hola !!
te cuento que a mi me encanta agregarle letras, dibujos a las fotos, marcos, cosas con gliters pero tengo paint y no puedo:(
yo siempre veo en los fotolog que en las fotos le colocann marcos dibujitos y letras y demas..
y queria saber si vos me podrias reomendar algunos programas para bajar que no sean muy caros) para yo poder darle mas alegria a las fotos !!:)
desde ya muchas fracias….
Hola princes,
te recomiendo sin duda Gimp, es un programa como photoshop totalmente gratuito y de lo más completos. en la misma web puedes encontrar muchos tutoriales que te enseñan a realizar todas las cosas que te gustan.
http://www.gimp.org.es/modules/mydownloads/
felicitacones explica muy bien los pasos para trabajar vectorizaion.SI PODEIS EN VIAME UNOS EJEMPLOS PUESTO QUE ESTUDIO MULTIMEDIA.POPAYAN-CAUCA.LARRY .SENA
ola no me sale los dibujos que haces y x mas q lo intento nada.Espero tu respuesta
Hola Carol,
Pues si no me especificas más no puedo ayudarte. Sigue los pasos o practica primero con las herramientas.
Muy bueno hacia falta de conocimientos extras….. cualquier problema estaré en contacto..hasta luego
ola me gustaria que me dijeran un programa para aser dibujos en mi compu que sea facil y muy pero muy creativoo(que cuente con diferentes formas)para poder dise;ar cosas e incluso aser dibujos de cuerpos o animas espero tu respuesta grasias
Hola leo, te cito un mensaje que esta más arriba que te ayudara:
“puedes usar muchos programas para hacer dibujos, depende de como prefieras puedes usar Photoshop o Gimp (gratuito), si te mueves con imágenes en bitmaps, o Illustrator o Inkscape (gratuito) y prefieres lo vectorial.
Para descargarlos puedes ir a las siguientes direcciones:
Para Gimp: http://www.gimp.org.es/modules/mydownloads/
Para Inkscape: http://www.inkscape.org/?lang=es
para Photoshop o Illustrator (yo uso la version CS2, pero ha salido la CS3) puedes conseguir una versión de prueba ya que son carísimos, aquí: http://www.softonic.com/
O en la pagina oficial:
http://www.adobe.com/es/products/illustrator/
http://www.adobe.com/es/products/photoshop/family/
Espero haberte servido de ayuda.”
Yo no entiendo nada pero….me gusa jesica rabitt jejeje esta bien exa pero seria mas facil pintarla con el paint t lo digo yo
HOla Nefer, me gustaron muchos tus tutos de echo estoi practicando en ellos
, eres una verdadera ilustre ilustradora 
chaus.
PD:/ busca y unete a los ilustres ilustradores en facebook
GOOD!!!
ay mucha escritura achiquenlo tontos mensos asi la gente se aburre q les cuesta hacerlo en imagenes se nota que no tienen plata aychh
Maricielo, precisamente “plata” no me cuesta hacer las imágenes, en todo caso 5 minutos de mi tiempo, pero no dinero. Y si te aburres leyendo un tutorial será que mucho interés no tienes.
hola solo kiero decir ke pongan mas informacion no puedo encontrar ,o ke me piden en la escuela…
Bere, no estamos para aquí para hacerte los trabajos.
Hola Nefer, muchas gracias por el tutorial; siempre había dibujado escaneando el dibujo entintado y pintándolo con Photoshop.¡Por fin sé hacer dibujo vectorial!
De todas maneras, cuando acabo de pintar y me dispongo a usar el Drop Shadow, me sale deshabilitado (no puedo usarlo)… ¿Alguna explicación lógica? Si no logro usarlo, simplemente haré las sombras a mano.
Muchas gracias por todo. ^^
Hola Enhea,
Me alegro de que hayas aprendido a hacer dibujos vectoriales con este tutorial. La verdad que el dibujo vectorial es muy gratificante ya que permite hacer grandes ampliaciones (sin perder calidad) y cambios muy rápidamente.
Lo del drop shadow la verdad que no se que puede pasar. Lo mismo lo tienes todo agrupado o la forma vectorial tiene alguna característica que no deja aplicarlo. Yo la verdad que suelo hacerlas manualmente ya que puedes controlar mejor la dirección y la opacidad de las sombras.
Si quieres hacer una sombra general (como si le viniese un foco de frente) un método fácil y rápido es seleccionar todo y duplicarlo ( presionando alt y arrastrando se duplica). Después simplemente agrupo lo que he duplicado, lo pongo todo de negro y detrás del original (siempre saliendo un poco de un lado) y le doy una opacidad del 50%.
Un saludo y espero que te haya servido, si tienes alguna duda no dudes en preguntar!
Hola a todos,
Me gustaria saber quien puede hacerme un dibujo vectorial si le enviara una foto. Es para hacer un regalo y no encuentro a nadie que lo sepa hacer.
Podeis ayudarme?
Muchas gracias,
Janire
favorited this one, dude
la vdd no entendi muy bien pero esta padre,
tus dibujitos nais jejeje la vdd a mi me interesa mucho dbujar y esto es padre.
adios grasias por todo.
hgo.del parral chihuahua,mexico
MUY INTERESANTE LA VDD
Esta muy bn el dibujo. Yo he viso la peli.=)
wenas,pues queria decirle al autor que digamos que muy wapo el dibujo y que muchas gracias por las instrucciones.
acabo de dibujar el dibujo en un papel y me a salido genial y tengo 13 años. pues weno que muchas gracias por este dibujo y que haora boy a pintar el dibujo que eh hecho en mi hoja jejeje. dew gente
wenas buelvo a escribir lo de antes porque me he enterado de que hay tambien una andrea jeje y esa andrea no soy yo.pues vuelvo a escribir lo de antes.
pues queria decirle al autor que digamos que muy wapo el dibujo y que muchas gracias por las instrucciones.
acabo de dibujar el dibujo en un papel y me a salido genial y tengo 13 años. pues weno que muchas gracias por este dibujo y que haora boy a pintar el dibujo que eh hecho en mi hoja jejeje. dew gente
desde pequeña me ha encantad dibujar es como una pasion o sueño que quiero terminar de cumplir
hola!!!lo quiero felicitar por ese dibujo tan espectacular quisiera seguir aprendiendo para dibujar tan bien como ustud bye
5 Trackbacks