Design and Animate a Gamer UI

Learn to design a custom GUI in Photoshop and animate it using Adobe After Effects. Master layers, styles, and create engaging animations for various projects.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course teaches you how to create your own custom GUI in Photoshop and animate it in After Effects. You'll learn essential skills like handling layers, exporting assets, and using keyframes to bring your designs to life. Let's unleash your creativity!

Key Points

  • Design a GUI in Adobe Photoshop
  • Learn to export assets for After Effects
  • Understand Photoshop layers and styles
  • Animate your GUI in After Effects using keyframes
  • Create a gamer-feel design

Learning Outcomes

  • Be able to design a custom GUI from scratch
  • Export assets correctly for animation
  • Understand and manipulate layers in Photoshop
  • Animate using keyframes in After Effects
  • Apply skills to various projects beyond gaming

About This Course

Learn how to design your own custom GUI and then animate it by using Adobe After Effects.

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!

  • Design a GUI in Photoshop

  • Export Assets

  • Understand Photoshop fundamentals that pertain to layers and layer styles.

Instructor

Profile photo of Gary Simon
Gary Simon

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

Review
4.9 course rating
4K ratings
ui-avatar of R E
R E.
3.0
4 years ago

It gave one way to create a gamer UI in After Effects, but doesn't show how that UI could be used for anything outside of a video.

  • Helpful
  • Not helpful
ui-avatar of Anonymized User
Anonymized U.
5.0
7 years ago

Give me more Energy.

  • Helpful
  • Not helpful
ui-avatar of Anonymized User
Anonymized U.
5.0
7 years ago

its awesome

  • Helpful
  • Not helpful
ui-avatar of Anonymized User
Anonymized U.
4.0
7 years ago

Quite informative. Not many advanced techniques, however a simple and understandable guide that will help plenty of people out there to create a nice and simple animated UI.

  • Helpful
  • Not helpful
ui-avatar of Rafael Lopes Saranholi
Rafael L. S.
5.0
9 years ago

This course shows the idea behind the UI animation, it's great for students to learn and apply what was learned on own projects.

  • Helpful
  • Not helpful
ui-avatar of Fabio Pereira de Souza
Fabio P. D. S.
5.0
9 years ago

O curso Ă© muito bom

  • Helpful
  • Not helpful
ui-avatar of Nikos Katsos
Nikos K.
5.0
9 years ago

thank you very much

  • Helpful
  • Not helpful
ui-avatar of Martin Uribe
Martin U.
4.0
9 years ago

I loved how he covered the material through every step of the way. Now I have a better understanding of what it takes to create my own. The language wasn't necessary though. I have younger kids that sometimes like to watch over my shoulder, so that was an unpleasant surprise.

  • Helpful
  • Not helpful
ui-avatar of Ivan Nieto
Ivan N.
2.0
9 years ago

Falta de creatividad, nada malo acerca del trabajo o forma de trabajo. Se aprende, pero no engancha.

  • Helpful
  • Not helpful
ui-avatar of Paul Layton
Paul L.
5.0
10 years ago

I really liked this lesson... Because I have never used the program before and it was a great overview. besides that I also learned how to troubleshoot in a program that appears to need a bit of careful care.I learned a lot and can't wait to get my hands on the program and getting dirty.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses