Design and Animate a Gamer UI (Udemy.com)

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

Created by: Gary Simon

Produced in 2015

icon
What you will learn

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

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 86 / 100

icon
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! Who this course is for:
  • This course is for anyone who's interested in graphic design and animation.
  • Beginners to Photoshop and After Effects

icon
Instructor Details

placeholder

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.

icon
More courses by Gary Simon

Create a Full Ionic App with Material Design - Full Stack

$11.99

Use Vuejs 2 to Create a Beautiful SEO-Ready Website

$11.99

Learn Angular 8 from Scratch for Beginners

Free

Learn Adobe Experience Design CC 2018 by Example from a Pro

$11.99

Adobe Photoshop CC 2021 Crash Course for Absolute Beginners

Free

The 2019 UI Design Crash Course for Beginners

Free

icon
More adobe after effects courses

Course Design - How to Create Impressive Text Animations

$11.99

Adobe After Effects: Futuristic Motion Graphics & Animation

$11.99

Animate Hipster Logos & Badges in After Effects

$11.99

After Effects - Motion Graphics & Data Visualization

$11.99

After Effects CC: Motion Graphics & Animation Principles

$11.99

Learn Adobe After Effects CC 2021 for Beginners

$11.99

icon
Reviews

4.3

13 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

By Aditi Gupta

its awesome

By Anonymized User

Give me more Energy.

By Nikos Katsos

thank you very much

By Shahtaj Bhutto

Great Course (Y)

By Fabio Pereira de Souza

O curso é muito bom

By Shrikrishna Joisa

The tutorial course was informative and fun.

By David Naas

I enjoyed the course and got some pointers for Photoshop and After Effects

By Martin Uribe

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.

By Anttu Immonen

Pretty well voiced presentation of photoshop & after effects but not a very good advertisment for the instructor: the presentation suffers from several moments of "oops" and "let me correct that, sorry". This, however, is not necessarily a bad thing. Since it's also good to learn from mistakes, it's not automatically bad form to have mistakes in a presentation (be they real or ones acted out). Still, it would have been nice to better follow up on those mistakes since too often the instructor just deletes what he was doing or pauses the lesson while he checks what the correct method really was.

By Paul Layton

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.

By Ivan Nieto

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

By Rafael Lopes Saranholi

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