5 claves para vectorizar

correctamente en Illustrator

SEP

Buenos das!! Hoy os traigo algo que creo que os puede ser de utilidad a aquellas personas
que estn empezando en esto de vectorizar e aqu unos cuantos consejos a tener en cuenta:
Existen muchas maneras de vectorizar, estas son algunas claves que yo he utilizado en mis
ilustraciones, espero que os puedan servir a vosotros tambin.
Partiendo de una ilustracin escaneada ( esta ilustracin puede cambiar respecto al
resultado final ). Creamos una nueva capa y la ponemos en modo multiplicar,

elegiremos un color y empezamos;

1. El trazo
El trazo tiene mucha importancia en la imagen, por eso una imagen llamar mucho ms la
atencin si tiene un trazo consistente, que otra en la que el trazo sea pobre. Para
esto entintaremos utilizando formas en vez de simples trazados.

Para darle un poco de estilo a nuestro trazo, variaremos su grosordependiendo de si

ste est en su parte ms central o en los laterales.

Los trazos exteriores siempre sern ms gruesos que los de las formas que estn en el
interior de la figura.

Si quieres ms informacin sobre cmo trazar mira 3 claves para hacer trazados en
illustrator

2. Pulir las formas

El siguiente paso consiste en pulir las formas creadas, para que no queden picos,
redondearemos los bordes que veamos que despuntan, as pues el conjunto funcionar
mucho mejor y dar la sensacin de un entintado de verdad.

Una vez hecho esto y seguros de que este es el resultado que queremos, iremos a la
ventana Buscatrazos > Unificar y solaparemos todas las formas en una, tendremos toda
nuestra ilustracin en una sola forma.

3. Aadir detalles
Ahora aadiremos los detalles, estos detalles si que pueden ser trazos, si utilizis trazos
mejor crear otra capa slo para trazos, a la hora de seleccionarlos todos nos ir mucho
mejor. Si utilizamos formas podemos seguir en la misma capa.

Con lo que seria el entintado listo, desactivaremos la opcin multiplicar y desactivaremos la

visin de la capa donde se encuentra la ilustracin original.

4. El coloreado
Ahora es el turno del coloreado, para el color base, utilizaremos colores no muy
chillones pero intensos, as nuestra ilustracin resultar llamativa.
Al haber desactivado la opcin multiplicar y dejado la capa en modo normal, como hemos
hecho un entintado potente, no tendremos problemas a la hora de colorear, puesto que las
reas que quedan libres para colorear, no sern demasiado grandes.

5. Luces y sombras para dar volumen

Aadiremos pequeas sombras para dar un poco de volumen al resultado final. Para
esto, crearemos una nueva capa y la colocaremos entre la capa del entintado (trazo)
y la de color, la pondremos en modo multiplicar y bajaremos la opacidad al 40%

Como color seleccionaremos un azul claro y empezaremos a crear formassiempre hacia

una misma direccin (si una sombra est siempre a la derecha, que no haya otra que
est a la izquierda, una cierta lgica).
Por ltimo aadiremos algunos detalles en blanco a la imagen en una nueva capa, que
situaremos por entre la capa de entintado y la capa de color, estos detalles son unos brillos
para resaltar y detallar ms la imgen.

Y con esto ya habremo terminado nuestra ilustracin vectorial!! Estos conceptos son los que
he ido recogiendo durante este tiempo. Espero que os sean tiles a vosotros tanto como lo
han sido para m. Posiblemente no todos los pasos sean imprescindibles pero tener un
orden en la hora de trabajar y organizarse es importante :D

Un saludo a todos!! Hasta pronto!!

Consejos para vectorizar ilustraciones

con Illustrator
Por antonionavajas el 31 de Marzo de 2011 con 28,041 visitas

Diseo grfico Otros tutoriales por antonionavajas.

Este tutorial no se centra en las herramientas para vectorizar, sino en una serie
de consejos para ayudarnos en esta labor. El ejemplo ha sido realizado con un
lpiz, una servilleta, un escner, Adobe Illustrator CS3, dos manos, un par de
ojos y un ordenador con sus perifricos.
Nivel: Bsico

Ventajas de las imgenes vectoriales

Las imgenes vectoriales poseen al menos dos grandes ventajas sobre los
mapa de bits (jpg, png, gif...):

Menor peso.

Posibilidad de ser reescalado sin prdida de calidad.

Nota: Ahora que HTML5 da soporte a las imgenes vectoriales con sus
etiquetas <svg> y <canvas> es el momento de plantearse el formato de salida
de nuestras imgenes para web.

Vectorizando una ilustracin

Aunque algunos diseadores sean capaces de crear grficos vectoriales
directamente en la aplicacin, en la mayora de los casos es ms fcil realizar
el dibujo a mano y despus escanearlo. Para este tutorial yo he hecho un
dibujo bastante simple en una servilleta (adoro dibujar en servilletas
) y lo
he escaneado. No es necesario escanear la imagen en alta calidad, ya que
slo la usaremos para verla en pantalla.

En primer lugar importamos la imagen a nuestra mesa de trabajo. Si queremos

hacer ms cmoda la visualizacin del dibujo le bajamos la opacidad a un 30%70% segn lo clara u oscura que sea. Para asegurarnos de que no movemos la
imagen mientras la "calcamos" es aconsejable bloquear la capa.

Ahora empezamos a dibujar encima con la herramienta pluma. Es muy

importante trabajar cada elemento (cara, ojos, manos...) en una capa diferente,
e ir bloqueando las capas que finalicemos. Podemos crear capas nuevas
pulsando Cmd+L. Si en algn momento te equivocas y dibujas en la capa

errnea, recorta el objeto con Cmd+X y pega en la capa correspondiente con

Cmd+F. A diferencia de Cmd+V, pegar en el mismo lugar. Adems hay que
procurar cerrar los trazados que van a llevar relleno. Illustrator permite rellenar
trazados abiertos, pero "une" el punto inicial y el final del trazado para ello, y tal
vez no sea lo que queramos.

Las guas inteligentes en algunas ocasiones nos ayudarn y en otras nos

entorpecern. Es interesante ir activndolas y desactivndolas pulsando
Cmd+U.

Aprovecha para realizar cambios en el dibujo, mejorndolo, aadiendo detalles,

simplificndolo, etc. Como podis ver en la imagen anterior, he "depurado" las
manos, el telfono y los zapatos.
En el caso de usar filetes (las lneas del dibujo) deberemos tener en cuenta su
grosor a la hora de realizar el trazado.

En la fase de coloreado es difcil hacerse a la idea de cules son colores que

vamos seleccionando. Para ayudarnos podemos crear una serie de recuadros
con un buen tamao donde aplicar los colores que vamos a usar (como si
fuese la paleta de un pintor) y as poder verlos en un tamao mayor que en la
biblioteca de muestras y de paso ver como combinan.
Es interesante aplicar motivos personalizados a los rellenos para lograr estilos
tipo cmic.

Si queremos podemos aplicarle un pincel a los trazados abiertos. As podremos

crear imperfecciones que simulen el dibujo hecho a mano.
Por ltimo, os dejo una composicin hecha con nuestro personaje.