As part of our Introduction to Games Design module, we were tasked with creating a GUI for a game. The way that this was to be done was to use a dice to come up with a theme for the game. I got quite good rolls and as such, I was left to create a GUI for a “Space-based Top Down Action RPG”.
First of all, I drew the above image in my sketchbook. Top-down RPGs are a particular favourite genre of mine. I know therefore that for maximum effectiveness, everything relevant to the player needs to be in one place so as to be able to minimize time spent looking for important stats such as health or where your abilities are on the action bar.
I then took the image into Photoshop to come up with the GUI you see at the top of the screen using the pen tool to construct straight lines, coloured on a seperate layer with the Multiply setting and bevel and emboss tool to raise the GUI elements up off the screen. I also use a glow effect on the text around the orbs.