Encuesta

¿Cuál es tu principal fuente de información?





Resultados

Vexel: Apilando bloques de formas y colores

Muchas veces hemos visto ilustraciones impactantes que parecen hechas en vectores, algunas veces nos hacen dudar ya que se ven muy reales y por lo general nos preguntamos ¿qué es eso? y ¿cómo se hace?. Vamos a ver lo necesario para adentrarnos al mundo del Vexel y comenzar a realizar ilustraciones con Illustrator y mucha paciencia, pero primero, su historia.
 
vexel tutorial

El término “Vexel”

Vexel es un término que nace de las palabras vector y píxel.  Es un estílo de arte que con el tiempo ha tomado fuerza ya que bien ejecutado luce impresionante. Podemos crear Vexels con programas vectoriales y de imágenes raster, solo hay que seguir una regla sencilla: para que tu ilustración sea Vexel es necesario que esté creada con bloques limpios de color, en lo personal recomiendo realizar este tipo de arte con un programa vectorial, ya que de esta manera vas a poder escalar sin problemas tu ilustración y adaptarla a cualquier medio ya que los vectores no pierden calidad al momento de ser ampliados a formatos grandes como carteles o espectaculares.
 
¿Como se hace un “Vexel”?

El proceso para crear un Vexel es sencillo pero laborioso, así es que debes de tener en cuenta esto al momento de hacer una ilustración ya que dependiendo de tu paciencia y atención a los detalles, va a ser el acabado que obtengas al final. 

Los Vexels pueden ser creados de diferentes maneras pero el proceso en sí es el mismo, la idea es ir apilando bloques de colores y formas parecidas para poder crear una ilustración. Los Vexels pueden ser creados con base a un boceto o fotografía, inclusive se puede realizar trazando una fotografía o ilustración existente; en este aspecto no hay limitantes, por lo general para esta técnica lo mas común es ver personajes, pero también puedes realizar un paisaje o un producto.

Recuerda que dependiendo de la cantidad de bloques o cantidad de colores que decidas utilizar va a ser el acabado que lograrás con tu Vexel, si utilizar pocos colores vas a obtener un acabado estilizado y minimalista, si decides utilizar una gran cantidad de colores y formas, obtendrás un acabado mas realista. Recuerda tener esto en cuenta al momento de empezar.

Antes de comenzar cabe recalcar que es necesario contar con experiencia utilizando la herramienta pluma de illustrator, ya que va a ser esta la que utilizaremos durante todo el tutorial; si no tienes suficiente práctica con la herramienta, puedes comenzar a hacer ejercicios como trazar figuras sólidas para familiarizarte.

Pasos a seguir

Después de esta introducción, vamos a comenzar con nuestro propio vexel. Para esto vamos a necesitar una fotografía base y el programa Adobe Illustrator, la foto que yo escogí es un personaje de una serie de televisión, pero puedes elegir la imagen que quieras, ten en cuenta que mientras mejor sea la calidad de la foto, te va a ser mas fácil el ir trazándola. Una vez seleccionada la importamos a Illustrator y bloqueamos ese layer, para no estar seleccionándola continuamente, después de bloquear ese layer vamos a crear uno nuevo, en este es donde vamos a comenzar a trabajar.
 
vexel tutorial 

Lo primero que vamos a hacer es el Line Art, el Line Art va a ser todo el contorno de tu foto, al momento de estar trazando el contorno puedes utilizar colores contrastantes para identificarlo facilmente y que no se confunda con tu imagen, de cualquier manera, el Line Art se va a cambiar de color después.
 
vexel tutorial 

La función del Line Art es tener una guía, al terminar toda nuestra foto vamos a rellenarlo poco a poco, trata de ser lo suficientemente detallista para tener una buena referencia. 

Una vez terminado el Line Art bloqueamos ese Layer y creamos uno nuevo en el que va a ir el color de nuestro personaje.
 
vexel tutorial 

Vamos a comenzar por zonas, primero la cabeza, para colorear la cara tomamos una muestra del color de la piel con la herramienta gotero, vamos a empezar por los colores mas obscuros para poco a poco ir llegando a los más claros, para esto vamos a trazar primero todas las zonas de color oscuro que creas conveniente.
 
Una vez que hayas terminado con ese color nos vamos a la ventana Color y oprimimos la flecha que nos dará las opciones del color, ahí cambiamos el modo de color a HSB que nos permite manejar la intensidad, saturación y brillo del color que tenemos seleccionado. El truco es ir bajando la tonalidad poco a poco hasta terminar la piel de la cara, conforme vayamos terminando de trazar un color más claro, lo vamos a ir acomodando mediante el comando Object > Arrange > Send to Back, de esta manera vamos a tener los colores mas obscuros arriba y los mas claros abajo, esto es gusto personal, puedes experimentar como es que a ti te funciona mejor, incluso los mas oscuors hasta abajo y los claros hasta arriba.
 
