# Animera kloner för rörlig grafik i 3D - Spline Academy (https://spline.design/sv/academy/tutorials/animate-clones-for-3d-motion-graphics)

> Hej! I den här tutorialen lär du dig att använda det nya cloner-systemet i Spline för att animera kloner och skapa rörlig grafik och design.

1. [Academy](https://spline.design/sv/academy)
2. [Tutorials](https://spline.design/sv/academy/tutorials)
3. Animera kloner för rörlig grafik i 3D

# Animera kloner för rörlig grafik i 3D

Spline 3DMedelnivå25 min

Hej! I den här tutorialen lär du dig att använda det nya cloner-systemet i Spline för att animera kloner och skapa rörlig grafik och design.

Demoscener: 1\. Blomma Demo: <https://my.spline.design/clonerflower-207887dfeb79bbff4e5eece0f1f8c6e8/> Remix: <https://app.spline.design/file/85b95b4e-b852-4ba0-9d9d-7621d9a9ced2>

2\. Cloner-kuber Demo: <http://my.spline.design/clonercubebinary-8188bb46b62f5b0cbdafa809674b5a28/> Remix: <http://app.spline.design/file/d6b3a422-eb38-486a-8ef3-071d0589196f>

3\. Mörk stad Demo: <https://my.spline.design/clonercity-5b6ad09d9a568bfc3629559a9a6458ec/> Remix: <https://app.spline.design/file/990f6500-058b-46c5-a71e-f8aae2adcdf2>

## Det här lär du dig

1. [0:00Introduktion](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=0s)
2. [0:23Linjära kloner](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=23s)
3. [2:00Radiella kloner](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=120s)
4. [3:14Kloner i rutnät](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=194s)
5. [4:12Slumpmässighet](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=252s)
6. [5:15Animation och rörelse med brusskala](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=315s)
7. [7:00Duplicera kloner](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=420s)
8. [8:40Ge klonerna djup](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=520s)
9. [10:18Animera rotationsvärden](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=618s)
10. [10:45Använda skalan för att skapa detaljer eller vågor](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=645s)
11. [11:25Klona över en yta](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=685s)
12. [12:45Klona på polygoner, kanter och hörn](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=765s)
13. [13:30Justering](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=810s)
14. [14:35Utforska sfäriska effekter](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=875s)
15. [16:46Klona grupper](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=1006s)
16. [19:53Fallstudie: så simulerar du gräs](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=1193s)
17. [21:28Fallstudie: organiska rörelser](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=1288s)
18. [22:41Fallstudie: 2D-effekter](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=1361s)
19. [23:14Fallstudie: komplexa stadsliknande kloner](https://www.youtube.com/watch?v=uhIDqxCG5Cc&t=1394s)

## Relaterade resurser

- [Cloner CubeMall](https://app.spline.design/academy/tutorials/animate-clones-for-3d-motion-graphics?redirect-duplicate-template-uuid=6fa1c0b1-1dc0-4360-bb82-b87717592d0f&is-2d-file=false)
- [Cloner MotionDokument](https://docs.spline.design/designing-in-3-d/cloner-motion)
- [How state-based animation worksDokument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Transition ActionDokument](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)

## Översikt

- Spline 3D
- 25 min
- Medelnivå

## Del av

- [Spline Advanced | Fördjupning i funktionerna](https://spline.design/sv/academy/collections/spline-advanced-feature-deep-dive/animate-clones-for-3d-motion-graphics)

## Relaterade tutorials

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

[Så skapar du 3D-banor i SplineSpline 3DNybörjare37 min](https://spline.design/sv/academy/tutorials/how-to-create-3d-paths-in-spline)[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)[Animera organiska 3D-blobbar med tillståndSpline 3DNybörjare5 min](https://spline.design/sv/academy/tutorials/animate-organic-3d-blobs-with-states)

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