TestText4

Not ready to join? Get my FREE ‘Rapid Prototyping with Adobe After Effects Fast Start’ video.

Even if you’ve never worked on a timeline or with keyframes, I walk you through the 7 steps that it takes to create professional UX gestural Prototypes from your Photoshop file. It’s the training I honestly wish I had when I started learning this stuff. It’s free. It’s baddass. And it’s way easier than you think.

Get these results now.

Supplement your edge

Take your ability to design compelling user experiences to the next level. You’ve already invested in your education and career but if you can’t communicate your ideas effectively, you’re missing out.

Sell your ideas to non-designers

Clients and higher ups need tangibles to help them ‘get’ what you’re up to. Some interactions simply can’t be presented in static comps. You’ll be much more effective when you bridge this gap.

Prototype the un-prototypable

New prototyping tools allow full interaction but largely rely on ‘stock’ transitions and animations. Quickly sketch, iterate, and finesse fully unique interactions and transitions using 3D and other dope tools.

 

 

Build shippable designs

Using code friendly approaches to your animations removes developer guesswork, while preserving all the subtlety, nuance, and timing that makes a truly compelling User Experience.

Add value to your clients, teams, and employer

We all know that rockstar who pulls their designs into After Effects and starts kicking ass. You can be that rockstar.

Use your existing source files

The Adobe tools are made to play well together. Taking your files from Photoshop or Illustrator into After Effects is a breeze. You’re already 90% there, why not go the extra step?

 

Join other UX Designers from these cool places

What other UX Designers are saying.

“Wow! The UX in Motion tutorials are fantastic. The quality of the lessons and the quality of the source files is second to none. Thank-you!”
– Tara Nielsen, Visual Designer at Telstra, Australia
“In just 3 hours of training, you equipped me with a solid understanding of the application and the knowledge for how to create compelling motion studies worthy of showcasing to clients. Thank you Issara. YOU rock!”
– Ewen Syme, Senior Interaction Designer at Frog, Seattle

“Just wanted to let you know that I’ve done the first two lessons, and I can’t wait to see more! I really appreciate your personal teaching style, and how tailored it is to UX designers. This is huge!”
– Ethan Ray, Senior UX Designer at Google, Seattle

Methodology

Workflow

If you want to start prototyping non-stock transitions and interactions from your Photoshop or Illustrator files right now, this training is the key that will open that door. After the 5 short foundation lessons, you are ready to start kicking ass. In the past, this would usually require hours and hours of boring tutorials. No more.

Best practices

With a solid grounding in both agency an in-house project development, the training delivers powerful mindsets and tactics rooted in years of real world experience. All lessons are based on actual prototypes and real world trending apps. This your ticket to learning how professionals create professional professional prototypes.

Magic numbers

While you are invited to experiment and iterate your designs, having back pocket timing numbers for intervals and curves takes a huge amount of the guesswork out of the equation. This frees you up to do what you do best – create unique and baddass interactions and transitions.

Learn from experience

   
Self

 

Issara has over a decade of experience working with world class consultancies like IDEO, Frog, Artefact, Possible, and more. He has created prototypes using After Effects for such brands as Facebook, Microsoft, XBox, MSN, Nordstrom, Twitter, Target, HBO, AT&T, T-Mobile, Motorola, and UNAIDS, to name a few. This training contains all his best practices and knowledge accumulated during this time.   

Not ready to become a member?

Check out these latest lessons for free.

Introduction to basic 3D


3D is baddass. Straight up. I use it all the time and even end up comping a ton of my UX work in 3D because it’s faster and more accurate than Photoshop or Illustrator. 3D can be a beast though, so in this introductory lesson, I’m going to start you off in very gentle way with this Clear App inspired interaction. In the next lesson, we’ll take it up a notch but for now, let’s build some confidence!

Watch lesson
Designing dynamic Transitions with the Anchor point


The anchor point is some extremely tasty and low hanging fruit. Although not immediately apparent of what the value is, this is one of the single easiest and most important concepts to grasp, and be confident with when making a dope prototype. It’s also one of the simplest and coolest things you’ll learn in After Effects (in my opinion).
Time: 19 minutes

Creating developer friendly curves


It’s one thing if you’re just messing around creating some hotness in After Effects. It’s a whole better thing to create a rapid prototype that can be built for a developer to leverage into a shippable product. In this lesson, you’re going to learn several different tools and techniques that will allow you to keep your curve data 1:1 between your prototype and the code that will be written. How baddass is that!

Watch Lesson

 

Myths

This is too hard.

I created this training for UX Designers who have had zero timeline experience, zero experience with keyframes or velocity curves. This is the single fastest, most efficient and effective training out there for UX Designers looking to get a leg up.

 

I don’t need this.

Motion is a critical component of the User Experience. Using Adobe After Effects, you can create new, unique, and ‘non-stock’ interactions and transitions without a line of code quickly and confidently from your Photoshop or Illustrator files in minutes.

There are other prototyping tools.

The popular prototyping tools rely on stock gestures and transitions. If this works for you, sweet! If you need to push the envelope, generate new ideas, or quickly build a proof of concept, a lot of professional UX Designers are getting milage out of Adobe After Effects.

Onsite trainings for your design team

A powerful, custom tailored training event to get the whole team in sync, conveniently located at your studio.

“UX in Motion and the work that has been taught to the team over the past two sessions is really going to help create a foundation to take our designs to a new level for every designer in the studio.”

– Jon Mann, Design Director at Artefact, Seattle

 

Inquire for my team

Dude, are you in?

Join now  and become a member.