Hola! Esto es el thread oficial de diseño & fotografia!

A continuacion les voy a hablar de lo que es el PIXEL ART o el ARTE de Diseñar en PIXELES.

El Pixel Art es una forma de diseño y arte digital que se crea por medio de la compu usando programas de edición de gráficos, desde Microsoft Paint hasta Adobe Photoshop.

Las creaciones en Pixel Art consisten en ir constituyendo las imágenes por medio de colores ilustrándolas pixel a pixel y valiéndonos de la herramienta Zoom.

Otras características que se pueden resaltar de esta tendencia de diseño son el uso de la perspectiva isométrica para representar escenas o imágenes en tres dimensiones, y las paletas de color reestrictivas aún pretendiendo resaltar significados y ambientaciones.

Podríamos asemejar la técnica del Pixel Art al impresionismo o al puntillismo en cuanto a técnica y al uso del color emulando los pinceles y los lienzos, con el ordenador y los softwares de edición.

Estas características de creación en cuanto a técnica y uso del color permiten mover estas creaciones gráficas con recursos realmente ínfimos de procesamiento y memoria. Es por eso que este tipo de creaciones era la base de los videojuegos cuando no existían herramientas que permitieran la creación de otro tipo de imágenes, y aunque hubieran existido no estaba al alcance de la gente de a pie la velocidad de procesamiento necesaria para poder moverlos, además este método de creación permitía incluso simular entornos en tres dimensiones. Las imágenes conseguidas eran de baja calidad pero comunicaban una intención estética clara y válida.

Hoy en día las velocidades de procesamiento, la memoria, y en general todos los recursos de las computadoras y sus herramientas de software para la creación, edición y animación han evolucionado un mundo desde aquellas épocas en las que estaba de moda el empleo de esta técnica, sin embargo aunque el Pixel Art no es ni mucho menos referencia en el mundo del diseño de imágenes por ordenador, al contrario de ser una técnica obsoleta y en deshuso se ha empleado por ejemplo para juegos de móviles y muchos artistas del Pixel Art se valen de esas mejores herramientas de las que disponen para crear unas imágenes con una gran calidad y conservando las ventajas que posee esta técnica.

Además podemos ver como muchos de los principales programas como Photoshop etc, para diseñar y dibujar, incluyen opciones o filtros para pixelizar imágenes.

Obviamente este tipo de diseños es totalmente artesanal y muchas veces, se necesita mucha paciencia y dedicación, por lo que no estamos hablando de una técnica ni mucho menos sencilla pero si muy interesante.

Pileta en PIXEL ART

1. Vamos a crear un cubo en perspectiva isométrica. Esto podemos hacerlo de multiples formas, por ejemplo, esta es una de ellas con Photoshop podemos dibujar un cuadrado y presionar las teclas Crl + T, o dirigirnos al menú Edición --> Tranformación Libre, y a continuación marcar 80% de anchura y 30º de inclinación, de esta forma vas a tener la cara frontal izquierda del cubo. Para hacer la cara frontal derecha, duplicamos la cara que acabamos de crear y le aplicamos -60º de ángulo y la habremos creado, para las caras posteriores a las que hemos creado bastará con duplicar a su paralela.

Cara frontal izquierda del cubo en perspectiva isometrica

Cubo en Perspectiva Isométrica

2. Una vez que ya tenemos creado el cubo, colorearemos sus caras según la iluminación que vayamos a querer darle.

En el ejemplo le di color a la cara de la izquierda con el #527BAD o (R:82 G:123 B:173), la cara de la derecha de #7394BD o (R:115 G:148 B:189), que es un azul un poco más claro, y con el azul más claro de todos rellenaremos la cara superior, nosotros hemos empleado el #94ADCE o (R:148 G:173 B:206).

Así que vamos a ver el resultado de nuestro cubo.

Siempre estaría bien reservarnos un cubo sin colorear, para poder darle más adelante otras tonalidades que nos permitan crear imágenes más complejas.

3. Vamos a formar el contorno de la piscina como queramos empleando el cubo que hemos creado y coloreado.

Esto lo haremos duplicando la capa una y otra vez, colocando los cubos uno a continuación del otro, y llevando la capa hacia atrás o hacia delante en el caso que sea necesario, para que el contorno que nos quede sea algo parecido a esto.

4. Ahora que ya tenemos echo el contorno de nuestra pileta, vamos a darle un poco de sensación de profundidad. Esto lo hacemos, por ejemplo añadiéndole unos escalones o niveles.

Lógicamente esos escalones estarán más profundos que el contorno y por consiguiente tienen menos iluminación, así que al cubo que habíamos echo en perspectiva isométrica, le tendremos que dar en la cara de arriba un tono más oscuro, a la cara de la derecha más oscuro que la de arriba y a la izquierda todavía más oscuro. Y si hiciéramos otro nivel de escalones más profundo, deberíamos volver a cambiar de nuevo los tonos del cubo, más oscuros cuanto más profundos.

La técnica es exactamente la misma que usamos para realizar el contorno de la piscina, vamos a ir duplicando los cubos y colocándolos de tal forma que quede algo parecido a esto.

5. Ahi la pileta ya va tomando forma, así que vamos con el suelo de la piscina.

Para hacer el suelo, podemos seguir empleando el mismo cubo, pero cambiando los tonos de las caras superiores a nuestro gusto, que por lo general deberían ser más oscuras que el resto de cubos que hemos colocado en la piscina. Así que los unimos, y a coninuación seleccionamos únicamente las caras superiores de todos los cubos eliminando el resto.

Cuando tengamos el suelo, solo nos quedará adaptarlo a la piscina.

6.El único elemento básico que nos faltaría en una piscina, es el agua.

Seleccionando un poco menos del contorno interior de la piscina en photoshop (aunque también se puede hacer en otro tipo de programas como Paint Shop entre otros), es decir donde hemos querido que se sitúe el agua. Y en una capa nueva, coloreamos esa selección de un color azul verdoso al que le pusimos el filtro nubes y el método de fusión Subexposición Lineal. Además, coloreamos algunas zonas de blanco para crear diferencias y brillos en el agua.

Selección coloreada donde se encuentra el agua.

8. Ahora ya podemos decir que tenemos una piscina, aunque siempre podemos seguir creando detalles, ya que los detalles del entorno siempre ayudan a la riqueza y credibilidad del objeto. Aca creamos algún detalle más, simplemente empleando el mismo cubo del principio, creado en perspectiva isométrica.

Rayos Solares

Vamos a usar la piscina que ya habíamos creado, pero este efecto se puede usar con cualquier creación que tengamos. Nosotros vamos a usar el Photoshop, pero también se puede usar el Paint o Paint Pro.

1. Como siempre, el primer paso es abrir la fotografía que queramos tratar, (Menú/Archivo/Abrir).

Tal y como vimos en el artículo anterior, creamos una pared con tres ventanas, para que nuestro efecto de rayos solares tenga sentido, ya que es justo por ahí, por donde entrarán nuestros rayos.

2. A continuación seleccionamos la Herramienta Lazo Poligonal, creamos la selección de lo que va a ser nuestros rayos, como podéis ver en el ejemplo que os dejamos debajo.

Seguidamente, duplicamos la selección en una capa nueva, (Menú/Capa/Nueva/Capa Vía Copiar).

3. Y por último, situándonos sobre la nueva capa que acabamos de crear, le aumentamos el brillo, (+60 en el ejemplo, pero pueden jugar con los valores de brillo como con el contraste, hasta encontrar el efecto deseado).

Trabajo Final


Saludos!