Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Pixel Art
Design

¿Qué es Pixel Art?

by
Length:MediumLanguages:

Spanish (Español) translation by RRGG (you can also view the original English article)

Final product image
What You'll Be Creating

Desde Invasores del Espacio hasta Super Mario, el pixel art es bien conocido en la industria del juego de antaño. Es muy probable que hayas crecido viendo una gran cantidad de esa forma de arte a través de consolas de juegos o PC sin mucha investigación sobre el proceso de crearlo. Si, sin embargo, eras cualquier cosa como yo de niño, simplemente guiando Link Hyrule no era suficiente: también querías crear el diseño que el sacaba de su espada.

Como el pixel art en diseño de juegos, la ilustración y otros medios han efectuado un regreso en años recientes (probablemente por la nostaliga y una apreciación de un bonito, si a veces tedioso, estilo de arte), es una gran ocasión paara formular la pregunta: ¿Qué es lo que tiene pixel art?

¿Qué Califica como Pixel Art?

Video game style pixel sprites
Sprites con estilo de pixeles de un juego de video.

Considerando que todo lo que ves en un monitor, tablet o teléfono está compuesto de muchos, muchos pixeles, la pregunta con frecuencia formulada es "¿Cómo ésto no es pixel art?" Es arte, es hecho con pixeles, asi que seguramente todo arte digital es pixel art. Mientras que es técnicamente correcto, cuando se habla de "pixel art", nos enfocamos en un estilo específico de arte más frecuentemente empleado dentro de la industria del juego. Pixel art es un trabajo digital basado en rasterización que es creado en un nivel pixel por pixel. Típicamente muy pequeño, la forma de arte es similar a mosaicos o cross-stitch que se enfoca en piezas pequeñas colocadas individualmente para crear una pieza de arte más grande.

Muchos programas de edición de imágenes pueden usarse para generar pixel art, mientras el programa permita dibujar diseño en una escala de un pixel por un pixel. Así la popularidad de artistas usando MS Paint subió debido a su rápida disponibilidad para los usuarios de Windows. En el caso de otros programas de edición de imágenes, las herramientas afuera de lápices y borradores con borde duro son típicamente descartados. Un sello de pixel art tiende a ser la capacidad del artista para renderizar diseños y escenas complejas sin el uso de herramientas como Dodge, Burn o herramientas de formas.

¿Qué Técnicas son Usadas?

Pixel house showcasing the uses of dithering
Casa en Pixel Art que muestra técnicas de mezcla en la nube, ventana, y el uso de fondos con gradientes con la ayuda de herramientas.

Con frecuencia, la paleta de colores en el pixel art es limitada. Años atrás (hablams de un par de décadas), el limite en la cuenta de color se debía a los límites de consolas de juego o el monitor de una computadora. Así, una técnica conocida como mezcla fue empleada. Dithering es la mezcla de dos colores para fusionarlos sin tener que involucrar colores extra. El patrón que un artista usa, o el estilo de pixeles que se combinan o la densidad de dithering, contribuye a que también se mezclan los colores. Es similar en estilo a la técnica artística de salpicadura.

Pixel art eggs showcasing anti-aliasing
Huevos en Pixel Art del Tutorial de Ícono del Desayuno que muestra anti-aliasing alreddor del huevo.

Otra técnica usada es anti-aliasing. Ésto permite a un objeto o sprite de un juego mezclarse fácilmente en el fondo o en otro objeto. Dependiendo en el aspecto general que un artista está intentando alcanzar, anti-aliasing pudiera no ser usado para nada. Frecuentemente, anti-aliasing toma la forma de fondos pre-renderizados y conduce a trabajo pictórico que permite a un sprite de juego destacarse del fondo y ser fácilmente visto por el jugador.

Ambas técnicas pueden hacerse a mano o con la ayuda de herramientas dentro de un programa como Adobe Photoshop. Cuando se guarda pixel art en formato GIF o PNG (ambos son los mejores formatos debido a la adición de artefactos JPEG con frecuencia mostrando calidad pixel art), Photoshop permite para opciones limitadas de color, dithering y bordes duros o anti-aliased. Lo mismo aplica para como una imagen se redimensiona en el programa, permitiendo a usuarios alargar pixel art sin perder sus bordes duros.

