Motion’s Eleven – Motion design techniques

Author
Team Created
Date
13.05.19

Looking for some guidance on motion design techniques and trends to help you add some spice to your projects? Well, you’ve come to the right place…in the desert!

We wanted to have some fun with motion design techniques, so we created Motion’s Eleven (yeah we went there) – a series that’ll guide you through eleven different motion styles, all with a Las Vegas twist!

We’ll post each new style on our socials for the next few weeks. On this page, you’ll find out how they were created in After Effects, with commentary from our very own in-house designer Gianluca Alla.

#1 Movie Credits

Inspired by the iconic title sequence from Ocean’s 11, this looping GIF launches the beginning of our series.

How it’s done

Effects are not always needed to make engaging animations. Sometimes it’s just a matter of correct sequence of elements, basic transformation and timing that make the motion appealing. In this case, rotations and masks are the main characters.

The initial transition is made by regular keyframes’ shifting where the initial point is faster than the last. The 11 appears through a mask. The blue and yellow tiles change colour with a “3D rotation” (x-axis). The animation ends with a double transition on the shapes. In this case, the “scale” and “rotation” work simultaneously. Moving the keyframes with a constant rhythm, the shapes disappear one after the other.

 

#2 Glitch

Next stop we’ve got Glitch, a technique simpler than it looks to achieve. Tip: it’s a good effect to use if you need to change scenes quickly.

How it’s done

To create this effect, first find a stock video like this one, free for personal and commercial use. Place the video in the composition and create a new adjustment layer. Then add the “Displacement Map” effect to the adjustment layer and set the Glitch video as the map layer. It’s then up to you to play with vertical or horizontal displays to achieve the effect you want.

The Chips background is made with the Cinema 4D tool within After Effects, that you can find in the Composition Settings.

Tune in every Monday to discover the rest of the techniques. Better yet, follow us on Instagram to ensure you don’t miss a beat.

If you want to kill it in motion design, get in touch with our Admissions Manager Kim to learn more about our courses and your opportunities with Created.

Related resources

Working with Typography: Gianluca Alla

Created’s in house designer Gianluca Alla has just been featured in Computer Arts Magazine for his recent work with typography, so we thought we’d interview him about the article and his work!

The Created Process

Find out why every creative needs a process and learn from Created’s own model that will help you deliver brilliantly on your next project.