Category Archives: Newton Tutorial

Tutorial: Dynamically unravel a shape in After Effects using Newton 3

Ariel asked us:

“Hello, is it possible to create the “unraveling” effect on a neon sign that you see at  :47 of this video:

Well, yeah! It’s possible and here’s how!

In this tutorial, I will show you how to unravel a shape in Adobe After Effects using Newton3 and ConnectLayersPRO.
Here’s the process:
-Track and stabilize with Mocha AE.
-Reverse stabilization.
-Keying using Keylight
-Trace the shape in Adobe Illustrator and export to AE using Overlord
-Prepare the shape for Newton3 using the “Create Nulls from Path” script and ConnectLayersPRO
-Physics simulation with Newton3
-Apply glow with Deep Glow -Final compositing with Composite Brush

I will also use other tools such as: Overlord, MOBO_Utils, Deep Glow and Composite Brush (Note that you can do without these tools).

Thanks to the authors for those tutorials:
-Stabilize and reverse stabilization using Mocha and CC Power Pin:
-Light Wrap:

Get the tools:
Newton3, ConnectLayersPRO and MOBO_Utils:
Overlord :
Deep Glow :
Composite Brush :

Cheers to Adam Plouff, Chris Vranos, the Plugin Everything team and Lloyd Alvarez

Creating a liquid animation in After Effects!

Using Motion Boutique’s 2D Physics Engine, Newton 3, to create a liquid animation within After Effects by Jay Baulch

Connect with me on social:

– Instagram:

– Behance:


Subscribe to my YouTube channel

I’ll show you how to quickly set up a simple simulation in Adobe After Effects, send it to Newton3, use fixed objects to only rotate switch and spinners, tweak your scene to have the best result.

Get Newton 3:

Get Rift:

Want to ask something? Contact us!

A Newton mini tutorial by Joyce N. Ho

Joyce N. Ho is a Hong Kong born, Australian designer, based in New York City.

In 2019 she designed an  animated poster for San Francisco Design Week using Newton

Here’s the final video:

“I created a motion poster for @sfdesignweek this year, on the theme of “CommUNITY”. My design is inspired from the idea that we come together to comfort, collaborate and communicate with each other – to be part of something bigger than ourselves.

And she also created the very interesting Newton mini tutorial to reveal the technical process behind the animated poster!

As an example, she create a null object that will control the gravity with random values inside Newton!
She also used the magnet system and different simulations assemble in a final composition.

Very interesting!

Thank you Joyce!

Want to ask something? Contact us!

apply a mask on an Illustrator layer in After Effects

Dealing with Illustrator files and shape layers in Newton

You may know that you can use Adobe Illustrator files with Newton for Adobe After Effects. You can do this by using different techniques like converting them into shape layers.

It’s important to know that the more your objects are complex, the slower your simulation will be.
Also, you won’t get better results if you use complex objects in your simulation. And by complex, we mean plenty of path vertices and detailed Bezier curves.

So, what are the best practices?

Use a mask


You can apply a mask to your Illustrator layer so Newton can interpret its outline correctly.
You can also use the auto-trace function of Adobe After Effects.
If you copy/paste the path from Illustrator, you should use before the “Simplify” and “Cleanup” function in Illustrator to have the most optimized shape.

Note that here, what’s inside the robot has been removed since we don’t need it for the simulation. The mask only cover the outline of the artwork.

apply a mask on an Illustrator layer in After Effects

Converting your Ai files to shape layers


You can convert your Ai file to shape layers.
But be sure to ONLY send to Newton what’s needed. You can simply hide the path or the groups that you don’t want to use in Newton and unhide them after the simulation is complete.
In this example, mouth and eyes are not needed for the simulation and will be unhidden after the simulation is complete.

Also, always try to simplify the transformation applied to your shapes. In most cases it is recommended to have the inner transform  of a shape (transform properties of groups for example) set to the default values and use layer’s transform instead.

Watch for self-intersecting shapes!


Newton prevents to load shapes and masks that have self-intersecting path or orphan vertex. It will warn you if one of the paths cannot be correctly interpreted. You’ll then have to manually modify it.
Be careful when working with paths created using tools like the cutter tool in Ai!

Creating proxy version
of your objects


Best pratice to use complex Ai vectors is to replace them by a less complex version of them and simply parent them to the original ones.
Just like in this breakdown.

Need more tips and tutorials?
Check our Learn page!

Tutorial: Using Newton and Pastiche

Learn how to use Pastiche and Newton for Adobe After Effects to create a dynamic explainer video.

How to… place a text along a path using ConnectLayersPRO

How to… place a text along a path when using our plugin ConnectLayersPRO in Adobe After Effects ?

How to Create 3D Shapes with Newton 3

Although Newton 3 is a 2D physics simulator and only accepts 2D shapes and text, there’s a small workaround to incorporate 3D shapes.

Tutorial: Textless effect

Remember the amazing “Textless” short by Gareth Smith & Jenny Lee?
Well, here’s our own tutorial that recreates the workflow to achieve this amazing effect where the content of a sign is falling drove by physics.
We are going to use Adobe After Effects, Mocha AE to track the sign and Newton3 for the physic simulation. Adobe Illustrator to vectorize the artwork and Adobe Photoshop to clean up the sign using the content aware tool.
That’s a lot of tools for an amazing result. But don’t worry, everything is going to be quite easy to do.

“Textless” by Gareth Smith & Jenny

If you need more in depth about the tracking with Mocha AE, check the great tutorial of Mark Christiansen at School Of Motion:

Get Newton for Adobe After Effects:

Link to the video used in this tutorial .

Get Rift for Adobe After Effects:

Music: Otis McDonald.

Want to ask something? Contact us!

Tutorial: Fill-Mix-Flush using Newton3

Here’s a new tutorial for Newton3, the physics engine for Adobe After Effects!

In this classic case of animation which uses physics intensely, you’ll learn how to fill a shape, turn it to a washing machine then drain it.
Import animated objects into Newton3.
Add and remove objects from your simulation.
Fine tweak your simulation to get the best result!
We’ll also show you how to use our tool Solidity to colorize hundreds of objects easily!

Get Newton3 and Solidity (part of the set “LayerGenerator”) !

Want to ask something? Contact us!