Skip to main content

Create a click animation

Simulate a realistic click by layering two scale animations

Written by Tuan Tan

Use custom scale animations to create the illusion of a cursor clicking a button.

šŸ’” Tip: Check out this file for an example of a click animation.

To create a click animation:

  1. Select your cursor layer

  2. Open the Animate panel

  3. Select New animation ā†’ Custom ā†’ Scale

  4. Scale the cursor down slightly to simulate the press

  5. Add a second Scale animation that brings the cursor back to 100%

  6. Repeat the same two animations on the button being clicked

šŸ’” Tip: Add a click sound effect for an even more immersive experience!

Related Articles
Did this answer your question?