Del Pixel al Vector

Cómo vectorizar una imagen en formatos jpg, bmp, gif o cualquier otro tipo de imagen pixelar.

- photoshop e illustrator cs3 -
(hacer click sobre las imágenes para agrandar)


1. Abrimos Nuestra imagen en Photoshop

2. Vamos a Image > Adjustments > Threshold



3. Vamor modificando la configuracion del Treshold, hasta encontrar la silueta que buscamos. Click en OK,



4. Ahora podemos hacerle retoques, en caso de que quedaran manchitas o lineas que no nos gusten, utilizando el borrador, la herramienta clonar o pintando.

5.Guardamos (siempre en alta calidad, sin comprimir, prferentemente cuardar en .bmp)

6. Abrimos el Illustrator

7. Live Trace > Tracing Options



8. Nuevamente, queda a ojo y criterio de cada uno... buscar las opciones y variables que mas nos satisfagan. Click en TRACE (esto es lo que vectoriza)



9. Click en EXPAND ("descompone" las formas vectorizadas)



10. Después de darle el Expand, siempre quedan agrupadas, así que boton derecho y UNGROUP



11. Ahora podemos ir editando los puntos de control (nodos) del vector para darle "más forma"



12. Listo! Guardas en el formato vectorial que necesites.

................................................................................

Sombras y Brillos en Illustrator - Transparencias Degradadas (Multiply - Opacity Mask)

Illustrator CS3 -versión en inglés-



Lo que intento aqui es trabajar con trasparencias degradadas -o degradacion de color a trasparente-

Para eso, por el momento, conozco dos métodos:

• Multiply (para las Sombra del vestidito)
• Opacity Mask (para los Brillos en el cabello)

MULTIPLY

1) Hacemos una copia del objeto que vamos a sombrear y los vamos a colorear con un degradado de negro (color opcional) a blanco (siempre...el blanco es la trasparencia)



2) Vamos a la solapa de transparencias y en la seleccionamos la opcion "Multiply"



3) Ubicamos y listo



Con esta característica, siempre tenemos que tener en cuenta que el color blanco es la transparencia y que vamos a ver el degradado en el objeto sobre el que se encuentre nuestro plano con "multiply"


OPACITY MASK

1) Creamos una 2 copias de la forma a la que queremos darle brillo

2) Una copia la mantenemos en el color que queremos se valla degradando a transparente

3) la otra la coloreamos en degrade de blanco a negro (siempre.. teniendo en cuenta que el sector en negro será el que valla transparentando)



4) Ubicamos el plano en degradado de blanco a negro sobre el de color

5) Seleccionamos ambas formas

6) Desde el menu Trasparencias >> Show more options >> Make Opacity Mask



7) Ubicamos para donde va y listo

Sombras y Brillos en Illustrator - Recorte de Forma (Pathfinder)

Illustrator CS3 -versión en inglés-



Se utilizaron los recortes de forma para:

• el brillo en las estrellas
• las sombras en el rostro y el vestido

¿Cómo creamos Los Recortes de Forma?

Utilizando la Herramienta "Pathfinder" de la siguiente manera:

1) Tenemos nuestra forma a recortar

2) La copiamos, le cambiamos de color -preferentemente blanco-



3) Esta segunda copia de distinto color la ubicamos sobre la forma a recortar por donde delimitamos la propia figura

4) Seleccionamos ambas formas con el cursor

5) Menu Pathfinder



6) Subtract from shape area



7) Seleccionamos esta nueva forma, en este caso, pretendemos hacer una sombra, oscurecemos el color dentro de la misma paleta



8) Ubicamos donde corresponde y Listo!





................................................................................

Sombras y Brillos en Illustrator - Blur

Illustrator CS3 -versión en inglés-



Se aplico en este caso el Efecto Blur (Desenfocado):

• en una forma circular de color blanco para los brillos (cabello y luz en estrellitas)
• en una forma circular de color rosado para darle un efecto de rubor a las mejillas
• en una forma circular de color negro para las sombras (cuello y debajo de las estrellitas)

Para utilizar este herramienta:

1) Click sobre la forma a desenfocar

2) vamos sobre nuestro menu superior a
"Efectos" >> "Blu" >> "Gaussian Blur"







nuevamente, queda a criterio de cada uno jugar con las opciones hasta encontrar el efecto buscado


3) Clik en Ok, y listo








Atentos que...: el abuso de este afecto compromete el peso del archivo final, si se usan demasiadas formas blureadas-palabra re cool para desenfocadas-, y la pc en la que trabajas es de una velocidad media, probablemente tarde en procesar cada vez que abris o cerras el documento.





................................................................................

Sombras y Brillos en Illustrator - Planos y Transparencias

Illustrator CS3 -versión en inglés-



Los brillos/sombras planas son aquellas compuestas por formas,
ejemplo de:
"brillo" en los ojos
"sombra" a la proyectada a los pies de nuestro personaje



para darle cierta sutileza podemos aplicarle trasparencia a estos planos,

1) le damos click sobre la forma o plano a transparentar

2) Vamos al menu "trasparencias" y vamos jugando con las opciones hasta dar con la que mas nos satisfaga.




................................................................................

Sombras y Brillos en Illustrator - Introduccion

Esta vendría a ser la intro a mi primer serie de mini-tutoriales, la idea es ir armando en posts individuales los truquitos de como trabajar/crear sombras y brillos en el illustrator (trabajo con la version cs3)

el temario a desarrollar sería:

Brillos y Sombras:

• Planas
• Transparencias
• Utilizando Herramienta "Blur"
• Recorte de Forma (Pathfinder)
• Transparencias Degradadas (Multiply - Opacity Mask)
• Efecto "Gloss" (Fusionado de colores - Opacity Mask)

Pienso que invirtiendo los colores de claros a oscuros pasan a ser o brillos o sombras.. va a leer el mismo procedimiento, las mismas herramientas, para ambos casos.. opto por crear estos mini tutoriales de forma independiente ya que pienso que así será mas fácil leerlos.

aca les dejo un ejemplo, que es sobre el que voy a trabajar en esta serie de tutoriales:
este es mi personaje,
Yanis -no se de donde salió pero le veo cara de Yanis-
el antes, el dibujo plano y el depués aplicando todas las sombras y brillos, auqnue no haya mucha coherencia al combinar todos los estilos, esto va a modo de ejemplificacion...



proximamente.... voy a estar subiendo los mini-tutoriales





................................................................................