Usando Messiness (Pixel Art)

2 420

PenultimateSaint

PenultimateSaint

Soy PenultimateSaint y estoy aquí para hablar sobre el poder del desorden. Saber cuándo ser desordenado y cómo convertir el descuido en una fortaleza es una habilidad fundamental que se puede aplicar a muchos medios diferentes.

 

Dicho esto, no puedo simplemente explicar un concepto fundamental sin un ejemplo, y ¿qué mejor medio para exhibir convirtiendo borradores en dibujos brillantes finalizados que el pixel art? Para ser precisos (je), les voy a mostrar cómo llegué desde aquí ...

hacia aqui:

(y aquí está el tamaño real, si tiene curiosidad)

Comenzar mucho más grande que el dibujo final termina siendo el primer paso. Por pequeña que sea, la imagen final se beneficia de las líneas grandes y amplias y de los pequeños detalles presentes en el borrador. Debido a que los dibujé de la misma manera que dibujaría un borrador para un dibujo más grande, esos detalles son orgánicos.

 

Si hubiera comenzado este dibujo como un dibujo de píxeles, podría haber sido tentador dibujar todo en ángulos rectos o en líneas rectas. Comenzar con un boceto suelto me ayudó a crear formas más sutiles e interesantes.

 

¡Más sobre eso más tarde!

Ahora que hemos establecido la utilidad de un borrador, echemos un vistazo más de cerca a la creación de uno.

¡Simple, simple, simple!

 

Tenemos un círculo + una punta oblonga para la cabeza, un cuerpo de gelatina y extremidades abultadas. El brazo que sabía que no iba a dibujar apenas tiene mano. Lo cual está totalmente bien. Después de todo, estamos en la etapa de planificación. Lo que buscamos aquí es una pose eficaz y un gesto convincente.

 

El gesto vale su propio tutorial, ¡y te animo a leer algo sobre el tema si no lo has hecho! - pero, en pocas palabras, el gesto es la principal línea de acción que crea una pose. Puede visualizarlo como una línea literal dibujada a través del cuerpo. En nuestro boceto, el gesto podría dibujarse a través de la columna y curvarse hacia el vientre:

Ahora que tengo una pose básica y unas proporciones con las que estoy contento, es hora de pasar a los componentes básicos del diseño. En este caso, su ropa. Sabía que quería un suéter grande y holgado, por lo que el resto del diseño tendría que adaptarse a él, lo que significaba que eso tenía que ser lo primero que dibujara.

Observe cómo la tirita crea interés visual en un área de la composición que de otro modo estaría vacía.

 

Sin embargo, fue necesario tocar el violín para que la falda llegara a un largo que pensé que funcionaba mejor con las mangas abultadas. Por eso comenzamos con borradores. Imagínese conseguir que todos los píxeles funcionen de forma agradable, perfecta y sombreada, y sólo entonces se dé cuenta de que la falda y las mangas que terminan en la misma línea horizontal se veían torcidas y no funcionaban.

No tengo que imaginarlo, he estado ahí.

Ahora que estamos a punto de comenzar a dibujar el lineart de píxeles, tomemos un momento para hablar sobre formas orgánicas (¡dije que volveríamos a esto)!

 

Debería comenzar con una advertencia. Las formas geométricas no son malas y, a veces, son la elección correcta para un proyecto. El punto es que debe conocer la diferencia, de modo que elija las formas que mejor se adapten a sus necesidades, sin dejar de usar una u otra por accidente.

 

Con eso fuera del camino, ¿qué significan estos términos?

 

Creo que un ejemplo debería dejarlo bastante claro. A la izquierda, tenemos una cabeza geométrica: las líneas son diagonales rectas o perfectas, y hay muchos rectángulos y triángulos. A la derecha, tenemos una versión que utiliza líneas más curvas e irregulares para transmitir una sensación orgánica.

(Puede pensar en ello como las líneas rectas de algo fabricado frente a las líneas suaves de un ser humano o animal).

Las formas geométricas tienden a funcionar bien para imágenes que necesitan transmitir una sensación rígida y regular. Un paisaje urbano minimalista sería una buena opción, por ejemplo.

 

Las formas orgánicas suelen ser útiles para transmitir la suavidad y la curvatura natural de un objeto orgánico (¡ajá!): Una persona, una planta, un animal, etc.

 

Pero, por supuesto, las reglas están hechas para romperse. Algunos juegos usan un estilo artístico intencionalmente en bloques. Algunas caricaturas usan formas orgánicas sueltas incluso para edificios. Estas elecciones artísticas inusuales pueden crear un aspecto icónico y distintivo. Más allá de la estética, estas opciones pueden adaptarse bien a la atmósfera que las obras intentan crear.

