Adding ambient motion to layers is a feature unique to Lightwell. It lets you easily add a looping animation to a layer.

Layer Ambient Motion

To start, select a duration for the length of time of each loop. Then edit the scale, position (movement along the x-axis or y-axis), and/or rotation of the layer, which will play on repeat.

Ambient Motion

Open up the Ambient Motion Panel under Layer Controls.

  • Under “Scale” set the Width and Height to 10%.
  • Try setting the “Rotation” to 20°.
  • Try setting the "Movement" on the X-Axis or Y-Axis to 10.0 and see what happens.
  • Duration will automatically set to 1.0 seconds. 

A shorter Duration = a faster Animation. 🏃‍♀️

A longer Duration = a slower Animation. 🐢

Your layer should now be moving all on it’s own! Try playing with some of the settings even further. If you have multiple layers, you can copy & paste Ambient Motion from one layer to another!

Timing Curves

Under Ambient Motion, you’ll see a section labeled “Timing.”

The Timing shows the the pace of the animation with an actual curve. 

Some default timing curves are provided in section to make it easy to create a motion that looks and feels natural. You can select "Linear," "Ease," "Ease-In," and "Ease-Out" by clicking on the small boxes below the timing function.

If you have multiple layers with ambient motion and don't want them starting at the same time, you can change the Animation Offset.

Linear Timing: If you animate a ball falling and choose linear timing, it will move at the same pace from beginning to end.

Ease-in Timing: If you animate a ball falling and choose ease-in timing, it will start slow and accelerate at the end!

Some default timing curves are provided in section to make it easy to create a motion that looks and feels natural. You can select "Linear," "Ease," "Ease-In," and "Ease-Out" by clicking on the small boxes below the timing function.

Pro Tip: If you have multiple layers with ambient motion and don't want them starting at the same time, you can change the Animation Offset.

Read More Related Articles:

Did this answer your question?