# Så skapar du en snurrande 3D-ikon - Animation och interaktioner i Spline - Spline Academy (https://spline.design/sv/academy/tutorials/how-to-create-a-spinning-3d-icon)

> Hej! I den här tutorialen visar vi hur du skapar en snurrande 3D-ikon från början till slut! Du lär dig att designa och animera den, lägga till mjuka…

1. [Academy](https://spline.design/sv/academy)
2. [Kurser](https://spline.design/sv/academy/collections)
3. [Animation och interaktioner i Spline](https://spline.design/sv/academy/collections/animation-interactions-in-spline)
4. Så skapar du en snurrande 3D-ikon

# Så skapar du en snurrande 3D-ikon

Lektion 6 av 14Spline 3DNybörjare15 min

Hej! I den här tutorialen visar vi hur du skapar en snurrande 3D-ikon från början till slut! Du lär dig att designa och animera den, lägga till mjuka fördröjningar och ställa in interaktiva utlösare. Vi utforskar också färger, material och animationer som utlöses med knappar.

## Det här lär du dig

1. [0:00Skapa 3D-ikonen](https://www.youtube.com/watch?v=bzbL6eNEfek&t=0s)
2. [2:13Lägga på färg och material](https://www.youtube.com/watch?v=bzbL6eNEfek&t=133s)
3. [6:29Animera 3D-ikonen](https://www.youtube.com/watch?v=bzbL6eNEfek&t=389s)
4. [10:35Lägga till interaktiva utlösare](https://www.youtube.com/watch?v=bzbL6eNEfek&t=635s)

## Relaterade resurser

- [Spinning 3d iconMall](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 3DDokument](https://docs.spline.design/designing-in-3-d/extruding-2d-objects-in-3-d)
- [Materials & ShadingDokument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Transition ActionDokument](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)
- [Cloner MotionDokument](https://docs.spline.design/designing-in-3-d/cloner-motion)

## Översikt

- Spline 3D
- 15 min
- Nybörjare

## Nästa

[Väck en interaktiv 3D-robot till liv13 minNybörjare](https://spline.design/sv/academy/collections/animation-interactions-in-spline/bring-an-interactive-3d-robot-to-life)[Fortsätt](https://spline.design/sv/academy/collections/animation-interactions-in-spline/bring-an-interactive-3d-robot-to-life)

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

3D- och 2D-editorn för team och deras agenter. Publicera på webben, iOS och Android.

#### Fråga AI om Spline

#### Produkter

- [3D-design](https://spline.design/sv/3d-design)
- [Hana](https://spline.design/sv/hana)
- [Omma](https://omma.build)
- [3D-generering med AI](https://spline.design/sv/ai-generate)
- [Spline MCP](https://spline.design/sv/mcp)
- [Spline Arena](https://spline.design/sv/arena)
- [Priser](https://spline.design/sv/pricing)
- [Företag](https://spline.design/sv/enterprise)

#### Runtimes

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

#### Appar

- [Ladda ner](https://spline.design/sv/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Ladda ner Spline Mirror](https://spline.design/download-mirror)

#### Lär dig

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/sv/blog)
- [Ändringslogg](https://spline.design/sv/changelog)
- [Utbildning](https://spline.design/sv/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/sv/affiliate)

#### Företaget

- [Kunder](https://spline.design/sv/customers)
- [Karriär](https://www.ycombinator.com/companies/spline/jobs)
- [Säkerhet](https://spline.design/sv/security)

#### Juridik

- [Villkor](https://spline.design/terms)
- [Integritet](https://spline.design/privacy)

#### Kontakt

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

© 2026 - Spline, Inc.