# Magdisenyo at Mag-animate gamit ang mga Vector Mask - 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 Tutorial](https://spline.design/fil/academy/tutorials)
3. Magdisenyo at Mag-animate gamit ang mga Vector Mask

# Magdisenyo at Mag-animate gamit ang mga Vector Mask

HanaBaguhan7 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

## Bahagi ng

- [Hana | Lahat ng Kailangan Mong Malaman](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/design-and-animate-with-vector-masks)

## Mga kaugnay na tutorial

[Lahat ng tutorial](https://spline.design/fil/academy/tutorials)

[Tuklasin ang 3D Projections at Noise EffectsHanaBaguhan8 min](https://spline.design/fil/academy/tutorials/explore-3d-projections-and-noise-effects)[Paano Gamitin ang AI Image Generation sa HanaHanaBaguhan8 min](https://spline.design/fil/academy/tutorials/how-to-use-ai-image-generation-in-hana)[Paggawa ng Refractive na 3D Text sa HanaHanaBaguhan7 min](https://spline.design/fil/academy/tutorials/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.