1. Design & Illustration
  2. Illustration

De boceto a vector, ilustración simple que no es tan simple

by
Read Time:7 minsLanguages:

Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)

La ilustración simplificada, limpia y minimalista vuelve a ser popular. Este estilo de ilustración es interesante, no sólo visualmente sino también técnicamente. Lograr este estilo no tiene tanto que ver con las habilidades de interpretación como con los elementos y principios de diseño, como el equilibrio, la armonía, el color, la proximidad y el contraste. En este tutorial de Vector Basix aprenderás cómo llevar el diseño de boceto a vector y cómo hacer una ilustración minimalista propia.


Introducción

El objetivo de este tutorial es reducir una imagen a formas sencillas y eliminar todos los "detalles" sin perder el interés visual. Estos son algunos ejemplos de personas que lo hacen muy bien;

Lo que hay que tener en cuenta es la simplicidad. Ahora bien, hay una diferencia entre simple y simplemente aburrido. Ilustrar algo de forma sencilla, pero con carácter, o personalidad, es lo que se busca. Con círculos, cuadrados y líneas, describiré los 4 "procesos" principales que utilizo para crear este hermoso estilo de ilustración.


Paso 1

Es hora de tener una idea, tener una es siempre un buen punto de partida. Ahora que se acerca el verano y hace tan buen tiempo fuera (al menos en Chicago), los jardines empiezan a florecer. ¡Ya tengo mi idea! ¡Frutas y verduras!


Paso 2a

Esboza tu idea. Dado que el objetivo principal de este estilo de ilustración es la simplicidad, intenta descomponer cada fruta/verdura en su forma más básica. No se trata de representar la forma, sino de utilizar el menor número posible de líneas y formas para describirla. Este es un paso en el proceso que no debe ser pasado por alto. Básicamente, estás "haciendo tu tarea" para que cuando llegues a la parte vectorial sepas qué hacer.


Paso 2b

Escanea el boceto y abre un nuevo documento en Illustrator. Coloca el boceto y la foto de inspiración junto a tu área de trabajo. Aunque no vayamos a utilizar ninguno de los dos en la ilustración, es útil tener las imágenes como referencias rápidas.


Paso 3a

Entremos de lleno. El dibujo más básico de la ilustración es la naranja. Empieza por dibujar un círculo. (En caso de que seas extremadamente nuevo en Illustrator, utiliza la herramienta Elipse (L) mientras mantienes pulsada la tecla Mayúsculas)


Paso 3b

La naranja, literalmente, podría ser sólo un círculo relleno de naranja, pero para que no sea tan aburrido, dibuja un pequeño óvalo naranja ligeramente más oscuro sobre el círculo. Eso es todo; ¡una fruta ya está lista, con dos formas! Muy fácil.


Paso 4a

Como mencioné, hay 4 "procesos" muy básicos que utilizo para crear este estilo de ilustración. En primer lugar, añadir o combinar formas. Para crear la parte superior del brócoli, simplemente combina círculos de diferentes tamaños uno encima de otro. Hacer esto, en lugar de intentar dibujar la forma con la herramienta pluma, ayuda a mantener la consistencia visual.


Paso 4b

A continuación, con la herramienta rectángulo redondeado, crea 3 rectángulos y ponlos en ángulo, uno vertical y otro a cada lado, como si fueran tallos de brócoli.


Paso 5a

En segundo lugar, resta formas. En lugar de dibujar formas inusuales con la herramienta pluma, puedes "restar" formas simples entre sí para obtener la forma que necesitas. El chile banana es un buen ejemplo. Empieza creando 2 círculos. Usando el panel buscatrazos, resta el círculo superior (blanco) del círculo verde claro (Ventana> Buscatrazos> Menos frente).


Paso 5b

A continuación, con la herramienta Añadir punto de ancla (+) , añade un punto a cada lado del chile. Usando la herramienta Eliminar punto de ancla (-) elimina los puntos que no necesites por encima de los 2 puntos que acabas de crear.


Paso 5c

Para crear las hojas/ramita superior, superpón 2 círculos y en el panel buscatrazos selecciona la opción Intersectar (Ventana> Buscatrazos> Intersectar). Esto restará el lado y te dejará sólo el área de superposición; una forma de hoja perfecta. A continuación, copia y pega la misma forma de hoja en ambos lados y utilizando la herramienta Rectángulo redondeado crea la ramita. Con la herramienta Selección directa (flecha blanca) borra los puntos innecesarios del rectángulo (selecciona un punto y luego pulsa la tecla borrar). Boom, chile banana.