¿Qué Significa 8-bit?

256 color palette
Un ejemplo de un 8-bit, o paleta de 256 colores: la paleta prederminada de la Mac.

Es una tendencia terrible para diseño inspirados en pixel art ser llamados 8-bit si son en verdad 8-bit o no. Dentro de pixel art, 8-bit es en referencia al color. Una consola de 8-bit, como el Nintendo Entertainment System, fue capaz de mostrar hasta 256 colores. Cada color se basó en un conjunto de enteros, con el 8 siendo el número mayor de enteros que pudiera ser almacenado al momento por esa máquina. Así que el perfil del color que fue usado tenía 3 bits (o bytes de datos) de rojo, 3 bits de verde, y 2 bits de azul, creando 256 colores que eran mostrables. Límites adicionales fueron colocados en juegos de video dependiendo que tanta información era almacenada y accesada en un cartucho de juego. Mientras una consola pudiera mostrar una multitud de colores y animaciones, límites establecidos permitieron a los juegos renderizarse rápidamente durante el juego y el proceso más rápido.

A principios de los 90's, las consolas como Super Nintendo y Sega Genesis eran de 16-bit, subiendo el número de colores mostrados hasta 65,536. Ésto permite gradientes más suaves y diseños más complejos en los videojuegos creados y animados. Para la época en que las consolas y las computadoras mostraban gráficas de 32-bit (pienso en Playstation One), ya era posible renderizar trabajos en 3-D y artistas que renderizaban pixeles ahora estaban presentando polígonos. Adicionalmente, las consolas de juegos podían renderizar gráficas a una velocidad mayor que sus predecesoras gracias a los avances en la técnología  a través de los años.

¿Qué es Pixel Art Isométrico?

