Del boceto al vector, ilustración simple que no es tan simple

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


Introducción

El objetivo de este tut es dividir una imagen en formas simples y eliminar cualquier "pelusa" y lograr un interés visual. Aquí hay algunas personas que lo hacen muy bien;

  • Las pequeñas apuestas
  • Compañeros de laboratorio
  • Siempre con honor
  • Katie Kirk
  • Olly moss

Lo que hay que tener en cuenta aquí es la simplicidad. Ahora, hay una diferencia entre simple y simplemente aburrido. Ilustrar algo de manera simple, pero con carácter o personalidad, es el resultado deseado. 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 una idea, tener una siempre es un buen lugar para comenzar. Con el verano acercándose y un clima tan agradable en el exterior (al menos en Chicago), los jardines están empezando a florecer. Tengo mi idea! Frutas y vegetales!


Paso 2a

Dibuja tu idea. Debido a que el enfoque principal de este estilo de ilustración es la simplicidad, intente dividir cada fruta / verdura en su forma más básica. El foco no está en representar la forma, está tratando de usar la menor cantidad de líneas y formas posibles para describir la forma. Este es un paso en el proceso que no debe pasarse por alto. Básicamente, estás "haciendo tu tarea", así que cuando llegas a la parte del vector, sabes qué hacer..


Paso 2b

Escanee el boceto y abra un nuevo documento en Illustrator. Coloque el boceto y la foto de inspiración al lado de su área de trabajo. A pesar de que realmente no usaremos ninguno de los dos en la ilustración, es útil tener las imágenes como referencias rápidas..


Paso 3a

Saltemos a la derecha. El dibujo más básico de la ilustración es el naranja. Comience simplemente dibujando un círculo. (En caso de que sea extremadamente nuevo en Illustrator, use la herramienta Elipse (L) mientras mantiene pulsado shift)


Paso 3b

La fruta naranja, literalmente, podría ser solo un círculo relleno de naranja, pero para asegurarse de que no sea demasiado aburrido, dibuja un óvalo naranja ligeramente más oscuro en la parte superior del círculo. Eso es; ¡Una fruta ya está hecha, en 2 formas! Pan comido.


Paso 4a

Como dije, hay 4 'procesos' muy básicos que uso para crear este estilo de ilustración. Primero, sumando o combinando formas juntas. Para crear la parte superior del brócoli, simplemente combine círculos de diferentes tamaños uno encima del otro. Hacer esto, en lugar de intentar dibujar la forma con la herramienta de lápiz, ayuda a mantener la consistencia visual.


Paso 4b

Luego, utilizando la herramienta rectángulo redondeado, cree 3 rectángulos y cúbralos, 1 vertical y uno a cada lado, como los tallos de brócoli.


Paso 5a

Segundo, restando formas. En lugar de dibujar formas inusuales con la herramienta de lápiz, puede "restar" formas simples entre sí para crear la forma que necesita. La pimienta de plátano es un buen ejemplo. Comience por crear 2 círculos. Usando el buscador, reste el círculo superior (blanco) del círculo verde claro (Ventana> Explorador> Frente menos).


Paso 5b

A continuación, utilizando la herramienta Agregar punto de anclaje (+), agregue un punto a cada lado de la pimienta. Con la herramienta Eliminar punto de ancla (-) elimine los puntos que no necesita por encima de los 2 puntos que acaba de crear.


Paso 5c

Para crear las hojas superiores / los círculos de superposición de vapor 2 y en la paleta del buscador de ruta, seleccione la opción Intersección (Ventana> Atador> Intersección). Esto restará el lado y te dejará solo con el área de superposición; Una forma de hoja perfecta. A continuación, simplemente copie y pegue la misma forma de hoja en ambos lados y, con la herramienta Rectángulo redondeado, cree el vástago. Con la herramienta Selección directa (flecha blanca), elimine los puntos innecesarios del rectángulo (seleccione un punto y luego presione la tecla eliminar). Boom, plátano pimienta.


Paso 6a

