Unity Mobile Game Development: User Interface Design
In this tutorial, we will learn about designing the user interface graphics for a game as well as how to prepare these graphics to bring into Unity. Software required: Photoshop CS5, Illustrator CS5.
What you'll learn
In this tutorial, we will learn about designing the user interface graphics for a game as well as how to prepare these graphics to bring into Unity. We'll get started by discussing the needs of our game in terms of user interface graphics and then learning how to set up a document in Photoshop to design them in. Next, we'll learn some strategies for building graphics and examine some possible pitfalls. Moving on, we'll learn about different states of a specific graphic and how we can set up our file to make saving this type of graphic out a bit easier. After all the graphics for our game have been created, we'll shift our focus to preparing them for Unity. We'll learn about important things to consider when cropping and saving our files. Then we'll wrap this course up by learning how Unity handles transparency and learning some workflows we will need to utilize to accommodate this. After going through this course, you will gain insight into the process of creating and saving user interface graphics for our mobile game. Software required: Photoshop CS5, Illustrator CS5.
Table of contents
- Getting Started with the User Interface Design 8m
- Strategies for Building User Interface Graphics 13m
- Building Multiple States of One Graphic 11m
- Breaking up and Building the Weapon Switch Graphic 12m
- Creating the Main Menu Graphics 13m
- Cropping and Saving User Interface Graphics 16m
- Creating User Interface Graphics with Transparency for Unity 9m
- Modifying the Transparency Workflow for Objects with Varying Opacities 9m
- Modifying Our Workflow for Special Instances 9m