Digamos que estás planeando un juego de video con una barra de desplazamiento en el costado como Contra (bien conocido como un juego de arcadia a fines de los 80's en la consola de Famicon/NES). Notarás que el diseño es en perfil y no existe punto de desvanecimiento. No hay perspectiva en juegos como éste. Lo mismo aplica plara los juegos de Super Mario en los 80's y 90's. Adicionalmente, juegos como The Legend of Zelda: A Link to the Past mostraban una vista Superior-Inferior  (que mostraba lo superior o lo superior y un costado), donde el jugador podía asomarse a edificios desde arriba. Ésto mostraba una dimensión añadida a las gráficas que eran desplegadas, asi como personajes en el juego, pero el aspecto general era aún plano en comparaci´n con los juegos renderizados en 3-D producidos posteriormente.

Example of isometric pixel art
Un simple bloque isométrico que muestra líneas de construcción a la izquierda y de color a la derecha.

Cuando alguien se refiere a pixel art "isométrico", están hablando de un tipo de proyección paralela que toma una vista como de 3/4 más exactamente referida como "proyección dimétrica". No es 3-D, pero no tan plana como los estilos de  persepctiva mencionados anteriormente vistos en otro pixel art. Un ejemplo bien conocido de perspectiva isométrica en los juegos es la del clásico "Q*Bert" de 1982. Mientras el personaje de Q*Bert es plano, los niveles en los que está muestran la parte superir y dos lados de cada cuadro. Tal vista hizo a Q*Bert en una moda principalmente diagonal.

Crear pixel art isométrico o dimétrico es mucho más complicado que una vista lateral o superior-inferior. Con frecuencia los artistas trabajan en una grilla para evitar que sus líneas verticales, horizontales y diagonales se pierdan en la perspectiva equivocada y sus ángulos en el grado correcto para la escena. Es muy similar trabajar con pespectiva en dibujo técnico y toma algo de tiempo la planeación, la medición y la comprensión de formas, espacio, y como se coordinan para formar objetos exactos, sprites y entornos. Una vez que las gráficas en 3-D llegaron a ser más comunes, el estilo de pixel art isométrico dió paso a la proyección de perspectiva, que es más fácil para un artista trabajar dentro de espacio 3-D para crear, pues es el tipo de espacio en el que existimos asi como es el que más se enseña y se usa en múltiples disciplinas de arte.

¿Y sobre los Usos de Pixel Art aparte de los Juegos?

Animated pixel dolls
Muñecas de pixeles animados.

Mientras que el uso más común de pixel art ha estado en los videojuegos, es una forma de arte por sí misma. Artistas que elaboran ésta forma de arte conocidos como "dollers" (los que hacen muñecas), utilizan el estilo y técnicas de juegos de video de 8-bit y 16-bit para crear la base de cuerpos, cabello, ropa y entorno para avatares similares a muñecas digitales.

Pixel art style website layout
Maquetado de sitio web circa 2006 con estilo pixel art.

Muchos sitios web de fines de los 90's y en décadas posteriores se llenaban de GIFs animados, avatares y maquetados renderizados completamente en pixel art. Ésto prevaleció más en Corea del Sur, donde la popularidad de sitios web como iBravo y Sayclub tenían a usuarios comprando componentes para sus perfiles o para interactuar con otros usuarios. Adicionalmente, los fabricantes de muñecas fueron creados del diseño en sitios web como éstos (y similar a ellos en todo el mundo) donde usuarios visten cuerpos con ropa pre-fabricada y accesorios para mostrar en sus perfiles en sitios web como Myspace.

Animated avatar showcasing emotion
Avatar animado que muestra emoción.

Emoticones y kaoani (un término japonés derivado de "kao" que significa "rostro", y "ani" que significa "animado") fueron inicialmente renderizados en un formato de pixel. En el caso de ambos, fueron frecuentemente animados permitiendo a los usuarios de las primeras redes sociales, message boards y en mensajeros instantáneos mostrar cualidades como humor, actividades, o varias comunicaciones sin palabras. Íconos de amigos animados llegaron a ser extremadamente populares para usuarios de AOL Instant Messenger hace unos quince años.

Íconos de computadora a través de los 90's fueron elementos de pixel art. El cursor de tu mouse, sin cambio durante décadas, aún es un gráfico de pixel art sencillo. Interesantemente, la mayoría de éstos usos de pixel art han sido remplazados por gráficos vectoriales (o la popularidad de ellos tiene) en la decada pasada. Doll-makers, avatares de sitios web, maquetados de sitios web completos, y más son gráficos vectoriales (presentados como imágenes rasterizadas), probablemente debido a la necesidad de pantallas de múltiples tamaños en cada dispositivo (computadora, tableta, teléfono, etc).

Nostalgia como una Forma de Arte

Dejando a un lado los usos prácticos de pixel art, artistas que tienen nostalgia por el estilo de trabajar en juegos de video de cuando eran jóvenes crean ilustraciones y elementos de diseño por el bien del arte. Algunos elementos son hechos más grandes, reteniendo la fidelidad de cada borde del pixel, renderizando elelemento como mosaico, donde otro diseño es creado en escala pequeña sobre una imagen larga y plana que renderiza el diseño algo como "¿Dónde está Wally?" (Waldo para mis paisanos norteamericanos). En cualquier caso (o cualquier otra creación basada en el estilo), es una parte del creciente movimiento para capturar el pasado en la forma de arte. Al crear elementos de trabajo reminiscencia de medios del pasado, nuestra interacción con ello se involucra en memorias compartidas que hemos tenido con estilos similares en juegos de video, navegadores de internet, y las primeras rees sociales.

Alternativamente, artistas pueden solo disfrutar la apariencia y sentido de pixel art contra tener alguna agenda superior para engancharse con la forma de arte. En cualquier caso, su popularidad ha estado aumentando apareciendo en galerías de arte, en ropa y otros accesorios, y en varias plataformas de juegos.

¿Con ganas de introducirte en el pixel art? Por que no revisar éstos tutoriales maravillosamente relevantes y tomar algunos pixeles para experimentar:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.