# Een draaiend 3D-icoon maken - 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. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Een draaiend 3D-icoon maken

# Een draaiend 3D-icoon maken

Spline 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

## Onderdeel van

- [Animatie en interacties in Spline](https://spline.design/nl/academy/collections/animation-interactions-in-spline/how-to-create-a-spinning-3d-icon)

## Gerelateerde tutorials

[Alle tutorials](https://spline.design/nl/academy/tutorials)

[Een lopend 3D-personage animerenSpline 3DBeginner14 min](https://spline.design/nl/academy/tutorials/how-to-animate-a-3d-walking-character)[3D-multiscènes bouwen en animaties importerenSpline 3DGemiddeld18 min](https://spline.design/nl/academy/tutorials/how-to-build-3d-multi-scenes-and-import-animations)[Maak naadloze 3D-loopanimatiesSpline 3DBeginner11 min](https://spline.design/nl/academy/tutorials/craft-seamless-3d-loop-animations)

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