filmov
tv
Along Path Loop Animation | After Effects Tutorial

Показать описание
In this After Effects Tutorial, I'll show you how to create this seamless loop animation!
Content:
0:00 Intro
0:15 Creating the line and basic along path animation
2:32 Extending and animating the line
4:26 Adding a second ball, loop expressions
6:50 Adding a shape
7:41 Adding and animating a second line and a new ball
9:33 Outro
We use a basic “animate along path” method and add some flavour to it!
First of all, we set up the scene. Draw a line and add a round shape.
Then we use the "create nulls from paths" script which automatically adds a new null object.
We link the ball to the new null, adjust position and anchor point and adjust the speed curve.
Then we extend the line to the left and right and animate the position of the extended path and move it exactly 1920 pixels to the left.
If you've been precise, the beginning and end of the animation should look exactly the same.
In the next steps, we add more elements and end up with an awesome piece of animation;-)
► Software: Adobe After Effects 17.5
If you have any further questions, let me know in the comments below. I do my best to answer all of them!
► Subscribe to my channel here:
I am very curious how this tutorial inspired your work!
Put the link in the comments below or even better: tag me on Instagram.
► @manueldoesmotion
#aftereffectstutorial #animation #motiondesign
Content:
0:00 Intro
0:15 Creating the line and basic along path animation
2:32 Extending and animating the line
4:26 Adding a second ball, loop expressions
6:50 Adding a shape
7:41 Adding and animating a second line and a new ball
9:33 Outro
We use a basic “animate along path” method and add some flavour to it!
First of all, we set up the scene. Draw a line and add a round shape.
Then we use the "create nulls from paths" script which automatically adds a new null object.
We link the ball to the new null, adjust position and anchor point and adjust the speed curve.
Then we extend the line to the left and right and animate the position of the extended path and move it exactly 1920 pixels to the left.
If you've been precise, the beginning and end of the animation should look exactly the same.
In the next steps, we add more elements and end up with an awesome piece of animation;-)
► Software: Adobe After Effects 17.5
If you have any further questions, let me know in the comments below. I do my best to answer all of them!
► Subscribe to my channel here:
I am very curious how this tutorial inspired your work!
Put the link in the comments below or even better: tag me on Instagram.
► @manueldoesmotion
#aftereffectstutorial #animation #motiondesign
Комментарии