Category Archives: Breakdown

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!

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.

Color Wheel

Manipulating shapes and colors using expressions

3D Projection

Creating and projecting a 3D cube onto a shape layer using expressions

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!

Interview(s)!

Our friends from Motion Café invited us on their show to talk about our history, our products and do some demos. Finally, we had so much to say that we did 2 shows!
In the first we talked a lot about our history and Newton. Valentin was able to come back to the genesis of this product, show a little moment of history with the first video made with it and also the first version of our tool. We also have show more technical things as well as tips.

(Video is in french but you can use the subtitles option to translate it)

In the second show, we came back to Newton and in particular to the (new) skater’s setup. We then talked about Pastiche and LayerGenerator with new features, and we ended with a little tour of ConnectLayersPRO!

You can find these videos on the Motion Café Youtube channel.

Tutorial: Create a flock of birds

Sara contacted us asking if Pastiche for Adobe After Effects would be able to create a flock of birds in order to form a final logo.

And here’s our answer… 🙂

We’ll show you step by step how to setup this project to quickly get a result. Remember, those are not particules but individual layers! Everything is keyframed by our tools Pastiche! We’ll also us LayerGenerators

Get Pastiche and LayerGenerators: aescripts.com/pastiche

Want to ask something? Contact us!

Another exemple of a flock of birds using Pastiche.

Animate a Snow Globe

Matthew contacted us asking this:

“Hi there, I have a job coming up where I need to animate a snow globe that shakes. I’m thinking it would be cool to have actual snow moving around inside the glass and I’m thinking Newton would be a great solution for this.”

And here’s our answer…

A 5 parts tutorial covering a wide range of use of our tools including Newton3, Pastiche, ConnectLayersPRO and DUiK.

In this tutorials we’ll show you:

  • How to setup correctly a scene in Newton3
  • How to add a shortcut inside After Effects to quickly launch Newton3
  • Use joints to make a tree jiggle.
  • Link the bulbs and animate them according to the animation of the tree.
  • Use ConnectLayersPRO to create and animate the tinsels.
  • Use Newton3  to animate the gifts and link the animation to create soft bodies for the ribbons using DUiK and the puppet tool.
  • Create the snow flakes using Pastiche and animate them using Newton3.

Get the Adobe After Effects file project that include the illustration !

Get our tools here: http://aescripts.com/

Want to ask something? Contact us!

Tutorial: Paper Drop

In this tutorial for Adobe After Effects, you’ll learn how to use Adobe Illustrator, Newton3, ConnectLayersPRO and the Cinema4D render engine to create something similar to a piece of paper falling on the ground.

Get Newton3: https://aescripts.com/newton/
Get ConnectLayersPRO : https://aescripts.com/connect-layers/

music : The Motif – Live at KBOO

Tutorial: Creating Soft Body Dynamics with Newton inside After Effects

Step by step tutorial on how to create soft body dynamics with newton inside after effects.

by Quadralimit

UPDATE: You don’t necessarily need Explode Shape Layers. Newton can do that for you. It will ask you to separate the layers after opening the scene for the first time.