How to create a pixel art background.

​

https://i.redd.it/e06xf3vv6io31.jpg

Hey there! I know that a lot of people creating their games often also draw their own backgrounds in pixel art. Making good and detailed backgrounds can be quite overwhelming, especially if you compare it to beautiful artwork found online. I thought I would break down my drawing routine and explain what I do step by step to create a background. Hopefully, you might find it useful and you can a pick a trick or two to use in your own pixel art scenes!

Over the years, I have learned a lot about lighting, colours, layout, perspective and many, many more. By no means, I’m an expert in any of the fields, and I probably barely scratch the surface of the topics, but having a better understanding of art-related theories, helped me develop a more unique, and deliberate style for my pixel art.

Research

First off, I need to find a good idea of what it is that I want to be doing. I do a lot of research and gather as many references as I can. I try to understand what materials could be used in a scene, what objects, patterns, colours and unique features would help make the scene interesting. It also all depends on whether the accuracy of the scene is important or not. On top of real-life references, I also try finding work from other artists that can inspire new approaches.

​

https://i.redd.it/vu6a0frc1io31.jpg

Layout

Once I have a clearer understanding of what I want to achieve, I then work on the layout of the scene. Depending on the complexity or the angle, I sometimes create a quick, simple 3D model to help me get a better idea of the scene.

Is it cheating? Maybe, but this can save you a lot of time trying to figure out correct perspective, and more importantly, it allows me to quickly test out various camera angles to see what perspective would best fit my requirements.

​

Having basic shapes in 3D lets you play around with the camera, until you're happy with the layout. Even if it's just simple tweaks.

A 3D model vs the final art in a garden scene in Yes, Your Grace:

Mock-up

After I have chosen the resolution for my background (see how I choose resolution here), regardless whether I use 3D models or not, I need to create a mock-up of all the walls and main objects that will be featured in the scene. This helps to establish the feel and gives me a general idea of how everything should be allocated. This is how I started blocking out the walls in the main room of my game:

​

https://i.redd.it/7wul41402io31.jpg

Blending + Textures

As light and colours are decided (natural light, colours similar to my reference images for accuracy), I then can finally move on to blending the colours together and start adding textures. I keep all the textures (dirt, patches on the wall, cracks) separate, which is a little bit excessive, but it allows me to tone down or bring out certain details later on. If the wall seems too busy, I can easily take away some of the dirt, for example.

This is the part I like to play around with various layers, shadows and BLENDING MODES! I often put a texture on top of walls, ceilings, or the assets laying around. Sometimes it can give me an idea of what could be improved, what colours could be changed or what light twist could go into the scene. This usually starts off very crazy, and later it’s a matter of toning everything down, just to give it a slight touch (see the difference between right and left wall).

​

https://i.redd.it/q30ymow52io31.png

Assets

Once I'm happy with the lighting, textures and details, I can then move past the walls, floors and ceiling to try and populate the scene with assets that will sit on top of everything. These help the scene become more alive, and make it appear like people could actually live there. The research can prove useful once again, and help me establish the kind of items that would be found in the room. Are the assets for practical use? Are they purely decorative? (Go here to see my tutorial on how to improve your pixel art to nail down those details!)

​

Highlights

Highlights are the final touches in the scene. At this stage, everything is essentially done, and it’s the most fun and rewarding part of the development. This particular scene is during the broad day-light, so there isn't much to be had with interesting or unique light. That's why highlights are not as prominent as they could have been if the scene was during the night. Still! I like to add a touch of that extra shine to objects, walls and columns, to make the scene look a little bit nicer!

​

https://i.redd.it/mzaa5jig2io31.jpg

All of this is very time consuming, and one background can usually take between 2 to 4 days to complete. Of course, a background painted in Photoshop is no good for a game, so then it needs to be implemented into (in my case) Unity. This is a tedious work that often consists of exporting all different layers separately, making sure it's all aligned in the engine and so on. To make the scene come to life even more, I would then add a few simple animations that could loop in the background.

That is all! Let me know in the comments section what is your routine if you have one, and if it differs much from mine! Also, if you have any questions, feel free to ask!

Submitted September 24, 2019 at 11:32AM by bulka_tarta https://ift.tt/2lhz6Z1