# Så skapar du en snurrande 3D-ikon - 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. [Tutorials](https://spline.design/sv/academy/tutorials)
3. Så skapar du en snurrande 3D-ikon

# Så skapar du en snurrande 3D-ikon

Spline 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

## Del av

- [Animation och interaktioner i Spline](https://spline.design/sv/academy/collections/animation-interactions-in-spline/how-to-create-a-spinning-3d-icon)

## Relaterade tutorials

[Alla tutorials](https://spline.design/sv/academy/tutorials)

[Så animerar du en gående 3D-karaktärSpline 3DNybörjare14 min](https://spline.design/sv/academy/tutorials/how-to-animate-a-3d-walking-character)[Så bygger du 3D-projekt med flera scener och importerar animationerSpline 3DMedelnivå18 min](https://spline.design/sv/academy/tutorials/how-to-build-3d-multi-scenes-and-import-animations)[Skapa sömlösa loopande 3D-animationerSpline 3DNybörjare11 min](https://spline.design/sv/academy/tutorials/craft-seamless-3d-loop-animations)

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