How to Create Curved Path Animations in Sketch

Quick guide for creating Animations along a curved path in Sketch using Anima.

Tutorial Sketch File: Download 

Moon and Sun Sketch File: Download

To create a curved path:

1. Group the element you want to curve (Example, the Sun or Moon), to one end of a rectangle as show in the image below
2. Then, in the Interactions Editor, rotate the Group from one state to the other
3. Adjust Transition timing

❗️Tip:

• Adjust the width of the rectangle to change the curve 
• Hide rectangle once you are happy with the curved path created

Learn More

• Anima 101 – Video Tutorials, FAQs, and Full Documentation

Get started with these tutorials:

• Creating a High-Fidelity Prototyping in Sketch
• How to Publish a Website and Host it With Anima
• How to Handoff Design Specs to Developers
• How to Export Sketch to HTML
• Team Collaboration