Introducción al PixelArt

[pic 1]

Introducción al Pixel Art

(mapa de bits)

Diseño Digital

[pic 2]

Herramientas mínimas

Lápiz, esta herramienta nos permite dibujar pixel por pixel.[pic 3]

Gotero, al igual que en Inkscape, nos permite tomar un color y agregarlo a nuestra paleta

Borrador, nos permite seleccionar vectores (como el lápiz) y eliminar los vectores pintados.

Cubeta, esta herramienta es de mucha utilidad cuando queremos colorear toda una figura, esta debe estar cerrada.

[pic 4]Proporciones

Debido a que trabajamos con cuadriculas de mapas de bits, será necesario que cuando cambiemos las dimensiones de nuestras imágenes sea considerando las proporciones «enteras» (100, 200, 300, 400, 1000, etc). Recuerda que jamas deberás trabajar con dimensiones más pequeñas a la original.

[pic 5]

[pic 6][pic 7]

Act. Proporciones

Utilizando tu herramienta de creación de mapas de bits, replica la siguiente imagen según las proporciones solicitadas.

- Original

- 200%

- 400%

[pic 8]Consistencia

Mantenga el mismo grosor de línea en todo el sprite, hace que los sprites sean más legibles y atractivos

¿Prefieres líneas más gruesas? asegúrese de mantener el arte lineal limpio y fácil de seguir. Sin embargo, algunas líneas pueden ser más delgadas que el resto del dibujo si el estilo lo requiere.

las líneas finas son mejores para áreas pequeñas

[pic 9]

[pic 10]

[pic 11]

Líneas y curvas

Cuando intentamos dibujar líneas con pixeles puede resultar difícil cuando hacemos diagonales y curvas debido a las irregularidades que se forman con los pixeles. Seguramente al utilizar lineas las herramientas de ofimática lo has visto.

¿Cómo        hacemos        las curvas ?

No es necesario que dibujemos pixel por pixel. Lo que haremos es dibujar la linea curva o diagonal a mano alzada. Cuando la terminemos eliminaremos los pixeles equivocados usando la siguiente regla.

[pic 12]

Como podrás ver en las ilustraciones lo único que tenemos que hacer es ir de mayor a menor, conforme nos acerquemos a la curva iremos colocando menos pixeles.[pic 13]

[pic 14]

Act. Curvas[pic 15]

Intenta realizar el dibujo de la siguiente naranja. Recuerda las reglas

[pic 16][pic 17]

Diagonales

Dependiendo del ángulo de inclinación de la diagonal podemos utilizar una «escalera» de 1*1, 2*2, 3*3.

En la siguiente imagen de Metal Slug 3 podemos ver cómo realizaron las inclinaciones utilizando la consejo anterior.

[pic 18][pic 19]

Act. Diagonales

Dibuja su aspecto en pixelart.

...