# Tạo phong cách 2D phẳng trong cảnh 3D - Vật liệu và đổ bóng thật đẹp - Spline Academy (https://spline.design/vi/academy/tutorials/create-flat-2d-styles-in-3d-scenes)

> Xin chào! Trong video này, chúng tôi hướng dẫn bạn cách tạo hiệu ứng kiểu hoạt hình hoặc 2D phẳng bằng Spline. Xem Spline: https://spline.design/

1. [Academy](https://spline.design/vi/academy)
2. [Khóa học](https://spline.design/vi/academy/collections)
3. [Vật liệu và đổ bóng thật đẹp](https://spline.design/vi/academy/collections/materials-shading-that-look-good)
4. Tạo phong cách 2D phẳng trong cảnh 3D

# Tạo phong cách 2D phẳng trong cảnh 3D

Bài 5 / 12Spline 3DCơ bản6 phút

Xin chào! Trong video này, chúng tôi hướng dẫn bạn cách tạo hiệu ứng kiểu hoạt hình hoặc 2D phẳng bằng Spline. Xem Spline: <https://spline.design/>

Bạn cũng sẽ học cách dùng lớp outline, thêm màu cho các mặt khác nhau của đối tượng, và áp dụng hoạt ảnh cùng tương tác.

Chúng ta cũng sẽ thử áp dụng phong cách 2D cho một đối tượng từ Spline Library, như một đôi giày Jordan 👟

Hướng dẫn này lấy cảm hứng từ <https://www.spaag.fr/,> được tạo bằng Spline - thiết kế bởi LEOLEO Studio.

💖 Tham gia cộng đồng của chúng tôi 👉 <http://discord.gg/spline> 📘 Tìm hiểu thêm trong tài liệu Spline <https://docs.spline.design/>

## Bạn sẽ học được gì

1. [0:00Giới thiệu](https://www.youtube.com/watch?v=rhuvJuptf-4&t=0s)
2. [0:26Tạo hiệu ứng 3D trông như 2D](https://www.youtube.com/watch?v=rhuvJuptf-4&t=26s)
3. [0:43Điều chỉnh ánh sáng và bóng đổ](https://www.youtube.com/watch?v=rhuvJuptf-4&t=43s)
4. [1:08Dùng lớp Outline và thêm màu](https://www.youtube.com/watch?v=rhuvJuptf-4&t=68s)
5. [4:17Ví dụ về hoạt ảnh và tương tác](https://www.youtube.com/watch?v=rhuvJuptf-4&t=257s)
6. [4:27Áp dụng phong cách 2D cho đối tượng từ Spline Library và xuất](https://www.youtube.com/watch?v=rhuvJuptf-4&t=267s)

## Tài nguyên liên quan

- [Flat 3DMẫu](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 GradientTài liệu](https://docs.spline.design/materials-shading/depth-layer-3d-gradient)
- [Outline LayerTài liệu](https://docs.spline.design/materials-shading/outline-layer)

## Tổng quan

- Spline 3D
- 6 phút
- Cơ bản

## Tiếp theo

[Cách tạo hiệu ứng vật liệu óng ánh5 phútCơ bản](https://spline.design/vi/academy/collections/materials-shading-that-look-good/how-to-create-an-iridescent-material-effect)[Tiếp tục](https://spline.design/vi/academy/collections/materials-shading-that-look-good/how-to-create-an-iridescent-material-effect)

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

Trình chỉnh sửa 3D và 2D cho các nhóm và tác nhân AI của họ. Xuất bản lên web, iOS và Android.

#### Hỏi AI về Spline

#### Sản phẩm

- [Thiết kế 3D](https://spline.design/vi/3d-design)
- [Hana](https://spline.design/vi/hana)
- [Omma](https://omma.build)
- [Tạo 3D bằng AI](https://spline.design/vi/ai-generate)
- [Spline MCP](https://spline.design/vi/mcp)
- [Spline Arena](https://spline.design/vi/arena)
- [Bảng giá](https://spline.design/vi/pricing)
- [Doanh nghiệp](https://spline.design/vi/enterprise)

#### Runtime

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

#### Ứng dụng

- [Tải xuống](https://spline.design/vi/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Tải Spline Mirror](https://spline.design/download-mirror)

#### Học

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/vi/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Giải pháp](https://spline.design/solutions)

#### Cộng đồng

- [Cộng đồng Spline](https://community.spline.design)
- [Blog](https://spline.design/vi/blog)
- [Changelog](https://spline.design/vi/changelog)
- [Giáo dục](https://spline.design/vi/education)
- [Contra](https://spline.design/contra)
- [Tiếp thị liên kết](https://spline.design/vi/affiliate)

#### Công ty

- [Khách hàng](https://spline.design/vi/customers)
- [Tuyển dụng](https://www.ycombinator.com/companies/spline/jobs)
- [Bảo mật](https://spline.design/vi/security)

#### Pháp lý

- [Điều khoản & Điều kiện](https://spline.design/terms)
- [Quyền riêng tư](https://spline.design/privacy)

#### Liên hệ

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

© 2026 - Spline, Inc.