Design today is about solving problems, and quickly. The top designers today are able to bring their ideas and solutions to life with beautiful working and animated prototypes. It’s their ability to create, build and sell their ideas quickly that make them creative power houses. This is what we are going to teach you how to do in this course.

Category	Course format	Language	Duration	Level
Interaction, Prototyping	Online	English with Subt.	2 Hours 19 Mins	Beginner & Intermediate

Requirements

No previous knowledge of Adobe XD required. An Up-to-date versions of Adobe XD.

Description

In this course we’re going to dive into all the fundamentals to advanced techniques you need to know to create stunning animated prototypes you desire, in Adobe XD, to help sell your ideas, faster.

I’ll even show you how to showcase and add some flair to your work in After Effects once your prototypes are done.

We’ll cover how to prototype in Adobe XD, the fundamentals of animation, timing and easing, how to utilize masks, 3D transform and other techniques to create some really cool animated effects for your prototypes.

By the end of this course you’ll be able to create anything that you see on the internet or just desire to, all in Adobe XD because you’ll know how to use the tool at its maximum capability, think about motion, and understand how to break down what inspires you, so you can create it and give it a little more spice with After Effects to showcase your work.

You will learn

How to prototype in Adobe XD
The fundamentals of animation, timing, and easing
How to utilize masks
3D transforms
Other techniques to create some really cool animated effects for your prototypes.

The course includes

2 Hours 19 Mins of practical and condensed knowledge
Course Documentation
Projetc Files
Valuable links and resources for every lesson
Certificate of completion

Discover more about
this course

Modules

What you will learn
in this course.

Lessons

Chapters

Duration
Lesson 1

Welcome To The Course!

1

01:04 Mins

View more
- What You’ll Learn & The Project We’ll Be Working On
  
  01:04 Mins
Lesson 2

Prototyping And Animation Fundamentals

6

43:39 Mins

View more
- Introduction To XD As A Design Platform
  
  00:58 Mins
- Intro to XD
  
  15:47 Mins
- Understanding Timing & Easing
  
  10:22 Mins
- Mask Animations
  
  08:16 Mins
- 3d Animations
  
  07:27 Mins
- Bringing It All Together
  
  00:49 Mins
Lesson 3

Let’s Animate & Prototype Together!

4

1 Hour 14 Mins

View more
- Download The Project Files
  
  00:32 Mins
- Designing Our Landing Page
  
  18:54 Mins
- Putting Our Prototype & Animations Together
  
  54:38 Mins
- We’re Done! What’s Next?
  
  00:36 Mins
Lesson 4

Adding Some Flair To Our Animated Prototype Using After Effects

4

20:18 Mins

View more
- What We’re Going To Make In After Effects (Showcase)
  
  01:39 Mins
- Where To Get Cool After Effect Mockups To Boost Your Design’s Perceived Value
  
  03:31 Mins
- Jumping Into After Effects
  
  10:32 Mins
- How to Make Fire Showcases With No Video Editing Experience
  
  04:36 Mins
Lesson 5

Now What?

2

01:25 Mins

View more
- Time To Do It!
  
  00:32 Mins
- Thank You
  
  00:53 Mins

Meet the teacher

Brandon Groce

Name: Animated Prototypes: Made simple and in less time with Adobe XD
Author: Brandon Groce

Designer, Host, Content Creator and Adobe Partner

Brandon Groce is a Adobe Partner, Online Personality, and one of the top Design & Tech Edutainers who makes learning design fun again, with a total audience of 111K Creative Designers on social media. (@brand0ngr0ce). As an in-demand entertaining design expert, Brandon is recognized by a wide-range of audiences for his frequent appearances as an expert and host for online content including Adobe Live, AIGA 50 Galas, and numerous other podcasts.

Now

9.99$

/$100

Course Content