La ilustración plana está en todas partes. Piense en las señales de tráfico. Las imágenes son limpias, simples, sin demasiados detalles y es fácil saber de qué se trata de un vistazo.

Voy a dibujar tres escenas de The Little Match Girl que tienen diferentes estados de ánimo y puntos focales entre sí. Estoy seguro de que la mayoría de ustedes están familiarizados con la historia.

 

Hablaremos sobre el enfoque principal, la elección de esquemas de color y cómo funciona todo en un estilo de ilustración plana.

 

Recomiendo revisar la versión de video a continuación para ver el lapso de tiempo.

Herramientas y Estilo

La ilustración plana generalmente no tiene líneas. Puede dibujarlo libremente con cualquier bolígrafo, pincel o simplemente usar la herramienta Lazo y rellenar. También puede usar la herramienta Figura para dibujar contornos suaves.

Los pinceles texturizados como Chalk, Pastel y demás también funcionan muy bien si eso es lo que prefieres.

Estoy usando mi lápiz de mapeo modificado favorito y mi borrador duro, además de la herramienta Gradiente y el aerógrafo Tone Scraping para otros efectos.

Está bien sombrear la ilustración con sombreado de celdas o degradado, pero recuerde que la ilustración plana debe verse plana. Dibuja el sombreado de una manera que no le dé a la ilustración mucha sensación de profundidad.

Si estás usando degradado, úsalo con atención. Queremos que las formas se vean nítidas, demasiado degradado puede enturbiar los colores.

Esquema de colores

Debido a su naturaleza sin líneas, el color es muy importante. No puede hacer trampa usando líneas de arte para separar elementos de colores similares.

Fue entonces cuando entró el contraste. Ya sea el contraste de forma o el contraste de color, nuestros ojos se sienten atraídos por algo que es inusual. Y para parecer inusual, el foco principal debe ser diferente de su entorno.

El color es nuestra mejor arma. Cuando hable de colores, use que hay cuatro tipos de contraste.

 

1. Color versus escala de grises. Que es más o menos lo mismo que...

2. Saturada frente a desaturada.

3. Cálido versus Frío.

Pero el más importante de todos ellos son los valores. Explicaré los valores justo después de elegir los colores.

Elegir el esquema de color fue una pesadilla para mí. Saber sobre la teoría del color es una cosa, pero ¿cómo elegimos los colores?

 

Mi consejo es elegir primero el color que dominará la mayor parte del espacio en la ilustración.

Las escenas suceden de noche, el entorno estará en azul. Así, el azul dominará y se convertirá en nuestro primer color.

 

En la teoría del color, tenemos muchos colores que funcionan muy bien con el azul. Y muchos que no. Esto nos ayuda a eliminar muchas probabilidades.

Los colores cálidos llaman la atención y son un buen contraste para el azul frío.

Es una buena idea tener algunos en la ilustración, particularmente para nuestro personaje principal. Esto elimina las armonías de color que solo tienen colores fríos.

Ahora que tenemos menos, decide cuánto tono quieres usar. Para esta ilustración, dos es muy poco y cuatro es demasiado. Quedémonos con tres.

Solo quedan dos. Es invierno, por lo que usar verde sería extraño y no tengo ganas de usar rosa, por lo que el ganador es Split Complementary.

¡Felicitaciones, tenemos un esquema de color!

 

Espero que este consejo pueda ayudarte cuando estés atascado eligiendo colores para tu arte.

Etapa de planificación

Pintemos un borrador muy rápido. Estoy probando los colores y desarrollando los personajes y el entorno en este paso porque odiaría tropezar al dibujar la cosa real. Primero, como esta no es una historia alegre, evito escoger colores saturados.

• Para las luces a través de la ventana, usaremos amarillo desteñido.

 

• La nieve está en azul claro en lugar de blanco. Tiendo a evitar el blanco puro y el negro puro en mis ilustraciones en color.

 

• Para atraer los ojos del espectador hacia la chica, vamos a usar colores más cálidos que sean un poco más saturados y brillantes, mientras que el transeúnte se ve descolorido y azulado en comparación con ella.

 

• Para la estrella, amarillo saturado de luz en comparación con las ventanas y un poco de brillo.

 

• Para la última imagen donde la niña y su abuela vuelan al cielo, opté por bañarlas en una luz cálida con degradado utilizando los colores de la estrella fugaz.

Para ver si los colores funcionan, verifique los valores. Vaya a Propiedad de capa> Color de expresión> Gris.

Cambiará su imagen coloreada a escala de grises.

El valor es cuán claro u oscuro puede ser un tono. Diferentes colores pueden tener valores similares, lo que no es bueno para la ilustración plana. Es importante que diferentes formas tengan diferentes valores.

Por ejemplo, los colores del pañuelo de la niña y la ventana tienen valores similares.

Usé Tono/Saturación/Luminosidad y aumenté el brillo para hacerlo más claro. Aumenta la visibilidad.

Regrese a Propiedad de capa> Color de expresión, esta vez elija "Color" y vea el cambio. Los cambios que realice en el modo de escala de grises se trasladarán al modo Color.

Bosquejo

Para la primera imagen, la pobre niña persigue a alguien por la calle, tratando de vender sus fósforos. Lo haré en vista de arriba hacia abajo para mostrar el callejón angosto y ajustar más información a la ilustración.

La segunda imagen es la escena en la que la niña vio una estrella fugaz y recordó a su amable abuela.

 

El punto focal es la estrella fugaz y vamos a poner la cámara detrás de la chica para decirle al espectador que la chica está mirando hacia arriba.

 

Las luces de los edificios están todas apagadas para decirles a los espectadores que incluso cuando la ciudad se va a dormir, la niña todavía está afuera en el frío.

Hay demasiado espacio vacío en este plano general que dificulta enfocar la estrella, así que lo acorté un poco.

La estrella y la niña están en lados opuestos para equilibrar la ilustración.

Si la niña está justo debajo de la estrella, habrá un espacio vacío que hará que la ilustración parezca demasiado pesada por un lado.

 

No es una buena composición.

El último es cuando conoce a su abuela en el más allá.

Como la ilustración comienza a la izquierda, puse a la niña y la abuela arriba a la derecha para seguir la corriente.

La chica del callejón está en la parte inferior izquierda de la tercera ilustración. el foco principal es volar al cielo, hacer que la niña en la tierra se mezcle con los colores del medio ambiente.

 

Debido a la posición de la chica (la del callejón) en la tercera ilustración, volteé la segunda ilustración por consistencia.

Comprobemos los valores de las tres ilustraciones. se ve bien Hora de finalizar.

finalizando

Agreguemos algo de sombra en la parte superior e inferior de la primera ilustración. Luego algo en los edificios para enmarcar mejor a la chica.

Segunda ilustración, agregue algunas rayas azules más claras al cielo para que esté menos vacío y licúe el edificio para enderezarlo.

Para el tercero, la cabeza de la chica de la tierra se hace más pequeña y se aumenta el contraste de la escena voladora.

Una última prueba antes de limpiar las ilustraciones es la prueba de Squint.

El propósito de esta prueba es determinar si el punto focal de la ilustración no se distrae con nada en el entorno.

 

La forma manual de hacerlo es alejarse de la pantalla, entrecerrar los ojos y mirar las ilustraciones.

Desenfocar las ilustraciones con Gaussian Blur también puede funcionar.

Como podemos ver, la primera ilustración no pasa del todo la prueba de Squint. La luz de las ventanas y la niña luchan por llamar la atención. Los otros dos, sin embargo, pasaron con gran éxito.

 

Cambié los colores de las ventanas en la versión final.

Verifiquemos los valores de color y hagamos otra prueba de Squint para asegurarnos de que todo salga bien.

Hice el vestido de la niña en la primera ilustración más oscuro para que resaltara más. Sobre la prueba del estrabismo...

La ilustración uno apenas pasó la prueba de Squint.

 

El vestido rojo y el pañuelo en la cabeza de la niña apenas llamaron más la atención que las luces de la ventana, así que opté por apagar la luz de su derecha y dibujar una nueva ventana con luz en la parte inferior izquierda de la primera ilustración.

¡Y hemos terminado! Espero que aprendas algo nuevo.

 

¡Nos vemos en el próximo tutorial!