Paso 6a

El tercer "proceso" que utilizo, es añadir puntos de anclaje en lugares estratégicos de las formas, y luego eliminar los puntos innecesarios. Por ejemplo, para crear el limón, comienza con un óvalo (de nuevo creado con la herramienta Elipse) y añade un punto de anclaje a cada lado de los puntos superior e inferior del óvalo utilizando la herramienta Añadir punto de ancla (+). Para mantener la simetría, es útil arrastrar una guía al punto de intersección deseado y activar las guías inteligentes (Ver > Guías inteligentes).


Paso 6b

Utilizando la flecha de selección directa desplaza los puntos superior e inferior hacia arriba y hacia abajo respectivamente (selecciona el punto y pulsa las flechas de arriba o abajo). Para terminar, simplemente dibuja un pequeño círculo debajo del extremo superior del limón.


Paso 7a

Por último, el cuarto "proceso" súper sencillo que sugiero es utilizar una escala sutil para representar capas. Un buen ejemplo de esto es un medio pomelo. Empieza con un círculo amarillo (cáscara), copia y pega delante (Comando C, Comando + F) un círculo blanco (dentro de la cáscara) y escálalo al 95% (Control + Clic > Escala). Copia y pega delante otro círculo rosado (pulpa) (Comando + C, Comando + F) y escálalo al 95% (Control + Clic > Escala). Para terminar utiliza la herramienta Línea para crear una línea vertical, y simplemente copia y pega esta línea 3 veces para crear las secciones de la pulpa. Girarlas mientras mantienes pulsada la tecla Mayús te ayudará a mantener la simetría de las secciones.


Paso 7b

Además, fíjate en que añadí una sutil terminación redondeada a las líneas de la sección de la pulpa del pomelo. Hice esto con el fin de darle un elemento adicional para describir la forma.


Paso 8a

Mostrar cómo se construye cada pieza de fruta/verdura sería extremadamente aburrido. Esencialmente es el mismo proceso una y otra vez, sólo que utilizando diferentes formas y colores. Una buena manera de ver cómo creé las frutas y verduras individuales es mirar los contornos. Fíjate en que las uvas son exactamente como el brócoli y están hechas de un montón de círculos superpuestos. Aplicando un simple trazo a unos cuantos círculos, se obtiene la "profundidad" que representa el racimo de uvas.


Paso 8b

Fíjate en que el trozo de lima es casi igual que el medio pomelo, con diferente coloración. El plátano tiene tres formas: una gran forma amarilla creada a partir de dos círculos superpuestos (ref. paso 5a.), una pequeña forma triangular marrón y una línea curva marrón claro, copiada de la forma amarilla. La seta es un rectángulo con un medio círculo encima. Simple, inteligente y sutil.


Paso 8c

Dibuja el resto de frutas y verduras. De nuevo, fíjate en que las rodajas de aguacate y pepino están construidas de la misma manera que el pomelo. La zanahoria sólo tiene dos formas, igual que la naranja. Los brotes, posiblemente mis favoritos de las frutas y verduras, son básicamente una línea con un trazo repetido numerosas veces.


Paso 9

El color es vital en este estilo de ilustración; puede lograr o destruir la sensación general de la imagen. En este caso es bastante fácil, ya que basta con tomar como referencia nuestra "foto de inspiración". Como puedes ver en el plátano, he utilizado una combinación de colores bastante realista. En general, he refinado la combinación de colores ligeramente para que sea un poco más vibrante que los colores reales. 


Paso 10

Por último, el aspecto más importante de este estilo de ilustración es la composición. Como las formas de las frutas y verduras son tan sencillas, es imprescindible maximizar la composición. Condensar el espacio entre las frutas y verduras ayuda a crear interés visual. Cohesiona tu ilustración colocando un bonito y vibrante color azul pastel de fondo.


Conclusión

Los cuatro "procesos" que he expuesto aquí son extremadamente básicos, pero a veces es bueno volver a lo básico y pensar en las cosas con sencillez. Recuerda que no es la técnica, sino la idea, lo que hace que una imagen destaque sobre las demás. Practica tu visualización y estarás haciendo composiciones vectoriales increíbles en poco tiempo.

One subscription.
Unlimited Downloads.
Get unlimited downloads