vexel tutorial 

Vamos a seguir el mismo procedimiento con todas las zonas del cuerpo, te recomiendo que utilices un zoom de 600 a 800 % para que puedas trazar fácilmente todos los detalles y no te canse mucho la vista.
 
vexel tutorial 

Una vez terminado de trazar y colorear tu imagen bloqueamos esa capa y regresamos al Line Art, aquí tú vas a decidir si quieres conservarlo o decides borrarlo, lo que hice yo con esta ilustración es colorear el Line Art con un tono un poco mas oscuro que el utilizado para el tono de la piel, de esta manera el Line Art se fusiona con el Layer del color y resalta la ilustración, el acabado que decidas darle dependerá de ti.
 
vexel tutorial 

Recomendaciones

Por último, hay una serie de consejos para que te sea mas sencillo el realizar tu Vexel, pero el punto clave para obtener un buen resultado es la práctica constante y la dedicación, mientras más tiempo le dediques va a ser más satisfactorio el resultado que obtendrás, no te desesperes, este estílo de ilustración requiere de mucho tiempo y paciencia, pero poco a poco le vas a agarrando el gusto y te vuelves mas cuidadoso con los detalles. 

Piel: Para poder tener un mejor control con los diferentes tonos de piel puedes aplicar el filtro posterizar en Photoshop para obtener una imagen con la separación de tonos mas marcados, también puedes duplicar la imagen y convertirla a escala de grises, de esta manera es más fácil ver donde van los tonos claros y obscuros.

Ojos: Al momento de estar realizando los ojos recuerda los siguientes detalles: las cejas no son una plasta de color, se tienen que trazar con cuidado al igual que las pestañas para poder conseguir mayor realismo y una mejor expresión. 

Ten mucho cuidado al momento de colorear las pupilas, recuerda que si usas colores con mucho brillo no van a lucir naturales. 

Los ojos no son completamente blancos, son una esfera, y como tal tienen diferentes tonalidades de color.

Labios: Los labios en ocasiones son muy complicados, pero no te preocupes con practica todo se vuelve sencillo, utiliza colores muy parecidos a la piel ya que si usas colores muy rojos, va a parecer que tiene la boca pintada. 

Las coyunturas de la boca se fusionan con la piel, tenlo en cuenta para obtener un resultado mas real.

Cabello: Esto es lo más complicado al momento de hacer un Vexel e incluso de cualquier ilustración ya que prácticamente se tiene que hacer uno por uno, toma en cuenta que el cabello tiene volumen y peso, así es que si quieres que luzca natural debe de tener una caída en proporción a lo largo de este. 

Ten especial atención cuando estés trazando cabello güero ya que muchas veces la gente utiliza color amarillo y eso no se ve natural, prueba con diferentes tonos de café, muy claros y dale sombras con tonos de café un poco más obscuros.

Consejos generales: Cuando estés haciendo tu Line Art recuerda hacerlo por zonas ya que generalmente lo terminas coloreando. Al momento de realizar alguna sombra para algún tono muy oscuro utiliza diferentes tonos de azul o café, nunca utilices color negro para sombrear ya que esto no es natural. 

Diviértete y disfruta la creación de tu Vexel, aprende a utilizar bien la herramienta Pluma de Illustrator y pronto vas a conseguir resultados sorprendentes.

Espero que te haya gustado este tutorial, la práctica, paciencia y constancia es la clave del éxito, animo y no te desesperes, recuerda que cualquier duda puedes hacérmela llegar a Esta dirección electrónica esta protegida contra spam bots. Necesita activar JavaScript para visualizarla .
 
vexel tutorial 
 
 ¡ Artículo publicado en Revista NeoPixel #06! 
 
 
Comentarios (2)Add Comment
Vexel Grupo
escrito por Leopard, noviembre 21, 2009
Hola un placer invitarlos al sitio de amantes del vexel

http://www.vexel.tk
report abuse
vote down
vote up
Votes: +0
lo maximoo!!!
escrito por peter, noviembre 07, 2010
me fascino el tutorial y los consejos que distes para el vexel...voy a empezar a poner en practica tus consejos...felicitaciones
report abuse
vote down
vote up
Votes: -1

Escribir comentario
quote
bold
italicize
underline
strike
url
image
quote
quote
smile
wink
laugh
grin
angry
sad
shocked
cool
tongue
kiss
cry
smaller | bigger

security code
Escribe los caracteres de la imagen


busy

Artículos Relacionados

Imágenes en Portafolios Neopixel