# Skapa platta 2D-stilar i 3D-scener - Spline Academy (https://spline.design/sv/academy/tutorials/create-flat-2d-styles-in-3d-scenes)

> Hej! I den här videon visar vi hur du skapar en tecknad eller platt 2D-liknande effekt med Spline. Kolla in Spline: https://spline.design/

1. [Academy](https://spline.design/sv/academy)
2. [Tutorials](https://spline.design/sv/academy/tutorials)
3. Skapa platta 2D-stilar i 3D-scener

# Skapa platta 2D-stilar i 3D-scener

Spline 3DNybörjare6 min

Hej! I den här videon visar vi hur du skapar en tecknad eller platt 2D-liknande effekt med Spline. Kolla in Spline: <https://spline.design/>

Du lär dig också att använda konturlager, ge olika sidor av ett objekt olika färger och lägga på animationer och interaktioner.

Vi utforskar också hur du ger ett objekt från Spline Library en 2D-look, som en Jordan-sko 👟

Tutorialen är inspirerad av <https://www.spaag.fr/> – skapad med Spline och designad av LEOLEO Studio.

💖 Gå med i vår community 👉 <http://discord.gg/spline> 📘 Läs mer i Splines dokumentation <https://docs.spline.design/>

## Det här lär du dig

1. [0:00Intro](https://www.youtube.com/watch?v=rhuvJuptf-4&t=0s)
2. [0:26Skapa en 2D-liknande 3D-effekt](https://www.youtube.com/watch?v=rhuvJuptf-4&t=26s)
3. [0:43Justera belysning och skuggor](https://www.youtube.com/watch?v=rhuvJuptf-4&t=43s)
4. [1:08Använda konturlager och lägga till färg](https://www.youtube.com/watch?v=rhuvJuptf-4&t=68s)
5. [4:17Exempel på animationer och interaktioner](https://www.youtube.com/watch?v=rhuvJuptf-4&t=257s)
6. [4:27Ge objekt från Spline Library en 2D-look och exportera](https://www.youtube.com/watch?v=rhuvJuptf-4&t=267s)

## Relaterade resurser

- [Flat 3DMall](https://app.spline.design/academy/tutorials/create-flat-2d-styles-in-3d-scenes?redirect-duplicate-template-uuid=b3ead5a2-0df3-4bcf-950b-70ab0dcc5614&is-2d-file=false)
- [Depth Layer / 3D GradientDokument](https://docs.spline.design/materials-shading/depth-layer-3d-gradient)
- [Outline LayerDokument](https://docs.spline.design/materials-shading/outline-layer)

## Översikt

- Spline 3D
- 6 min
- Nybörjare

## Del av

- [Material och skuggning som ser bra ut](https://spline.design/sv/academy/collections/materials-shading-that-look-good/create-flat-2d-styles-in-3d-scenes)

## Relaterade tutorials

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

[Så skapar du 3D-datavisualiseringar i Spline med variabler och API:er i realtidSpline 3DAvancerad15 min](https://spline.design/sv/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)[Skapa Liquid Glass-material i 3DSpline 3DNybörjare12 min](https://spline.design/sv/academy/tutorials/create-liquid-glass-materials-in-3d)[Så skulpterar du en gummibjörn i 3D med Shape BlendSpline 3DNybörjare8 min](https://spline.design/sv/academy/tutorials/how-to-sculpt-a-3d-gummy-bear-with-shape-blend)

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