Pero para este dibujo, creo que una elección convencional funcionará bien. La sensación que quiero transmitir es el volumen suave de un suéter holgado y la linda redondez de una chica chibi. Las formas orgánicas son más adecuadas para transmitir esa sensación. Entonces, ese es el tipo de líneas que voy a tratar de enfatizar mientras comienzo a trazar el boceto:

Mirando, eh ...

Bueno, este es el primer paso. Lo hice rápidamente (¡desordenadamente!) A propósito. Dejame explicar...

Al rastrear la imagen rápidamente, logré un par de objetivos diferentes:

 

1. Ahorre tiempo

 

Dibujar un píxel a la vez lleva una eternidad. En esta etapa inicial, ni siquiera puedo estar seguro de que sea exactamente donde quiero que estén esas líneas. Mucho más eficiente en el tiempo para bajar las líneas rápidamente, buscar áreas que necesiten ajuste, hacer esas correcciones y luego refinar las líneas.

 

2. Capture el boceto con precisión

 

Además de eso, dibujar un píxel a la vez hace que sea más probable que pierda la sensación del boceto. Si estoy hiperconcentrado en hacer que la rodilla se vea bien, por ejemplo, me acerco y agrego o elimino píxeles de uno en uno, sin prestar atención al resto de la imagen. Lo cual ... es malo para la composición.

Después de todo, no estoy dibujando La rodilla más perfecta del universo, estoy dibujando a una niña entera. Por lo tanto, cada elección artística que haga debería estar al servicio del panorama general, para transmitir el sentimiento general que estoy tratando de evocar. Las formas, los colores, la ubicación de cada elemento ... todo tiene que trabajar en conjunto.

 

Una vez que estoy seguro de que las proporciones y la silueta de las líneas funcionan para mi composición, puedo comenzar a preocuparme por refinar las líneas y agregar detalles.

Entonces ... después de mover el moño hacia abajo, ajustar las lengüetas de los zapatos, mejorar algunas de las formas en el cabello, agregar algunos pliegues de ropa ... ahora es el momento de limpiar las líneas:

¡Empieza a verse como algo!

Una cosa importante que ayuda a que esta versión se vea más limpia es la eliminación de píxeles adicionales en lo que llamaremos 'esquinas' (las áreas donde los píxeles cambian de dirección):

Observe cómo las esquinas grumosas en la versión de la izquierda le dan al dibujo una sensación geométrica rígida a pesar de la forma orgánica de las líneas. Debido a los píxeles adicionales, cada movimiento de la línea se lee como un giro en ángulo recto . También hacen que las líneas se vean mucho más gruesas, lo que no conduce a la sensación suave y orgánica que buscamos. ¡Fuera de aquí, gritos!

Ahora que tenemos nuestras líneas donde las queremos, ¡podemos empezar a colorear!

Vamos a abofetear algunos pisos:

¿Por qué estos colores?

 

La teoría del color es una lata de gusanos en la que me encantaría entrar, pero tendremos que conformarnos con un resumen rápido y sucio en aras de mantenernos en el tema. ¡Aquí vamos!

 

Los esquemas de color suelen tener uno o dos colores neutros, otro color principal y luego un color de acento llamativo.

 

Una vez más, estamos tomando decisiones acordes con el panorama general. Busco una mirada suave y gentil, pero una que tampoco sea demasiado linda.

 

Seleccioné crema y marrón como colores neutros. Esta base crea una sensación cálida y de bajo contraste. El uso de varios tonos diferentes de los colores neutros (por ejemplo, zapatos oscuros frente a cabello anaranjado) proporciona interés visual sin agregar demasiado contraste.

 

Usé verde azulado como mi color principal y de acento (nuevamente, para minimizar el contraste). La falda es una versión oscura y apagada del color, mientras que los ojos son brillantes y saturados. Esto también ayuda con el equilibrio de la composición.

 

Debido a que la falda es oscura, resalta el suéter pálido, equilibra los zapatos oscuros y equilibra los ojos y el cabello relativamente brillantes y llamativos (cuando agregamos el patrón de cuadros a la falda, se volverá aún más visualmente interesante y por lo tanto, aún más eficaz como elemento de equilibrio).

Los colores son un tema enorme y fascinante, pero es hora de pasar al sombreado.

En esta etapa, no nos preocupa el color de las sombras. Tengo una capa de recorte configurada en el modo de fusión múltiple para poder ver lo que estoy haciendo y me voy a la ciudad tratando de encontrar los lugares correctos para poner esas sombras:

¡Se ve bastante bien!

 

