Class 6 – Coding Motion

Expressions in After Effects:

Wiggle expression:

Type wiggle(2,50).

This expression states that twice a second the text should wiggle 50 pixels on the x & y axis – the first number is how many times a second, the 2nd is the amount of pixel movement.

Adding effect sliders to control the expressions:

Loop expression:

 

http://www.mtmograph.com/motion/

 


SVG animation – Available tools:

Body Moving extension:

https://github.com/bodymovin/bodymovin

or download directly from adobe

Tutorial and installation instructions:

Check out some of the examples on CodePen, they might just blow your mind.


Check out some of the examples on CodePen, they might just blow your mind.

https://codepen.io/airnan/post/the-after-effects


Export to IOS

http://www.marcuseckert.com/squall/

 

 


What is SVG animation?

 

 Adobe Animate ( what used to be Flash)

https://helpx.adobe.com/animate/how-to/create-2d-animation.html

Adobe Animate


SVG animation without AE ( Only illustrator):

 

Expressions & Scripting  Resources:

Here are some amazing sites to check out that will help you get the hang of expressions.

Motion Script – Dan Ebberts’ AE Expressions and Scripting Resource
Redefinery – Excellent free and very useful scripts