# Magdisenyo at Mag-animate gamit ang mga Vector Mask - Hana | Lahat ng Kailangan Mong Malaman - Spline Academy (https://spline.design/fil/academy/tutorials/design-and-animate-with-vector-masks)

> Welcome sa isang bagong tutorial! 🔥

1. [Academy](https://spline.design/fil/academy)
2. [Mga Kurso](https://spline.design/fil/academy/collections)
3. [Hana | Lahat ng Kailangan Mong Malaman](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know)
4. Magdisenyo at Mag-animate gamit ang mga Vector Mask

# Magdisenyo at Mag-animate gamit ang mga Vector Mask

Aralin 12 ng 15HanaBaguhan7 min

Welcome sa isang bagong tutorial! 🔥

Sa video na ito, titingnan namin nang mas malapitan ang mga Vector Mask sa Hana. Gagabayan ka namin kung paano gumagana ang mga vector mask, kung paano gamitin ang mga ito sa mga design mo, kung paano i-animate ang mga ito, at kung bakit napakalakas nilang tool para sa malinis at flexible na mga design.

Enjoy!

## Mga kaugnay na resource

- [X MaskTemplate](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 MaskingDokumento](https://docs.spline.design/hana-a-canvas-for-interactivity/designing-in-hana#%F0%9F%8E%AD-vector-masking)

## Overview

- Hana
- 7 min
- Baguhan

## Susunod

[Paggawa ng Refractive na 3D Text sa Hana7 minBaguhan](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/creating-refractive-3d-text-in-hana)[Magpatuloy](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/creating-refractive-3d-text-in-hana)

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