informa
/
2 MIN READ
Blogs

2D Game Art for Programmers - Rings of Saturn

Just a quick tutorial request by one of the blog readers on how to create a Saturn like planet with vectors (in this case inkscape).

So the urge to write the tutorial (and have some fun) wins... and I treat myself to a quick tutorial rather than reply a big backlog of emails (which sadly will have to happen later)... 

Note:

The standard beginning of my tutorial seems to be a circle - such a versatile little thing - and then I duplicate and transform it. I am just not sure if I mentioned some quick way to do the duplicate and keep it in place. Duplicate a shape (CTRL-D). Hold CTRL and SHIFT while scaling the object - the scale will keep the proportions and scale based on the pivot point. (Holding just CTRL keeps the proportions and scales based on the lower left corner.)

Let's get started with a simple version of a Saturn style planet with a simple one shape ring around it.

I added the pattern of the planet (bunch of squashed and slightly differently shaded circles) and the shadow shape (one circle with another circle cutting out the sickle shape via a Path/ Difference) to a mask. I did the same with the shadow of the planet on the ring. 

Next up... the same thing with more elaborate rings. Let's face it... it's the same thing... You just take the intial ('unsquashed' ring) and make it more complex by combining several rings of increasing sizes into one object...

You can add a more realistic look by adding a circular gradient and more detail patterns to the planet. Breaking the rings apart (Path/Break Apart (SHIFT+CTRL+K)) allows you to assign different colours to different rings and vary the opacity to the rings.  I added some small objects and their shadows on the rings for a bit of detail. 

I hope you enjoyed this as much as I did and give it a try... as usual it's a lot easier than it looks once you worked out how to do it. 

Latest Jobs

IO Interactive

Hybrid (Malmö, Sweden)
3.02.23
Gameplay Director (Project Fantasy)

Arizona State University

Los Angeles, CA, USA
2.27.23
Assistant Professor of XR Technologies

IO Interactive

Hybrid (Copenhagen, Denmark)
3.02.23
Animation Tech Programmer

Purdue University

West Lafayette, IN, USA
3.02.23
Assistant Professor in Game Design and Development
More Jobs   

CONNECT WITH US

Explore the
Advertise with
Follow us

Game Developer Job Board

Game Developer

@gamedevdotcom

Explore the

Game Developer Job Board

Browse open positions across the game industry or recruit new talent for your studio

Browse
Advertise with

Game Developer

Engage game professionals and drive sales using an array of Game Developer media solutions to meet your objectives.

Learn More
Follow us

@gamedevdotcom

Follow us @gamedevdotcom to stay up-to-date with the latest news & insider information about events & more