Me gustaría tomar otra breve tangente para hablar sobre el valor relativo. La idea aquí es mirar el tema como un todo y seleccionar grandes áreas de luz y sombra. En las áreas de sombra más profunda, el valor más claro no debe estar presente. Asimismo, en las áreas de luz más brillante, el valor más oscuro no debería estar presente. Básicamente, si estuviera haciendo una pintura en escala de grises, no usaría negro y blanco para cada superficie. Parte de la imagen sería de blanco a gris y parte de ella sería de gris a negro. Eso ayuda a darle a toda la imagen una sensación de cohesión y un sentido mucho mejor de la dirección de la luz.

 

En este dibujo, el valor relativo es la razón de la gran sombra sobre su oreja:

Ahora que las sombras están en los lugares correctos, podemos centrar nuestra atención en elegir colores efectivos. Seleccioné sombras bastante pálidas, nuevamente al servicio de mi visión de bajo contraste, con tonos más cálidos en el cabello y la piel para darles una sensación viva:

¡Lo siguiente es lo más destacado! Esto se verá extraño porque usé blanco brillante como color de resaltado de mi marcador de posición (generalmente no lo haría, pero el suéter era tan pálido que nada más habría sido universalmente visible). Sin más preámbulos...

¡Santo cielo, seguro que es brillante!

Bajemos el tono ...

Observe también aquí que hay áreas con luces y sombras mínimas. Por ejemplo, el torso de su suéter y la extensión chibi de sus mejillas. ¡El valor relativo ataca de nuevo!

Pero, Dios mío, la falda se ve un poco aburrida y solitaria sin un patrón, ¿no es así? ¿Quizás abrumado por el suéter holgado y la cabeza gigante de la niña? Agreguemos algo de interés visual.

Paso uno: rayas verticales marrones configuradas en una opacidad baja en el modo de fusión múltiple:

Paso dos: rayas horizontales de color blanquecino configuradas en una opacidad aún menor en el modo de fusión de esquivar resplandor:

Ponlos juntos y ¿qué obtienes (bibbidi-bobbidi-boo)?

¡Interés visual!

Ahora que todos los colores están en su lugar, los planos, las sombras, los reflejos, es hora de colorear nuestras líneas. Esto ayudará a definir diferentes elementos del dibujo y le dará a la imagen una apariencia general más suave. Mi primer cambio fue hacer que todas las líneas fueran de color marrón oscuro. Luego edité el color de la línea sección por sección, manteniéndome tan cerca de ese marrón como razonablemente pude. Esto ayudó a mantener cohesivo el color del lineart:

Por fin, ¡hemos terminado!

Bueno ... lo seríamos, de todos modos, si fuera un artista perfecto y obtuviera todo perfecto en el primer intento. ¡Pero yo no! Y eso significa que hay muchos pequeños ajustes y mejoras que podemos hacer en esta versión casi completa.

Eso es correcto.

 

Finalmente es hora de concentrarse en los detalles (también conocido como 'pulir'). ¿Qué está funcionando y se debe enfatizar? ¿Qué no funciona y debería corregirse?

Sentí que algunas de las áreas sombreadas necesitaban más empuje y que los ojos parecían un poco muertos, así que los arreglé. También agregué píxeles del mismo color que las sombras a algunos de los bordes del contorno, para suavizar la transición. Decidí que la gran sombra debajo del suéter no estaba funcionando y la eliminé. Parte del lineart interior se iluminó para poner más énfasis en los bordes de cada elemento ...

 

O para decirlo de manera más concisa, ¡un montón de cosas complicadas! Podría concentrarme en esta basura avanzada sin preocuparme de que podría estar perdiendo el tiempo en algo que simplemente cambiaría más tarde. Con el alejamiento frecuente para asegurarme de que no estaba dañando la imagen en general, era libre de ajustar y modificar hasta que se me ocurrió una versión final que se sentía bien.

 

Y aquí está:

Para hacer las diferencias aún más obvias, aquí hay una comparación animada (.gif):

Ella es perfecta Eh, nada es perfecto. Pero ella iguala mi visión lo mejor que puedo.

 

Estar desordenado con el boceto y el trazado de píxeles inicial sobre él me permitió capturar y mantener una sensación de vivacidad y suavidad en el lineart. Trabajar en la ubicación antes de preocuparme por el color me permitió concentrarme en obtener las formas correctas sin tener que cambiar constantemente el color con el que estaba dibujando. Guardar mis pequeñas e delicadas ediciones para el final me ayudó a asegurarme de que esas ediciones no fueran una pérdida de tiempo y me ayudó a asegurar que estuvieran al servicio de la composición general.

Entonces, aunque estamos trabajando con un medio tan preciso que la ubicación de cada píxel individual importa,

¡No tengas miedo de ensuciarte!

PD Muchas gracias por pasar un tiempo conmigo. ¡Te deseo lo mejor en tu viaje artístico!

 

--Penúltimo Santo

Comentario

Nuevo

Últimas publicaciones en Oficial