# Tambah Dimensi pada Reka Bentuk Hana dengan Kesan 3D Shape - Spline Academy (https://spline.design/ms/academy/tutorials/add-dimension-to-hana-designs-with-the-3d-shape-effect)

> 3D Shapes kini tersedia dalam Hana. 🚀

1. [Academy](https://spline.design/ms/academy)
2. [Tutorial](https://spline.design/ms/academy/tutorials)
3. Tambah Dimensi pada Reka Bentuk Hana dengan Kesan 3D Shape

# Tambah Dimensi pada Reka Bentuk Hana dengan Kesan 3D Shape

HanaPemula3 min

3D Shapes kini tersedia dalam Hana. 🚀

Dalam lawatan pantas ini, kami akan menunjukkan tempat untuk mencari kesan 3D Shape baharu, cara ia berfungsi, dan cara anda boleh menggunakannya untuk menambah kedalaman dan dimensi pada reka bentuk anda, semuanya dalam kanvas yang sama.

Tiada aliran kerja baharu. Hanya 3D serta-merta.

🕓 Cap masa:

- 00:00 Pengenalan
- 00:19 Tempat mencari kesan 3D Shape
- 00:38 Sifat yang boleh disesuaikan
- 01:19 Cara kesan 3D shape berfungsi
- 01:47 Interaktiviti dan animasi
- 02:18 2D + 3D
- 02:35 Apa yang ada dalam tutorial seterusnya

## Sumber berkaitan

- [3D Icon LightingTemplat](https://app.spline.design/academy/tutorials/add-dimension-to-hana-designs-with-the-3d-shape-effect?redirect-duplicate-template-uuid=1a2b1c27-a13e-42fd-8f10-d82d707c35cc&is-2d-file=true)
- [3D Shapes in HanaDokumen](https://docs.spline.design/hana-a-canvas-for-interactivity/3d-shapes-in-hana)

## Gambaran keseluruhan

- Hana
- 3 min
- Pemula

## Sebahagian daripada

- [Hana | Semua yang Perlu Anda Ketahui](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect)

## Tutorial berkaitan

[Semua tutorial](https://spline.design/ms/academy/tutorials)

[Cara Belajar Reka Bentuk 3D dengan Spline: Peta Jalan Praktikal daripada Pemula hingga PakarSpline 3DPemula8 min](https://spline.design/ms/academy/tutorials/how-to-learn-3d-design-with-spline-a-practical-roadmap-for-beginners-to-pros)[Cara menambah interaksi Seret & Lepas 3D dalam Spline | Tingkatkan laman web anda dengan hanya beberapa klikSpline 3DPemula5 min](https://spline.design/ms/academy/tutorials/how-to-add-a-3d-drag-drop-interaction-in-spline-level-up-your-website-in-just-a-few-clicks)[Menyelami Ciri Baharu Hana: Import Figma, Pencil Tool, Frame as Fill & Banyak LagiHanaPemula4 min](https://spline.design/ms/academy/tutorials/deep-dive-into-hana-s-new-features-figma-import-pencil-tool-frame-as-fill-more)

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