Jump to Chapter


  1. Less is more (at 0:09)
  2. SciFi UI - Random Numbers Pattern (at 4:59)
  3. SciFi UI - Cyclic Grid Element (at 15:13)
  4. SciFi UI - Inverse Kinematics and moving dots (at 19:58)



This is a live demo recorded at the aescripts + aeplugins booth at NAB 2014. Mathias explains how to create some motion graphics in After Effects with the help of iExpressions.

We take a look at different elements of an animated science fiction user interface - including random texts, animated shapes and much more. But you also learn something more general about good design and why less is often more.

Used tools: 

all tutorials about: 


Was the tablet screen all in green to make a chroma? or simply the animation was played in the tablet while the actor do the hand motion at the same time?

This is a very good question. I updated the preview video such that you can get an idea:

Essentially, we used a greenscreen, but with some additional tracking markers and some countdowns that helped the actor to know when to do what. Also, the green is first dark and then wipes to a brighter green to get the illumination on the hands when the device is turned on.

Add new comment

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.