# Gumawa ng mga Flat na 2D-Style sa mga 3D Scene - Mga Material at Shading na Maganda ang Dating - Spline Academy (https://spline.design/fil/academy/tutorials/create-flat-2d-styles-in-3d-scenes)

> Hello! Sa video na ito, gagabayan ka namin kung paano gumawa ng cartoonish o flat na parang-2D na effect gamit ang Spline. Silipin ang Spline:…

1. [Academy](https://spline.design/fil/academy)
2. [Mga Kurso](https://spline.design/fil/academy/collections)
3. [Mga Material at Shading na Maganda ang Dating](https://spline.design/fil/academy/collections/materials-shading-that-look-good)
4. Gumawa ng mga Flat na 2D-Style sa mga 3D Scene

# Gumawa ng mga Flat na 2D-Style sa mga 3D Scene

Aralin 5 ng 12Spline 3DBaguhan6 min

Hello! Sa video na ito, gagabayan ka namin kung paano gumawa ng cartoonish o flat na parang-2D na effect gamit ang Spline. Silipin ang Spline: <https://spline.design/>

Matututunan mo rin kung paano gumamit ng mga outline layer, magdagdag ng kulay sa iba't ibang gilid ng object, at maglapat ng mga animation at interaction.

Tutuklasin din namin ang paglalapat ng 2D look sa isang object mula sa Spline library, gaya ng isang Jordan na sapatos 👟

Hango ang tutorial na ito sa <https://www.spaag.fr/> na ginawa gamit ang Spline - Dinisenyo ng LEOLEO Studio.

💖 Sumali sa aming Community 👉 <http://discord.gg/spline> 📘 Alamin pa sa Spline Docs <https://docs.spline.design/>

## Ang matututunan mo

1. [0:00Intro](https://www.youtube.com/watch?v=rhuvJuptf-4&t=0s)
2. [0:26Paggawa ng Parang-2D na 3D Effect](https://www.youtube.com/watch?v=rhuvJuptf-4&t=26s)
3. [0:43Pag-adjust ng Ilaw at mga Shadow](https://www.youtube.com/watch?v=rhuvJuptf-4&t=43s)
4. [1:08Paggamit ng mga Outline Layer at Pagdaragdag ng Kulay](https://www.youtube.com/watch?v=rhuvJuptf-4&t=68s)
5. [4:17Mga Halimbawa ng Animation at Interaction](https://www.youtube.com/watch?v=rhuvJuptf-4&t=257s)
6. [4:27Paglalapat ng 2D Look sa mga Object ng Spline Library at Pag-export](https://www.youtube.com/watch?v=rhuvJuptf-4&t=267s)

## Mga kaugnay na resource

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

## Overview

- Spline 3D
- 6 min
- Baguhan

## Susunod

[Paano Gumawa ng Iridescent na Material Effect5 minBaguhan](https://spline.design/fil/academy/collections/materials-shading-that-look-good/how-to-create-an-iridescent-material-effect)[Magpatuloy](https://spline.design/fil/academy/collections/materials-shading-that-look-good/how-to-create-an-iridescent-material-effect)

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

Ang 3D at 2D editor para sa mga team at kanilang mga agent. I-publish sa web, iOS at Android.

#### Magtanong sa AI tungkol sa Spline

#### Mga Produkto

- [3D Design](https://spline.design/fil/3d-design)
- [Hana](https://spline.design/fil/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/fil/ai-generate)
- [Spline MCP](https://spline.design/fil/mcp)
- [Spline Arena](https://spline.design/fil/arena)
- [Presyo](https://spline.design/fil/pricing)
- [Enterprise](https://spline.design/fil/enterprise)

#### Runtimes

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

#### Apps

- [I-download](https://spline.design/fil/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [I-download ang Spline Mirror](https://spline.design/download-mirror)

#### Matuto

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/fil/blog)
- [Changelog](https://spline.design/fil/changelog)
- [Edukasyon](https://spline.design/fil/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/fil/affiliate)

#### Kumpanya

- [Mga Customer](https://spline.design/fil/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/fil/security)

#### Legal

- [Mga Tuntunin at Kundisyon](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.