# Skapa platta 2D-stilar i 3D-scener - Material och skuggning som ser bra ut - 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. [Kurser](https://spline.design/sv/academy/collections)
3. [Material och skuggning som ser bra ut](https://spline.design/sv/academy/collections/materials-shading-that-look-good)
4. Skapa platta 2D-stilar i 3D-scener

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

Lektion 5 av 12Spline 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

## Nästa

[Så skapar du en iriserande materialeffekt5 minNybörjare](https://spline.design/sv/academy/collections/materials-shading-that-look-good/how-to-create-an-iridescent-material-effect)[Fortsätt](https://spline.design/sv/academy/collections/materials-shading-that-look-good/how-to-create-an-iridescent-material-effect)

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