Important Notice:

On July 31st, 2017 the Digital-Tutors library will be retired along with Digital-Tutors concurrent licensing. Effective August 1, 2017 any active group plans will be redirected to www.pluralsight.com. Each group plan will receive one individual user license on Pluralsight for each paid Digital-Tutors license. Please contact your account representative for any additional questions.
Unity Mobile Game Development: User Interface Design
See Details
Released Jan 2, 2012
Eddie Russell

Pluralsight

Eddie Russell
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 learn 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 setup 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 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.
Introduction and project overview
1

Introduction and project overview

 
01:17
Getting started with the user interface design
2

Getting started with the user interface design

 
07:37
Strategies for building user interface graphics
3

Strategies for building user interface graphics

 
12:43
Building multiple states of one graphic
4

Building multiple states of one graphic

 
10:47
Breaking up and building the weapon switch graphic
5

Breaking up and building the weapon switch graphic

 
11:40
Creating the main menu graphics
6

Creating the main menu graphics

 
13:19
Cropping and saving user interface graphics
7

Cropping and saving user interface graphics

 
16:04
Creating user interface graphics with transparency for Unity
8

Creating user interface graphics with transparency for Unity

 
09:01
Modifying the transparency workflow for objects with varying opacities
9

Modifying the transparency workflow for objects with varying opacities

 
09:24
Modifying our workflow for special instances
10

Modifying our workflow for special instances

 
09:08