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
English
$15 $30 50% off
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
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 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
Requirements
  • 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
05:47

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

Centre Window Layout
05:54

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

Minimap Window Layout
02:16

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

Team Window Layout
04:40

Creating the basic info window for your user interface

Info Window Layout
04:13
+
Styling your design
3 Lectures 23:26

Preparing your design elements for the styling process

Preparing for Styling
03:25

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

UI Basic Gradiant Setup
06:17

Adding definition to your user interface.

Building on your styling
13:44
+
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
11:50

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

Adding simple texture to your shading
08:56

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

Enhancing your User Interface / Adding Bevels/Edges/Accents
08:59

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

Adding the Finer Details
08:06

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
09:48
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