Pages

Space background using the blur filter

This is another tutorial request (as well as a long time todo item on my list) - creating a space background using Inkscape.

I set my document up to work in px as measurements to create a size that will work straight in the game. You can adjust the setting in the top menu bar - set to inches or mm based on the document setting by default.

The top right and left and the lower middle and right samples for example use radial gradients. You can also add circles with a radial gradient on top of the coloured rectangles to create more detail. Keep in mind that this is supposed to be a background and the main gameplay elements as well as the UI need to stand out on top. 





Turning on the Live preview in the Blur dialog helps adjust the blur to your needs. I kept the outer circle of the planet without a blur but blurred both the inner circles and the dark details and highlights. 

I hope this tutorial was helpful and you enjoyed it as much as me. I might turn it into a video tutorial if there is demand for it. As usual comments are always appreciated. 


Chris Hildenbrand

2D game artist, pixelpusher, vector bender, face turner for over thirty years. I worked on more games than I can remember... The most recent release is "Super Crossbar Challenge" for iOS (Android coming soon) with Shattered Box, Fredbear Games and PlayPlayFun.

4 comments:

  1. Hi Chris,
    Thank you for this tutorial.
    I have a question: sometimes i find useful to not blurr a background image and simply export it at a relatively low resolution. When I import it in the game engine, I scale it to the big dimensions required by the background and the image is naturally blurred due to its low res. In this way I also lower the memomy required to run the game. What do you think about? Is it kind of a good practice or does it lead to poor results?

    ReplyDelete
    Replies
    1. Hi... It's a totally ok way to do it... and it works with a lot of blurred elements e.g. shadows, particles, clouds etc. As soon as you have elements in the scene though that need a sharper look - e.g. a depth of field where the mid ground is sharp, the distance and the very close-up elements are blurred - it stops working though.

      Delete
  2. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete