Sobre esa ilustración espacial que sigues viendo

Mi proceso de pensamiento sobre cómo elegir el color y el estilo de ilustración. Publicado originalmente en el blog oficial de Adobe

Era 2013. Me senté, puse música, bajé las luces y abrí mi computadora portátil. Tenía un montón de cosas que hacer. En un intento de invocar la inspiración, comencé a dibujar líneas de una esquina de la pantalla a la otra, cuando de repente se formó un cometa. "Hm ...", mi cerebro lentamente se despertaba, "... ¿y si conecto las líneas y agrego algunos planetas". Siendo el procrastinador maestro que soy, hice exactamente eso. E hice un par de cosas más después de eso. Pocas horas después tuve mi toma Dribbble más popular, así como mi ilustración más popular de la historia.

Una ilustración que no tenía idea inspiraría su propia tendencia ilustrativa con muchos diseñadores y empresas de todo el mundo que la recrean, la repiten, la vuelven a imaginar ... Supongo que realmente me impactó cuando leí la respuesta de Meg Robichaud en un Entrevista de Dribbble sobre su foto favorita de Dribbble:

Me refiero a que los colores y las formas son impresionantes y, por supuesto, es espacio: increíble. La razón por la que es mi foto favorita es porque veo a las personas con él como fondo de pantalla de su teléfono o escritorio todo el tiempo, y es como esta pequeña insignia increíble: "Sí, sé que lo tienes en Dribbble. ¿Quieres parar lo que sea que estemos haciendo y hablar sobre Dribbble? "

Cuando leí esto pensé: "Guau. Esto es real. No me lo estoy imaginando ".

Entonces, al recibir un montón de solicitudes de tutoría constantemente, finalmente estoy compartiendo un tutorial y, lo que es más importante, el proceso de pensamiento detrás de esto. ¡Disfrutar!

El estilo de la ilustración

El estilo de ilustración se trata básicamente de limitaciones autoimpuestas. Y mi cerebro está constantemente inventando estas reglas extrañas cuando ilustro cosas. Es casi como un desafío ridículo que no puedo soportar pasar. ¿Qué pasa si dibujo un humano usando solo círculos? ¿Qué pasa si ilustra una puesta de sol usando solo un color? Y bam, nace un nuevo estilo de ilustración.

Reglas geométricas, progresiones lógicas, simetría. Hay algo muy atractivo en tener reglas matemáticas estrictas aplicadas al arte. Se siente como magia de ingeniería inversa, elimina el elemento místico en el arte, por lo que es casi como revelar la ciencia detrás de esto.

La ilustración del espacio tiene dos de estas reglas.

El patrón ondulado redondeado

Este patrón ondulado es la base de la ilustración del espacio, ya que casi todos los objetos están formados por él. El patrón ondulado en realidad alterna curvas hacia adentro y hacia afuera. Déjame mostrarte cómo se puede crear fácilmente en Adobe Illustrator.

Primero, dibuja algunos rectángulos con la misma altura. El espacio entre los rectángulos debe ser la altura de un rectángulo. Puede activar "Mostrar cuadrícula" y "Ajustar a la cuadrícula" para que sea más fácil.

Luego, llena los espacios con algunos rectángulos más, pero asegúrate de que sean más cortos que el primer lote de rectángulos para formar las curvas hacia adentro. Seleccione todo y fusione en una sola forma.

Por último, arrastre las esquinas vivas para redondearlas hasta que formen semicírculos perfectos. Ta-da! Acabas de dibujar un montón de perritos calientes apilados juntos.

Combinando varias longitudes y tamaños de perritos calientes, ya puede comenzar a formar objetos:

La inclinación de 30 °

Cada objeto en la ilustración se inclina a 30 °.
¿Por qué incluso inclinarse en primer lugar? Los objetos en la ilustración son cosas que flotan en el espacio, que por definición están desarticuladas, porque están ... bueno, flotando en el espacio. Entonces, sincronizar su dirección crea una buena unidad.

Ok, pero ¿por qué inclinarse a 30 °? Un ángulo recto o una dirección horizontal es demasiado simétrico y poco estimulante. La inclinación diagonal rompe la simetría de forma sincronizada. La razón por la cual 30 °, y no 45, o 20, o 15 ... es que me gusta más. Porque 30 ° es claramente el mejor ángulo del mundo.

