Graphic Design: Create a Basic User Interface

Create amazing user interfaces and leave everyone astonished with your After Effects skills.

About this course

Have you ever wondered how to create an interface for a mobile screen and then animate a demo of it without any previous knowledge of code? On this course, you'll learn how to make a design in Adobe Illustrator and then take it to After Effects to make fun and simple animations.

The course will be divided into different lessons that will show you the design of the interface and then the animation of each element so you can easily follow along.

What project are we going to develop?

On this course we'll be designing a simple login screen, then we'll preview the animation with the help of After Effects. While we'll be creating a login screen for a fictional app you can recreate one that you like or make your own design.

Practice each technique as you follow along so you can master all the concepts explained in this course.

Who's this course for? Requirements

For this course you don't need any previous skills, the concepts will be explained easily so you can follow along but it is recommended that you have a little experience in both programs, since basic concepts are not going to be explained.

We'll be using Illustrator and After Effects CC, but if you use a previous version there shouldn't be any major problems; while the layout may be different, the changes shouldn't impact the concepts behind each lesson. 

Table of contents


Course Details

Intermediate level 54m 9 lessons 194 users


After Effects After Effects Adobe Illustrator Adobe Illustrator Adobe Photoshop Adobe Photoshop


Maria Keller
Maria Keller
Maria Keller Teacher

Maria Keller is a Mexican freelance motion designer and illustrator working with companies around the world. Her clients include Slyce, SnipSnap, Kittyrama, Advanced Medical, United Inc. and many more. She enjoys working hand in hand with her clients to produce all kinds of creative results.

To learn more, visit http://www.mariakellerac.com/