# Animeren langs een pad met Hana en Spline - Hana | Alles wat je moet weten - Spline Academy (https://spline.design/nl/academy/tutorials/how-to-animate-along-a-path-with-hana-and-spline)

> In deze tutorial laten we zien hoe je een van onze recente updates in Hana gebruikt en hoe je vormen of designs eenvoudig langs een eigen traject animeert.

1. [Academy](https://spline.design/nl/academy)
2. [Cursussen](https://spline.design/nl/academy/collections)
3. [Hana | Alles wat je moet weten](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know)
4. Animeren langs een pad met Hana en Spline

# Animeren langs een pad met Hana en Spline

Les 11 van 15HanaBeginner7 min

In deze tutorial laten we zien hoe je een van onze recente updates in Hana gebruikt en hoe je vormen of designs eenvoudig langs een eigen traject animeert.

We laten verschillende manieren zien om in Hana een pad te ontwerpen, vormen op dat pad uit te lijnen, animaties te maken, positie-offsets aan te passen en te kiezen tussen een World- en een Tangential-oriëntatie.

Demo’s 👉 <https://app.spline.design/ui/6a36d303-a217-4466-95f5-85a1561c5725>

## Wat je leert

1. [0:00Intro](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=0s)
2. [0:16Een pad maken met de Vector Tool](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=16s)
3. [1:00Align to Path gebruiken](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=60s)
4. [2:07Animaties maken](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=127s)
5. [3:23Een pad maken met een vorm](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=203s)
6. [4:03Positie-offsets aanpassen](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=243s)
7. [4:53World- vs. Tangential-oriëntatie](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=293s)
8. [6:13Align to Path in 3D](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=373s)

## Gerelateerde bronnen

- [Shapes Follow PathTemplate](https://app.spline.design/academy/tutorials/how-to-animate-along-a-path-with-hana-and-spline?redirect-duplicate-template-uuid=86ecf61d-28ed-4c69-9f76-029bd8130eed&is-2d-file=true)
- [Algin to Path ModiferDocument](https://docs.spline.design/hana-a-canvas-for-interactivity/designing-in-hana#%F0%9F%8E%A2-modifiers)

## Overzicht

- Hana
- 7 min
- Beginner

## Hierna

[Ontwerpen en animeren met vectormaskers7 minBeginner](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/design-and-animate-with-vector-masks)[Verder](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/design-and-animate-with-vector-masks)

[Spline](https://spline.design/nl)

De 3D- en 2D-editor voor teams en hun agents. Publiceer op het web, iOS en Android.

#### Vraag AI naar Spline

#### Producten

- [3D-design](https://spline.design/nl/3d-design)
- [Hana](https://spline.design/nl/hana)
- [Omma](https://omma.build)
- [3D genereren met AI](https://spline.design/nl/ai-generate)
- [Spline MCP](https://spline.design/nl/mcp)
- [Spline Arena](https://spline.design/nl/arena)
- [Prijzen](https://spline.design/nl/pricing)
- [Enterprise](https://spline.design/nl/enterprise)

#### Runtimes

- [Web](https://spline.design/nl/web)
- [iOS](https://spline.design/nl/ios)
- [Android](https://spline.design/nl/android)

#### Apps

- [Downloaden](https://spline.design/nl/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror downloaden](https://spline.design/download-mirror)

#### Leren

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/nl/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Oplossingen](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/nl/blog)
- [Changelog](https://spline.design/nl/changelog)
- [Onderwijs](https://spline.design/nl/education)
- [Contra](https://spline.design/contra)
- [Affiliates](https://spline.design/nl/affiliate)

#### Bedrijf

- [Klanten](https://spline.design/nl/customers)
- [Vacatures](https://www.ycombinator.com/companies/spline/jobs)
- [Beveiliging](https://spline.design/nl/security)

#### Juridisch

- [Algemene voorwaarden](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.