MOBA Game UI design

Name: MOBA Game UI design
Rating: 4.0 (27 reviews)

Creating a clean , basic user interface design/concept inside Photoshop using layers and layer styles.

Created byIsaac Hume

Last updated 5/2015

English

What you'll learn

Design a MOBA UI inside Photoshop
Understand using tools and layers inside photoshop
Photoshop Layer Styles
How to design a clean user interface

Course content

4 sections • 16 lectures • 1h 44m total length

Moba Games UI Overview3:19
Overview of Moba games and the elements in the user interface
Tools and Setup2:27
Showing the tools required within photoshop to build your design.
Basic Layout design5:15
Creating your starting layout that we will then build on and the base of the user interfcae.

Champion Window Layout5:47
Adding elements to the design and layout of the champion window user interface.
Centre Window Layout5:54
Adding elements to the design and layout of the central window user interface.
Minimap Window Layout2:16
Adding elements to the design and layout of the minimap window user interface.
Team Window Layout4:40
Adding elements to the design and layout of the team window user interface.
Info Window Layout4:13
Creating the basic info window for your user interface

Adding depth through shading11:50
Adding another dimension to your user interface with some very simple shading.
Adding simple texture to your shading8:56
Building up your user interface by adding simple textures to your shading .
Enhancing your User Interface / Adding Bevels/Edges/Accents8:59
How to add extra elements to your user interface to create more depth and style.
Adding the Finer Details8:06
Adding more design elements to build more to your user interface.
Ideas & Conclusion9:48
A few ideas to add to your design and a little thank you for purchasing my first course and asking for your feedback . I hope to add more things to the course as i learn from this first experience.

Requirements

A basic understanding of photoshop and its tools
An appreciation of Moba genre Games
Simple Gaming Knowledge

Description

This course covers the basics of designing a game user interface or concept inside Photoshop . It details the tools used and also the use of layer styles to create your concept/design .

This course will help you learn the uses of certain Photoshop tools , shortcuts and layer styles at a beginner level and hopefully help you to advance your skills within this area and grow your understanding of a very powerful peice of software with a variety of uses.

This course includes the design psd as well as free resources and textures that were used in the creation of the design .

Who this course is for:

Suited for Indie Game developers
Esports Graphic Designers
Gamers

MOBA Game UI design

What you'll learn

Explore related topics

Course content

Overview and Basic Layout3 lectures • 11min

Adding sections to your layout5 lectures • 23min

Styling your design3 lectures • 23min

Enhancing and polishing your design/concept5 lectures • 48min

Requirements

Description

Who this course is for: