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
Instructed by Isaac Hume Design / Game Design
50% off
Take This Course
  • Lectures 16
  • Length 2 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2015 English

Course 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 .

What are the requirements?

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

What am I going to get from this course?

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

Who is the target audience?

  • Suited for Indie Game developers
  • Esports Graphic Designers
  • Gamers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Overview and Basic Layout

Overview of Moba games and the elements in the user interface


Showing the tools required within photoshop to build your design.


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

Section 2: Adding sections to your layout

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


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


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


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


Creating the basic info window for your user interface

Section 3: Styling your design

Preparing your design elements for the styling process


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


Adding definition to your user interface.

Section 4: Enhancing and polishing your design/concept

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


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


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


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


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.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Isaac Hume, 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 .

Ready to start learning?
Take This Course