# Reka Bentuk dan Animasikan dengan Topeng Vektor - 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. [Tutorial](https://spline.design/ms/academy/tutorials)
3. Reka Bentuk dan Animasikan dengan Topeng Vektor

# Reka Bentuk dan Animasikan dengan Topeng Vektor

HanaPemula7 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

## Sebahagian daripada

- [Hana | Semua yang Perlu Anda Ketahui](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/design-and-animate-with-vector-masks)

## Tutorial berkaitan

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

[Terokai Unjuran 3D dan Kesan HingarHanaPemula8 min](https://spline.design/ms/academy/tutorials/explore-3d-projections-and-noise-effects)[Cara Menggunakan Penjanaan Imej AI dalam HanaHanaPemula8 min](https://spline.design/ms/academy/tutorials/how-to-use-ai-image-generation-in-hana)[Mencipta Teks 3D Membias dalam HanaHanaPemula7 min](https://spline.design/ms/academy/tutorials/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.