# Een draaiend 3D-icoon maken - Animatie en interacties in Spline - Spline Academy (https://spline.design/nl/academy/tutorials/how-to-create-a-spinning-3d-icon)

> Hoi! In deze tutorial laten we zien hoe je van begin tot eind een draaiend 3D-icoon maakt! Je leert het te ontwerpen en te animeren, vloeiende vertragingen…

1. [Academy](https://spline.design/nl/academy)
2. [Cursussen](https://spline.design/nl/academy/collections)
3. [Animatie en interacties in Spline](https://spline.design/nl/academy/collections/animation-interactions-in-spline)
4. Een draaiend 3D-icoon maken

# Een draaiend 3D-icoon maken

Les 6 van 14Spline 3DBeginner15 min

Hoi! In deze tutorial laten we zien hoe je van begin tot eind een draaiend 3D-icoon maakt! Je leert het te ontwerpen en te animeren, vloeiende vertragingen toe te voegen en interactieve triggers in te stellen. We bekijken ook kleuren, materialen en animaties die met een knop worden getriggerd.

## Wat je leert

1. [0:00Het 3D-icoon maken](https://www.youtube.com/watch?v=bzbL6eNEfek&t=0s)
2. [2:13Kleur en materiaal toepassen](https://www.youtube.com/watch?v=bzbL6eNEfek&t=133s)
3. [6:29Het 3D-icoon animeren](https://www.youtube.com/watch?v=bzbL6eNEfek&t=389s)
4. [10:35Interactieve triggers toevoegen](https://www.youtube.com/watch?v=bzbL6eNEfek&t=635s)

## Gerelateerde bronnen

- [Spinning 3d iconTemplate](https://app.spline.design/academy/tutorials/how-to-create-a-spinning-3d-icon?redirect-duplicate-template-uuid=785469cd-21c1-46d9-957c-7afc5a97f782&is-2d-file=false)
- [Extruding 2D objects in 3DDocument](https://docs.spline.design/designing-in-3-d/extruding-2d-objects-in-3-d)
- [Materials & ShadingDocument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Transition ActionDocument](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)
- [Cloner MotionDocument](https://docs.spline.design/designing-in-3-d/cloner-motion)

## Overzicht

- Spline 3D
- 15 min
- Beginner

## Hierna

[Breng een interactieve 3D-robot tot leven13 minBeginner](https://spline.design/nl/academy/collections/animation-interactions-in-spline/bring-an-interactive-3d-robot-to-life)[Verder](https://spline.design/nl/academy/collections/animation-interactions-in-spline/bring-an-interactive-3d-robot-to-life)

[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.