Design and Animate a Gamer UI

Learn how to design your own custom GUI and then animate it by using Adobe After Effects.
4.1 (31 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.
3,441 students enrolled
Instructed by Gary Simon Design / Graphic Design
25% off
Take This Course
  • Lectures 6
  • Length 1.5 hours
  • Skill Level All Levels
  • 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 1/2015 English

Course Description

Learn how to design your very own custom graphical user interface (GUI) in Adobe Photoshop, and then make it animate and come to life using Adobe After Effects.

In this course, you'll gain a thorough understanding of how to use Photoshop to construct a GUI. While we will focus on a specific project that has a gamer-feel, you can use what you've learned and apply it to many other projects.

After having designed the GUI, you will then learn how to export the individual assets for use with After Effects. Then you will learn how to rebuild the design in After Effects, and then finally animate it; and that's when the fun really begins.

After watching this course, the possibilities are endless in terms of what you can create.

In Photoshop, you will learn about layers, layer styles, layer clipping masks, layer blend modes, how to use textures to create metallic interfaces, and much much more.

In After Effects, you will learn how to use the basic interface. You will be able to create your own animations by utilizing key frames, which allow you to control many aspects of a given object. With this skill, you will be able to create your own animations for any project imaginable.

So let's get started!

What are the requirements?

  • Ensure they have a copy of Adobe Photoshop and Adobe After Effects

What am I going to get from this course?

  • Design a GUI in Photoshop
  • Export Assets
  • Understand Photoshop fundamentals that pertain to layers and layer styles.
  • Use Adobe After Effects to create animations

Who is the target audience?

  • This course is for anyone who's interested in graphic design and animation.
  • Beginners to Photoshop and After Effects

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: Design in Photoshop
Designing the Main UI
Finishing the Main UI
Exporting & Importing Assets
Section 2: Animation in After Effects
Structuring the UI
Finishing the UI Construction
Animating the UI

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Gary Simon, Professional Freelance Designer & Course Instructor

Gary Simon is a professional freelance graphics and web designer with well over a decade of experience. Having served over a thousand clients, Gary understands many facets of the design industry.

He has also been a course instructor for several of the top online education websites, teaching a wide range of topics including:

  • Web Design
  • Graphic Design
  • Mobile / GUI Design
  • 3D
  • Motion Graphics

Gary began designing websites in 2000, and just a few years later started focusing on identity design. From that point on, Gary grew a large clientele that allowed him to fully develop skills that extend beyond design alone.

The following is a list of web technologies in which Gary is proficient:

  • HTML & CSS (Responsive)
  • JavaScript & jQuery
  • XML
  • PHP
  • MySQL

He is also an expert with the following software:

  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe After Effects

Gary began teaching his skills to others after releasing a single logo design tutorial, which has since garnered over a million views. In 7 years, Gary has released over 200 video tutorials and 20+ video courses. On his Youtube channel alone, his videos receive a half million views monthly. He enjoys connecting with students and helping them develop their skills on an on-going and frequent basis.

Ready to start learning?
Take This Course