Cómo hacer dibujos vectoriales

Cómo hacer dibujos vectoriales

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.

herramientas illustrator

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.

1

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.

2

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).

3
Una vez tenemos la imagen con los colores que nos gustan es hora de darle profundidad a base de luces y sombras. Si no conocéis muy bien el tema de las luces y las sombras os recomiendo leeros algún manual de dibujo (mi profesor de dibujo me hizo leer “nuevo cómo aprender a dibujar con el lado derecho del cerebro”, y yo os lo recomiendo). Para las sombras podemos usar una herramienta que es muy rápida y eficaz: “drop shadow” (filter > stylize > drop shadow). Lo mejor es ponerla en poca opacidad, que no sea muy grande y que este bien puesta.

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

4
Por último he retocado algunos fallos y algunas cosas que no me gustaban. Finalmente le he añadido un fondo que he hecho en el photoshop. Y se le he puesto a la imagen.

Y así ha quedado:

5

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.

morena

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:

Nefer

PDF descargable: como hacer dibujos vectoriales

VN:F [1.8.8_1072]
 +13 (13 votos)

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

  1. keomara, 3 Noviembre, 2008 a las 12:46 am
    UN:F [1.8.8_1072]
    +1 (1 votos)

    ola como estas mi comentario es que ees muy buen mosa y
    espero que te por tes muy bn

  2. keo, 3 Noviembre, 2008 a las 12:53 am
    UN:F [1.8.8_1072]
    0 (0 votos)

    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

  3. miguel alejandro, 4 Noviembre, 2008 a las 7:16 pm
    UN:F [1.8.8_1072]
    +1 (1 votos)

    tkgk

  4. gabriel, 16 Noviembre, 2008 a las 7:23 pm
    UN:F [1.8.8_1072]
    -1 (1 votos)

    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

  5. barbara chavez, 19 Noviembre, 2008 a las 12:51 am
    UN:F [1.8.8_1072]
    0 (0 votos)

    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

  6. Edoardo, 9 Diciembre, 2008 a las 5:50 pm
    UN:F [1.8.8_1072]
    0 (0 votos)

    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

  7. Angel, 24 Enero, 2009 a las 3:24 am
    UN:F [1.8.8_1072]
    0 (0 votos)

    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

  8. matias, 21 Febrero, 2009 a las 3:52 am
    UN:F [1.8.8_1072]
    0 (0 votos)

    OPA..sos una chica (¿¿??) y muy linda por cierto; a y el tutorial fantástico también :)

  9. 24siete@live.cl, 8 Abril, 2009 a las 10:09 pm
    UN:F [1.8.8_1072]
    0 (0 votos)

    tabien eco yala

  10. fernando torres henandes, 18 Junio, 2009 a las 12:20 am
    UN:F [1.8.8_1072]
    0 (0 votos)

    en mi publo yo soy el mas famoso que a dibujado

  11. fth_1992@, 18 Junio, 2009 a las 12:29 am
    UN:F [1.8.8_1072]
    0 (0 votos)

    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

  12. sergio, 16 Octubre, 2009 a las 6:11 pm
    UN:F [1.8.8_1072]
    0 (0 votos)

    yo soy muy bueno escribirme si quereis saber algo
    mok31@live.com

  13. Chema, 11 Noviembre, 2009 a las 7:15 pm
    UN:F [1.8.8_1072]
    0 (0 votos)

    Oye porque no pones una foto tuya sin vectorizar … guapa!!!

  14. fabio, 26 Enero, 2011 a las 1:43 am
    UN:F [1.8.8_1072]
    -2 (2 votos)

    esto es pura cagada
    no mereses hacer aportes eres una desgracia

  15. sakura, 26 Enero, 2011 a las 1:48 am
    UN:F [1.8.8_1072]
    -2 (2 votos)

    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 :)

  16. margarita, 11 Diciembre, 2011 a las 6:58 pm
    UN:F [1.8.8_1072]
    0 (0 votos)

    Felicitaciones esta super

5 Trackbacks

  1. Por meneame.net el 10 Julio, 2006 a las 9:35 am
    UN:F [1.8.8_1072]
    -1 (1 votos)

    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….

  2. [...] Me alegra comunicaros que el 6 es un tutorial original de esta web: cómo hacer dibujos vectoriales. [...]

  3. [...] 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. [...]

  4. Por Arte vectorial at Tutoblog: weblog de tutoriales el 21 Septiembre, 2007 a las 12:44 am

    [...] 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 [...]

  5. [...] bordes negros. Es algo costoso, con práctica tampoco es mucho tiempo, podéis guiaros a la hora de vectorizar con el anterior tutorial [...]

Publicar un comentario

(requerido)
(requerido)

Tu correo nunca es compartido ni publicado.