# Concevoir et animer avec des masques vectoriels - Hana | Tout ce qu’il faut savoir - Spline Academy (https://spline.design/fr/academy/tutorials/design-and-animate-with-vector-masks)

> Bienvenue dans un nouveau tutoriel ! 🔥

1. [Academy](https://spline.design/fr/academy)
2. [Cours](https://spline.design/fr/academy/collections)
3. [Hana | Tout ce qu’il faut savoir](https://spline.design/fr/academy/collections/hana-everything-you-need-to-know)
4. Concevoir et animer avec des masques vectoriels

# Concevoir et animer avec des masques vectoriels

Leçon 12 sur 15HanaDébutant7 min

Bienvenue dans un nouveau tutoriel ! 🔥

Dans cette vidéo, nous examinons de plus près les masques vectoriels dans Hana. Nous vous montrons comment ils fonctionnent, comment les utiliser dans vos designs, comment les animer et pourquoi ils sont si puissants pour créer des designs propres et flexibles.

Bon visionnage !

## Ressources associées

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

## Présentation

- Hana
- 7 min
- Débutant

## À suivre

[Créer un texte 3D réfractif dans Hana7 minDébutant](https://spline.design/fr/academy/collections/hana-everything-you-need-to-know/creating-refractive-3d-text-in-hana)[Continuer](https://spline.design/fr/academy/collections/hana-everything-you-need-to-know/creating-refractive-3d-text-in-hana)

[Spline](https://spline.design/fr)

L’éditeur 3D et 2D pour les équipes et leurs agents. Publiez sur le web, iOS et Android.

#### Interrogez l’IA sur Spline

#### Produits

- [Design 3D](https://spline.design/fr/3d-design)
- [Hana](https://spline.design/fr/hana)
- [Omma](https://omma.build)
- [Génération 3D par IA](https://spline.design/fr/ai-generate)
- [Spline MCP](https://spline.design/fr/mcp)
- [Spline Arena](https://spline.design/fr/arena)
- [Tarifs](https://spline.design/fr/pricing)
- [Enterprise](https://spline.design/fr/enterprise)

#### Runtimes

- [Web](https://spline.design/fr/web)
- [iOS](https://spline.design/fr/ios)
- [Android](https://spline.design/fr/android)

#### Apps

- [Télécharger](https://spline.design/fr/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Télécharger Spline Mirror](https://spline.design/download-mirror)

#### Apprendre

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/fr/academy)
- [API Spline](https://www.npmjs.com/package/@splinetool/runtime)
- [Solutions](https://spline.design/solutions)

#### Communauté

- [Communauté Spline](https://community.spline.design)
- [Blog](https://spline.design/fr/blog)
- [Nouveautés](https://spline.design/fr/changelog)
- [Éducation](https://spline.design/fr/education)
- [Contra](https://spline.design/contra)
- [Affiliation](https://spline.design/fr/affiliate)

#### Entreprise

- [Clients](https://spline.design/fr/customers)
- [Carrières](https://www.ycombinator.com/companies/spline/jobs)
- [Sécurité](https://spline.design/fr/security)

#### Mentions légales

- [Conditions générales](https://spline.design/terms)
- [Confidentialité](https://spline.design/privacy)

#### Contact

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.