From reality to pixels | My first Pixel Art

PSX_20201022_222423.jpg


He was unknowingly fond of Pixel Art, in love with the design of the 90s video games such as SNES or Gameboy. Those designers made magic with such reduced color palettes and it seems impressive now that I am immersing myself in this world every time.

Era aficionado al Pixel Art sin saberlo, enamorado del diseño de los videojuegos de los 90s tales como los de SNES o Gameboy. Esos diseñadores hacían magia con paletas de colores tan reducidas y parece impresionante ahora que estoy sumergiendome cada vez en este mundo.

My idea to learn Pixel Art came up because I have been thinking seriously about creating a video game, and what better way than to design it Retro style. Nowadays nostalgia is in fashion, you can see everywhere how the new games are made in just a few pixels, in reduced palettes, that retro music that takes us back to our childhood.

Mi idea de aprender Pixel Art surgió ya que he estado pensando seriamente en crear un videojuego, y que mejor forma que diseñarlo al estilo Retro. Hoy en día esta de moda la nostalgia, se ven por todos lados como los nuevos juegos de ahora son hechos meramente en pocos pixeles, en paletas reducidas, esa música retro que nos lleva a nuestra niñez.

PSX_20201023_173714.jpg

20201023_181813.jpg

So as a nostalgia lover and a beginner in the indie world of video game development, I chose Pixel Art.

Así que como aficionado a la nostalgia y principante en el mundo indie del desarrollo de videojuegos, opte por el Pixel Art.

As everything, you can't start running without crawling first, so I wanted to do something simple but daring to prove myself, I decided to go for the Isometric. Those designs that we always see to platforms like pinterest, which most of the times is a room with a few objects but with a unique color management. Also this isometric design is present in games like Megaman: Battle Network from Gameboy Advance or the Sims 2 for the same console.

Como todo, no se puede empezar a correr sin gatear primero, así que quise hacer algo sencillo pero a la vez atrevido para así probarme a mi mismo, decidí ir a lo Isometrico. Esos diseños que siempre vemos a plataformas como pinterest, que la mayoría de las veces es una habitación con unos poco objetos pero con un manejo del color único. Así mismo este diseño isometrico está presente en juegos como en Megaman: Battle Network de Gameboy Advance o los Sims 2 para la misma consola.

PSX_20201023_173752.jpg

20201023_181853.jpg

I had a hard time at first understanding the use of colors to give the idea of the false 3D that causes isometrics, in which one side of an object must have a different color than the other side of that object.
One of the things that kept me guessing was that in articles I read about Pixel Art, one should avoid using a color palette with very bright colors, since that causes discomfort when observing the work. You should use dimmer colors and a little low saturation, avoid intense colors as it would be for example the white or the pure black and that the colors are slightly inclined to other tones, as it would be if we painted a mountain, we did not paint it of gray alone, if one a little inclined to the purple (for example), we would obtain this way a purple desaturated tone and something grayish.

Me costó al principio comprender el uso de los colores para así dar la idea del falso 3D que ocasiona los isometricos, en los cuales una cara de un lado de un objeto debe de tener un color diferente a otra cara de dicho objeto.
Una de las cosas que me tuvo dándome de cabezasos fue que en articulos que leí sobre el Pixel Art, se debe evitar usar una paleta de colores con colores muy vivos, ya que eso ocasiona incomodad a la hora de observar la obra. Debe usarse colores más tenues y de saturación algo baja, evitar colores intensos como lo seria por el ejemplo el blanco o el negro puro y que los colores estén levemente inclinados a otros tonos, como sería si pintaramos una montaña, no la pintaramos de gris solo, si una un poco inclinado al morado (por ejemplo), obtendríamos así un tono morado desaturado y algo grisacio.

PSX_20201023_173839.jpg

20201023_173526.jpg

My mistake was not creating a color palette to start the design, I just did everything on the fly which brought me too many errors. I also had to be more meticulous with the pixels, there are noticeable errors of wandering pixels or not following the line drawn.

Mi error fue no crearme una paleta de colores para empezar el diseño, solo hice todo sobre la marcha lo cual me trajo demasiado errores. También tuve que ser más meticuloso con los pixeles, hay errores notables de pixeles errantes o que no siguen la línea trazada.

Without more than saying it was a joy all the progress and I would not hesitate a second to continue practicing, I hope to continue doing more work and improve. I accept (constructive) criticism and advice, if something mentioned here is wrong please don't hesitate to comment and let me know, since I'm just a beginner and newcomer in the world of Pixel Art.

Sin más que decir fue un gozo todo el progreso y no dudaría un segundo en seguir practicando, espero seguir haciendo más obras e ir mejorando. Acepto críticas (constructivas) y consejos, si algo de lo mencionado aquí está errado por favor no dude en comentarlo y hacermelo saber, ya que no soy más que un principiante y novato en el mundo del Pixel Art.

PSX_20201023_173923.jpg

20201023_181953.jpg

separadoresgifconencantogifmaniacos.es5.gif

Follow me for more content like this

H2
H3
H4
3 columns
2 columns
1 column
3 Comments
Ecency