En este punto, tenemos las formas y la inclinación, que se ve así:

Los colores

Resulta que mi cerebro es bastante vago cuando se trata de elegir el color. Clasifica cualquier ilustración en una de las dos categorías: simple o compleja. Luego elige una paleta de colores en consecuencia.

Las ilustraciones complejas tienen un alto nivel de granularidad, con muchas formas / objetos y muchos detalles. Por lo general, son muy similares a los patrones y no tienen un punto de enfoque claro. Mi cerebro ha decidido que este tipo de ilustraciones aparentemente funcionan bien con paletas de colores monocromáticas o análogas. O, en términos más amplios: menos colores y menos contraste de colores. Todo esto se reduce al equilibrio visual, por lo que si las formas son locas, los colores deben ser mansos.

Por otro lado, las ilustraciones con menor complejidad generalmente tienen un punto de enfoque claro y una jerarquía de objetos clara. En el lado de la forma de las cosas, estas ilustraciones parecen ser bastante sencillas, por lo que las opciones de color pueden ser más salvajes. Colores de alto contraste de cualquier tipo: complementarios, triádicos, tetrádicos, lo que sea siempre que sea una paleta llamativa y estimulante.

Hay un universo entero entre lo que describí como ilustraciones complejas y simples, pero mi cerebro no está demasiado preocupado con todo ese espectro, más bien etiquetaría cualquier ilustración como compleja o simple. Lo siento por eso.

La paleta de colores triádica

Debido al patrón y las formas repetitivas, la ilustración del espacio aparentemente pertenece a la categoría de "ilustración simple". Así que me volví loco con la paleta de colores, que es una elección más o menos triádica de magenta, cian y naranja, con un fondo violeta. ¡Yay, un poco de todo!

Así es como se ve eso en la rueda de colores:

Prometo que no tenía la intención de dibujar un signo de paz️

El fondo violeta es, naturalmente, el color más presente en términos de porcentaje, pero el magenta y el cian son perceptualmente más dominantes. El naranja parece muy poco, por lo que es más un color de acento, para crear un poco de contraste.

Elegí el violeta como fondo porque es el color del pegamento que conecta todos los objetos, por lo que debe funcionar bien con cada uno de los otros colores por separado. En la rueda de color se encuentra exactamente a medio camino entre los colores dominantes: magenta y cian, por lo que es perfectamente armonioso con ambos. También funciona bien con el color de acento, naranja, porque son colores complementarios.

Rompedores de patrones

Muy a menudo, las ilustraciones creadas con reglas estrictas tienden a ser un poco demasiado ... Patterny? Predecible y aburrido, demasiado de lo mismo. Como, demasiados perritos calientes. Así que estaba buscando formas de romper el patrón de una manera que no rompa las reglas.

El brillo

Agregué brillo en el mismo color del planeta, que parece bastante realista para objetos más claros sobre un fondo más oscuro. Glow también difumina un poco los bordes afilados, y le da a los planetas una propiedad física sin romper la planitud. Creé la composición final y agregué el brillo en Photoshop después de portar todos los objetos de Illustrator como objetos inteligentes.

La atmósfera de vidrio

La atmósfera de vidrio fue una adición de último minuto, y nuevamente es una propiedad física que crea más profundidad. No hay un gran secreto sobre cómo se logró esto, es una combinación simple de colocación y una máscara de recorte:

  1. Agrega un círculo sólido entre el gran planeta y los objetos detrás de él. Agregue un brillo sutil a la capa del círculo, utilizando Superposición como modo de fusión.
  2. Cree una copia de los objetos, colóquelos encima de la capa del círculo y, opcionalmente, modifique los colores para que sean un poco más claros.
  3. Crea una máscara de recorte. Seleccione las copias de los objetos y haga clic derecho> Crear máscara de recorte.

¡Es una envoltura!

Después de aplicar los perritos calientes, la inclinación, los colores, el brillo y la atmósfera de vidrio, ¡ya debería haber terminado! Aquí hay un resumen rápido:

Tengo curiosidad por ver cómo aplica las técnicas a sus propias ilustraciones también, así que envíe sus experimentos a mi manera. ¡Gracias por leer! (◉ᴗ◉)

¡Mira mis cosas en Behance o Dribbble, y siéntete libre de golpearme en Twitter!