# Reka Bentuk dan Animasikan dengan Topeng Vektor - Hana | Semua yang Perlu Anda Ketahui - Spline Academy (https://spline.design/ms/academy/tutorials/design-and-animate-with-vector-masks)

> Selamat datang ke tutorial baharu! 🔥

1. [Academy](https://spline.design/ms/academy)
2. [Kursus](https://spline.design/ms/academy/collections)
3. [Hana | Semua yang Perlu Anda Ketahui](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know)
4. Reka Bentuk dan Animasikan dengan Topeng Vektor

# Reka Bentuk dan Animasikan dengan Topeng Vektor

Pelajaran 12 daripada 15HanaPemula7 min

Selamat datang ke tutorial baharu! 🔥

Dalam video ini, kami melihat dengan lebih dekat Vector Masks dalam Hana. Kami akan membimbing anda tentang cara topeng vektor berfungsi, cara menggunakannya dalam reka bentuk anda, cara menganimasikannya, dan mengapa ia alat yang begitu hebat untuk mencipta reka bentuk yang kemas dan fleksibel.

Selamat menonton!

## Sumber berkaitan

- [X MaskTemplat](https://app.spline.design/academy/tutorials/design-and-animate-with-vector-masks?redirect-duplicate-template-uuid=7cf2f5b1-8b08-4aba-b5f9-9bbb7ecbfcae&is-2d-file=true)
- [Vector MaskingDokumen](https://docs.spline.design/hana-a-canvas-for-interactivity/designing-in-hana#%F0%9F%8E%AD-vector-masking)

## Gambaran keseluruhan

- Hana
- 7 min
- Pemula

## Seterusnya

[Mencipta Teks 3D Membias dalam Hana7 minPemula](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/creating-refractive-3d-text-in-hana)[Teruskan](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/creating-refractive-3d-text-in-hana)

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