Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add MOBA Game UI design to your Wishlist.

Add to Wishlist

MOBA Game UI design

Creating a clean , basic user interface design/concept inside Photoshop using layers and layer styles.
5.0 (3 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
22 students enrolled
Created by Isaac Hume
Last updated 5/2015
$15 $30 50% off
30-Day Money-Back Guarantee
  • 2 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?

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 is the target audience?
  • Suited for Indie Game developers
  • Esports Graphic Designers
  • Gamers
Students Who Viewed This Course Also Viewed
What Will I Learn?
Design a MOBA UI inside Photoshop
Understand using tools and layers inside photoshop
Photoshop Layer Styles
How to design a clean user interface
View Curriculum
  • A basic understanding of photoshop and its tools
  • An appreciation of Moba genre Games
  • Simple Gaming Knowledge
Curriculum For This Course
Expand All 16 Lectures Collapse All 16 Lectures 01:44:56
Overview and Basic Layout
3 Lectures 11:01

Overview of Moba games and the elements in the user interface

Preview 03:19

Showing the tools required within photoshop to build your design.

Preview 02:27

Creating your starting layout that we will then build on and the base of the user interfcae.

Preview 05:15
Adding sections to your layout
5 Lectures 22:50

Adding elements to the design and layout of the champion window user interface.

Champion Window Layout

Adding elements to the design and layout of the central window user interface.

Centre Window Layout

Adding elements to the design and layout of the minimap window user interface.

Minimap Window Layout

Adding elements to the design and layout of the team window user interface.

Team Window Layout

Creating the basic info window for your user interface

Info Window Layout
Styling your design
3 Lectures 23:26

Preparing your design elements for the styling process

Preparing for Styling

Setting up the base gradiant for the start of your user interface .

UI Basic Gradiant Setup

Adding definition to your user interface.

Building on your styling
Enhancing and polishing your design/concept
5 Lectures 47:39

Adding another dimension to your user interface with some very simple shading.

Adding depth through shading

Building up your user interface by adding simple textures to your shading .

Adding simple texture to your shading

How to add extra elements to your user interface to create more depth and style.

Enhancing your User Interface / Adding Bevels/Edges/Accents

Adding more design elements to build more to your user interface.

Adding the Finer Details

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.

Ideas & Conclusion
About the Instructor
5.0 Average rating
3 Reviews
22 Students
1 Course
Gamer and Graphic Designer

My name is Isaac , commonly known on the internets as Temporalcortex . I am from little Northern Ireland and started designing stream overlays in February 2013 I was so surprised at the response I got to my first overlay I decided to keep doing them and have since progressed into the start of game UI designing .

I enjoy gaming and designing but I also work full time which means that all of the design work I do is done in my spare time.

I am trying to help more and more people learn how to design using primarily Photoshop and hopefully in the near future i will be able to expand into using Illustrator ,After Effects and Cinema 4D.

I look forward to interfacing with all the poeple who have the same passion and drive when it comes to gaming and design .

Report Abuse