Sunday, 26 May 2013

Creating the Menu and Logo

With my previous experience with Unity from the Interactive Media Authoring Unit I've started to develop the Menu system for my game. If my evidence seems lacking explanation and detail, please refer to the development blog post with Unity here.

Because I have finished developing my logo on paper, I've decided to now use photoshop to refine the final outcome of the title and buttons for the menu screen. The process to doing this meant that I was going to take the assets I drew and go over them with the Pen tool.



The image to the right displays the elixir I drew up in my sketchbook and am now currently developing in Photoshop this moment. To help me develop the background logo icon I also looked towards the Health Elixir from the MMORPG Tera.








With thorough usage of the Pen Tool and Blending Options (e.g. Gradient Overlay), I've managed to create an elixir that will look perfect for the background of my logo.




By using a simple stroke I've managed to outline the font I have chosen for the type. For the smoke I used the first 4 steps of this tutorial. To sum up, I took a shape, blurred it and liquified it after.





Instead of using the GUI font styles Unity offered I decided to use images for my buttons as they are going to be subject to change. For the Menu layout I used a similar design as I used for my 3D sound toy however as I was going to be including a logo and new images I needed to space out my elements differently. In this case I decided to space out my elements differently around a photoshop region, this allowed me to have buttons that were not confined to a box like in my 3D Sound toy. Adittionally I also added on a hover affect that this time around did not change the colour however gave the image 2 stars either side and offset the image down by 10 pixels. By looking at the video to the top right you can see how I designed my menu differently to my 3D sound toy. This time around I found it quite hard to space out and get the sizings right as it wasn't dependant on the button box I had beforehand but the flexibility of the font style.









After a simple implementation of the logo with the aide of this Unity help webpage I have more or less completed a simple Menu for my 2.5D Game! To the right is an image of how the Final Menu looks and below that is the code that puts it together.



No comments:

Post a Comment