# Cipta Gaya 2D Rata dalam Adegan 3D - Bahan & Lorekan yang Cantik - Spline Academy (https://spline.design/ms/academy/tutorials/create-flat-2d-styles-in-3d-scenes)

> Helo! Dalam video ini, kami membimbing anda tentang cara mencipta kesan seperti kartun atau 2D rata menggunakan Spline. Lihat Spline: https://spline.design/

1. [Academy](https://spline.design/ms/academy)
2. [Kursus](https://spline.design/ms/academy/collections)
3. [Bahan & Lorekan yang Cantik](https://spline.design/ms/academy/collections/materials-shading-that-look-good)
4. Cipta Gaya 2D Rata dalam Adegan 3D

# Cipta Gaya 2D Rata dalam Adegan 3D

Pelajaran 5 daripada 12Spline 3DPemula6 min

Helo! Dalam video ini, kami membimbing anda tentang cara mencipta kesan seperti kartun atau 2D rata menggunakan Spline. Lihat Spline: <https://spline.design/>

Anda juga akan belajar cara menggunakan outline layer, menambah warna pada sisi berbeza sesuatu objek, dan menggunakan animasi serta interaksi.

Kami juga meneroka cara menggunakan rupa 2D pada objek daripada pustaka Spline, seperti kasut Jordan 👟

Tutorial ini diilhamkan oleh <https://www.spaag.fr/> yang dicipta menggunakan Spline - Direka oleh LEOLEO Studio.

💖 Sertai Komuniti kami 👉 <http://discord.gg/spline> 📘 Ketahui lebih lanjut di Dokumentasi Spline <https://docs.spline.design/>

## Apa yang akan anda pelajari

1. [0:00Pengenalan](https://www.youtube.com/watch?v=rhuvJuptf-4&t=0s)
2. [0:26Mencipta Kesan 3D Seperti 2D](https://www.youtube.com/watch?v=rhuvJuptf-4&t=26s)
3. [0:43Melaraskan Pencahayaan dan Bayang-bayang](https://www.youtube.com/watch?v=rhuvJuptf-4&t=43s)
4. [1:08Menggunakan Outline Layer dan Menambah Warna](https://www.youtube.com/watch?v=rhuvJuptf-4&t=68s)
5. [4:17Contoh Animasi dan Interaksi](https://www.youtube.com/watch?v=rhuvJuptf-4&t=257s)
6. [4:27Menggunakan Rupa 2D pada Objek Pustaka Spline dan Mengeksport](https://www.youtube.com/watch?v=rhuvJuptf-4&t=267s)

## Sumber berkaitan

- [Flat 3DTemplat](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 GradientDokumen](https://docs.spline.design/materials-shading/depth-layer-3d-gradient)
- [Outline LayerDokumen](https://docs.spline.design/materials-shading/outline-layer)

## Gambaran keseluruhan

- Spline 3D
- 6 min
- Pemula

## Seterusnya

[Cara Mencipta Kesan Bahan Iridesen5 minPemula](https://spline.design/ms/academy/collections/materials-shading-that-look-good/how-to-create-an-iridescent-material-effect)[Teruskan](https://spline.design/ms/academy/collections/materials-shading-that-look-good/how-to-create-an-iridescent-material-effect)

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

Editor 3D dan 2D untuk pasukan dan ejen mereka. Terbitkan ke web, iOS dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Reka Bentuk 3D](https://spline.design/ms/3d-design)
- [Hana](https://spline.design/ms/hana)
- [Omma](https://omma.build)
- [Penjanaan 3D AI](https://spline.design/ms/ai-generate)
- [Spline MCP](https://spline.design/ms/mcp)
- [Spline Arena](https://spline.design/ms/arena)
- [Harga](https://spline.design/ms/pricing)
- [Perusahaan](https://spline.design/ms/enterprise)

#### Runtime

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

#### Aplikasi

- [Muat Turun](https://spline.design/ms/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Muat turun Spline Mirror](https://spline.design/download-mirror)

#### Belajar

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

#### Komuniti

- [Komuniti Spline](https://community.spline.design)
- [Blog](https://spline.design/ms/blog)
- [Log Perubahan](https://spline.design/ms/changelog)
- [Pendidikan](https://spline.design/ms/education)
- [Contra](https://spline.design/contra)
- [Afiliat](https://spline.design/ms/affiliate)

#### Syarikat

- [Pelanggan](https://spline.design/ms/customers)
- [Kerjaya](https://www.ycombinator.com/companies/spline/jobs)
- [Keselamatan](https://spline.design/ms/security)

#### Undang-undang

- [Terma & Syarat](https://spline.design/terms)
- [Privasi](https://spline.design/privacy)

#### Hubungi

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

© 2026 - Spline, Inc.