# How to Animate Along a Path with Hana and Spline (https://academy.spline.design/collections/hana-everything-you-need-to-know/how-to-animate-along-a-path-with-hana-and-spline)

> A video tutorial from the Spline Academy.

- Product: Hana (2D)
- Level: beginner
- Duration: 6 min 41 s
- Published: 2025-05-16
- Video: https://www.youtube.com/watch?v=u-fEUpXoyCU
- Part of: [Hana | Everything You Need To Know](https://academy.spline.design/collections/hana-everything-you-need-to-know.md)

## About this tutorial

In this tutorial, we’ll show you how to use one of our recent updates in Hana, and how you can easily animate shapes or designs along a custom trajectory.

We’ll guide you through different ways to design a path in Hana, how to align shapes to that path, create animations, adjust position offsets, and choose between world and tangential orientation.

Demos 👉 https://app.spline.design/ui/6a36d303-a217-4466-95f5-85a1561c5725

## Chapters

- [0:00](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=0s) Intro
- [0:16](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=16s) How to create a path using the Vector Tool
- [1:00](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=60s) How to Align to Path
- [2:07](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=127s) Creating Animations
- [3:23](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=203s) How to create a path using a Shape
- [4:03](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=243s) Adjusting Position Offsets
- [4:53](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=293s) World vs. Tangential Orientation
- [6:13](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=373s) Align to Path in 3D

## Related documentation

- [Algin to Path Modifer](https://docs.spline.design/hana-a-canvas-for-interactivity/designing-in-hana#%F0%9F%8E%A2-modifiers)