El tercer 'proceso' que uso, es agregar puntos de anclaje en lugares estratégicos en las formas y luego eliminar los puntos innecesarios. Por ejemplo, para crear el comienzo de limón con un óvalo (creado nuevamente con la herramienta Elipse) y agregar un punto de anclaje a cada lado de los puntos superior e inferior del óvalo utilizando la herramienta Agregar punto de anclaje (+). Para mantener las cosas simétricas, es útil arrastrar una guía hasta el punto de intersección deseado y activar las Guías inteligentes (Ver> Guías inteligentes).


Paso 6b

Con la flecha Selección directa, mueva los puntos superior e inferior hacia arriba y hacia abajo respectivamente (seleccione el punto y presione las flechas hacia arriba o hacia abajo). Para terminar, simplemente dibuja un pequeño círculo debajo de la punta superior del limón..


Paso 7a

Por último, el cuarto "proceso" súper simple que sugiero es usar una escala sutil para expresar capas. Un buen ejemplo de esto es una media toronja. Comience con un círculo amarillo (cáscara), copie y pegue en frente (Comando C, Comando + F) un círculo blanco (cáscara interna) y escálelo al 95% (Control + clic> Escala). Copie y pegue en frente otro círculo rosado (pulpa) (Comando + C, Comando + F) y escale ese 95% (Control + clic> Escala). Para finalizar, use la herramienta de línea para crear una línea vertical, y copie y pegue esta línea 3 veces para crear las secciones de pulpa. Girar mientras se mantiene el turno ayudará a mantener las secciones simétricas.


Paso 7b

Además, observe cómo agregué un final redondo sutil a las líneas de la sección de pulpa de toronja. Hice esto para darle un elemento extra para describir la forma..


Paso 8a

Mostrar cómo construir cada pieza de fruta / verdura sería extremadamente aburrido. Esencialmente, es el mismo proceso una y otra vez, simplemente usando diferentes formas y colores. Una buena manera de ver cómo creé las frutas y verduras individuales es mirar la vista de esquema. Observe cómo las uvas son exactamente como el brócoli y están hechas de un montón de círculos superpuestos entre sí. Al aplicar un trazo simple a unos pocos círculos, se obtiene la "profundidad" que describe el racimo de uvas..


Paso 8b

Observe cómo la cuña de lima es casi igual a la mitad de la toronja, con diferente coloración. El plátano tiene 3 formas; una gran forma amarilla creada a partir de dos círculos superpuestos (ref. paso 5a.), una pequeña forma de triángulo marrón y una línea curva de color marrón claro, copiada de la forma amarilla. El hongo es un rectángulo con un semicírculo encima. Simple, inteligente, sutil..


Paso 8c

Dibuja las frutas y verduras restantes. De nuevo, mira cómo las rodajas de aguacate y pepino se construyen de la misma manera que la toronja. La zanahoria tiene solo 2 formas, igual que la naranja. Los brotes, posiblemente mi favorito de los males de frutas y verduras, son básicamente una línea con un golpe repetido varias veces.


Paso 9

El color es vital en este estilo de ilustración; Puede hacer o deshacer la sensación general de la imagen. Es bastante fácil con este tema, porque puedes simplemente hacer referencia a nuestra 'foto de inspiración'. Como puedes ver con el plátano, he usado un esquema de color bastante realista. En general, he refinado el esquema de colores para que sea un poco más vibrante que los colores reales..


Paso 10

Finalmente, el aspecto más importante de este estilo de ilustración es la composición. Debido a que las formas y formas de las frutas y verduras son tan simples, maximizar la composición es imperativo. Condensar el espacio entre las frutas y verduras ayuda a crear interés visual. Ata su ilustración dibujando un color de fondo azul pastel vibrante y agradable.


Conclusión

Los cuatro 'procesos' que he presentado aquí son extremadamente básicos, pero a veces es bueno volver a lo básico y pensar en cosas simplemente. Recuerde, no es la técnica, sino la idea que hace que una imagen se destaque del resto. Practica tu visualización y estarás haciendo increíbles composiciones vectoriales en muy poco tiempo..