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
Popularity: 92% [?]
Exelente tutorial, Gracias!
Yo tengo que hacer alguno dentro de poco, cuando me ponga a ello te aviso, ok?
Saludos
Genial ;). encantada de publicarte un tutorial.
Me alegro de que te haya gustado el tutorial.
Has usado inkscape?
No, no he usado el inkscape aunque lo probaré. De momento sé usar mejor el illustrator, voy más rápido, así que cuando tenga tiempo veré otros programas.
hola, muy bueno tu tutorial, miro yo lo que quiero hacer es un dibujo de una persona en el photoshop o en illustrator, pero noc como, osea tu ahi elegiste un dibujo animado, y yo lo que kiero es hacer un dibujo apartir de una persona, pero que se vea como dibujo animado,noc si me puedes agregar para explicarte mejor, te agradeceria mucho
lulix.core.hb@hotmail.com
Luciana
Hola Luciana.
Al principio del tutorial ya explico que este método que uso es válido tanto para fotos como para imagenes, imagenes en general.Por tanto sigo el mismo procedimiento para vectorizar mis fotos. Lo que pasa que, al ser una persona, te tienes que fijar mucho más en los detalles y en las sombras.
No se si me he explicado, pero como ejemplo voy a poner al final de tutorial una foto mia vectorizadpara ver si es a eso a lo que te referias
hola… pucha sabes que he tratado de mil formas hacer la bendita imagen vectorizada y aun no pillo como… baje el illustratos y no pillo la opcion live trace… kiero pasar una foto a vectorizarla… para hacer un regalo… porfa!!!… ayudame
Hola Vicky.
Si quieres usar la herramienta Live Trace para vectorizar una foto te voy a dar una ayudita
Te he preparado un tutorial (para ti y para los que aun tienen dudas) sobre cómo usar Live trace en Illustrator, eso si, ten en cuenta que está herramienta sólo está disponible en el Illustrator CS2
http://tutoblog.espinlog.com/2006/10/21/como-usar-live-trace/
Espero que te sea de ayuda
hola
mi nombre es sandra y tengo una bebe de 8 meses, por eso me aburrio de estar solita en la casa cuidandola,
te agradeseria que me explicaras como quitarle a una foto el fondo y ponerselo negro, porque parece que tomo muy bien las fotos y ya algunas personas quieren que les hagan algunos estudios pero no se usar muy bien el adobe phothoshop . y quiero una actividad para salir de mi aburricion.
Gracias x tu tiempo
Octubre 24 2006
Toronto canada.
un beso.
Hola sandra
He preparado un tutorial para ti ya que aqui seria muy largo de explicar.
espero que te sirva: http://tutoblog.espinlog.com/2006/10/25/como-recortar-fondos-con-photoshop/
Gracias, me ha servido de mucho tu tutorial.
Soy Ing pero no sabia de diseño. es decir me has desasnado
es ffffffffffffffffffffffffffffffffffffff llllllliiiiiiiiinnndddddddddoooooooooooo jajajajajajjajajajaja
Oye una pregunta hacerca de la herramienta “live paint bucket” .. yo tengo el Illustrator CS .. y cuando deseo usar tal herramienta pues no funciona igual como en el CS2, al momento de querer rellenar solo una seccion del dibujo me rellena todo el dibujo completo. Se cuales son los pasos para rellenar tanto por secciones como completo, el problema esta en la herramienta. Tiene de nombre “paint bucket tool” y ademas no posee el asterisco q tiene “live paint bucket tool”, no se si es porque el CS2 tiene mas actualizaciones que el CS, desconosco la razon. Espero tu pronta respuesta
chaus !
Arturo creo que es por el tema de las actualizaciones.
mmmmmmmmmmmmm no se pro me gustan los dibujos
No puedo pintarlo como quiero.
Se pinta por partes.
Como puedo solucionarlo?
Gracias.
dibujos sencillos para hacer
Gabriela, la verdad es que no te entiendo muy bien, ¿como que se pintas por partes?¿a que te refieres?
Hola !!
Tengo una duda, por eso les escribo :
Deseo hacer una guia de montaña, dibujando mapas de senderos,para que los turistas puedan ir a pasear sin problemas con esos mapas.-
me compraré en pocos días mas mi computadora, pero tengo la duda de que programa comprar para aprender a dibujar, algunos dicen freehand, otros dicen que mejor es el illustrator CS o algo asi, lo compraré en español.-
yo voy a la montaña, dibujo los senderos en papel y lápiz, tengo muchos croquis, tomo distancias, alturas etc.
Yo veo en revistas de montaña, y en folletos turisticos magnificos mapas en colores, y deseo hacer algo asi….la pregunta es : que programa compro para dibujar ?
otros me dicen que mejor es tener una tableta gráfica, con un lápiz electrónico y uno dibuja como cuando hace el croquis, otros me dicen que con el mouse basta y sobra, pero como no sé, entiendo que me deberé comprar el libro del programa y empezar de cero.-
nada mas, gracias por la ayuda que puedan darme.-
un abrazo a todos
Roni, desde Argentina
Hola Roni
Yo la verdad que uso muchísimo el Illustrator , me siento más cómoda y me gusta mucho más que otros, pero es que depende mucho de la persona, también depende de que forma hayas aprendido. Lo de comprar lo veo un poco arriesgado sin saber muy bien el que vas a comprar, te aconsejo que aun que no sea legal (
) que te los bajes de algún programa de estos de descarga, como el emule por ejemplo, y que los pruebes. Es mejor probarlos antes de nada por que no son baratos precisamente. de este estilo para dibujar hay muchísimos programas, no se cual aconsejarte. también, si quieres, puedes descargarte maravillosos programas gratuitos que son similares al Photoshop ( su equivalente gratuito es Gimp) y al Illustrator ( que su equivalente gratuito es el Ink Scape). esos son los que yo conozco. También hay otros como el Freehand, Coreldrawn, flash… La verdad es que no me atrevo a decirte uno 
Sobre lo de la tableta gráfica… bueno yo uso el ratón, que aunque no se si las tabletas se estropean, sale mas barato comprarse un ratón.También tengo una tableta gráfica aunque cada vez que la uso me dan ganas de matarla XD es todo acostumbrarse, yo he visto a dibujantes profesionales que la usan de una manera que me desconcierta… vamos que como aprendas a andar así andas luego
bueno en conclusión: si tienes la oportunidad prueba con todo y trabaja con lo que mas cómodo te sientas. Puedes hacer los senderos de cero dibujándolos tu en el ordenador o también puedes vectorizar los mapas que ya tienes (escanear y luego vectorizar), depende de ti. también puedes hacerlos en 3D, de pende de lo que te interese
un saludo
HOLA NEFER !!
Muchas gracias por tu respuesta !!
Lo primero que haré en marzo , es comprarme la computadora con todos los implementos últimos, y el window XP facturado, por las dudas, ya que agarraron a varias empresas aqui, con los programas sin pagar, o sea piratas, y hasta salieron en los diarios y la multa fué alta.-
Y luego, a causa de no saber ingles, optaré por probar estos programas a ver cual me gusta mas, pero que estén en español…miraré por internet, para conseguir estos gratuitos que lo puedes utilizar un tiempo….
y empezaré a probar y probar y aprender dia a dia, en mi casa…
Es increible, y muy raro, en mi país, nadie, pero nadie me ayudó y me contestó a estas preguntas que hago. Veo unos dibujos e infografías geniales, en diarios y revistas de camping, aire libre o montaña, pero no te dicen con qué programa lo dibujaron.. lo mismo que los folletos turisticos…es como un ” gran secreto “, para que no se meta otro a hacer competencia, o será egoismo, desconfianza, no sé.-
Por eso, te doy las gracias por tus sugerencias. De todo lo que leí por internet en español sobre el illustrator, cada día me maravillo mas,leo muchos forums de dibujantes, gente que está en el tema gráfico, etc etc y me gusta leer la competencia entre freehand y el illustrator a ver cual es mas bueno !!
Igual preguntaré hoy por mail , cuando me cuesta el programa original del illustrator último, en español, comprado en mi país, y el manual en español…sólo por saber el precio….nada mas….
Se me ocurre que con muchas horas de práctica,en mi casa, haciendo prueba y error, lo conseguiré…no puede ser que otros lo hayan hecho.-
Gracias nuevamente !!!
Roni
desde la ciudad de Bariloche, Argentina
en cualquier programa que tenga simples heramientas pùedes hacer un trabajoque deslumbre, hasta microsof word puedes armar foletos ,la diferencia radica en los programas modenos te facilitan mucho mas las cosas, tyen encuenta que antes de hacer algo en esos programas tenemos que tener la visualizacion del obejto en nuestra mente. pero en fin si te esmeras muecho te sorprenderas de los trabajos que puedes lograr ha hacer
esta mu bn
es lo mejor todo el rato lo dice la unk la morena
Nefeeeeeeeeeeer
muchas felicidades por poner un tutorial para las personas
que deseen hacer una imagen vector!
y es lo que yo quieroooooooo pero nadamas no le hayo
jajajajaja al momento de dibujar, tenemos ke dibujar por partes?
osea cabeza, pies i asi?
aaaaaaaaaaaah
Saludos
Hola Ingrid,
Cuando dibujamos lo tenemos que ir haciendo por partes por supuesto, pero yo recomiendo que más que por partes físicas, como pies o manos, sean por zonas de color. Es recomendable ir agrupando las partes que van a ir juntas, por ejemplo los ojos en los que hay mucho colorido pero que siempre querremos controlar como una sola mancha.
Suerte con el arte vectorial.
Si tu eres la de la foto vectorizada déjame decirte que tienes el tipo de cuerpo que me gusta en una mujer, eres muy sensual, tienes… bueno, todo como a mi me gusta
Si quieres escribirme para conversar (aun que ya se que no) tienes mi mail.
yo creo en 3d…ilustraciones e animaciones me gustaria comentarlos contigo..saludos
vilagotier@hotmail.com..te paso mi e.mail..x si te apetece contaztar..gracias y salud
hola:estan buenas las fotitos espero q´ pongan mas
bueno listo chausitoo!!!!!!!!!!!!!!!!
Hola!!, sólo quería comentar que tus tutoriales me parecieron excelentes, muy claros, pero mas tu disposición de ayudar a las personas que te encontramos casualmente en nuestra busqueda de aprendizaje y que como la lider natural que eres, recurrimos a ti depues de ver lo bien que haces las cosas.
Tu página queda desde hoy en mi lista de favoritos y puedes estar segura que la recomendaré a mis conocidos.
Un beso desde Cancún, México y enhorabuena.
hola me gusta tu illustracion , me puedes pasar el tutorial de illustrator don hable sobre las mallas para hacer similitud a 3D.
gracias! porfa enviamelo
yo hago vector pero de anime, y no me salen bien las lineas, yo los hago en photoshop, pero las lineas me van quedando desiguales, nunca me quedan igualesm y las lineas curvas ppppppppffffffff haber si me ayudas con photoshop por fi? =3
no por eztan
chidazz.. y
ez tan dien
pera un metroflog ok!!!=)
adioz.*
no lesen esnsiende enseñen a aserloo no muestren como se ase el brillo
nops te felicito esta chido bien esta bien para un metroflow
nops te felicito esta chido bien esta bien para un metroflow pero no me encanto le falta mas brillo pero ta bien
yo tengo fireworks 8 se pueden hacer en este programa los dibujos?
Hola Jose,
La verdad que nunca he trabajado con fireworks pero si es un programa que permite hacer vectores y colorearlos pues claro que se podrán hacer dibujos.
Un saludo
hola soy alondra me gusta los dibujos pero no mucho no me gusto mucho pueden hacer un dibujo de campanita
solo tengo una pregunta, existe un filtro, dond se pueda hacer un dibujo la foto? y cual es? espero su respuesta a este correo q es jdd_003@hotmail.com porfa!!!!
Juan, busca en este blog, hay un tutorial de como pasar de fotos a dibujos
epa son buenisimos tu vectores ,nefer si tines un msn o hotmail.com agregame ….
tengo muchos amigos que son fanticos de illustrator como yo…
nefer si tienes alguna informacion para colocar una foto tipo comic en illustrator como lo hacia el antiguo strenline ! de pana que te lo agrdeceria … gracias…
Hola Neivi,
A que te refieres con colocar una foto tipo comic?
son demasiado mulas y se nota q no lo hicieron ud
nefer ayudame porfavor dime de donde bajar ese illustrator siempre lo bajo y lo tengo ke borrar porke no es esa version es otro ke el logo es una mujerr nesesito urgentemente ese illustrator porfavor ayudameeee
grasias por tu tiempo bye bye
GUILLO
QUICIERA AGREGAR MUCHOS CONTACTOS SOY DE VENEZUELA MI CORREO ES
GUILLO_L@HOTMAIL.COM
ESTA BUENISIMAAAAAAAAAAA PARESCO YO DE TAN LINDA QUE SOYYYYYYYYYYYYYYYYYYYY Y FLACAAAAAAAA SOY LUS
hola kisiera y me explicaras como hacer un dibujo en corel draw nose nada y tengo que entregarlo mañana porfis ayudame esta muy padre tu diseño
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/