# Animated materials

Vectary Studio supports importing animated files such as **Lottie**, **GIF**, or **MP4** for versatile uses within your scenes. These animations can function as **textures**, **decals**, **UI elements**, or **interactive hotspots**.

### Importing animated files as textures

* Open a material property that supports texture import
* Select the **Animation** option
* Upload your animated file (Lottie, GIF, or MP4)

<div align="left"><figure><img src="https://2973737105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAXNLyKVZ2tvtyDr8sVES%2Fuploads%2FE3gYX9X9knmIcIFioHnw%2Fimage.png?alt=media&#x26;token=be8ea738-4127-4b7c-8879-8c7c4c0c42c0" alt="" width="375"><figcaption></figcaption></figure></div>

{% hint style="success" %}

#### **Video with audio**

When a video file containing an audio track is uploaded, a slider appears in the texture settings to control the audio volume.

![](https://2973737105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAXNLyKVZ2tvtyDr8sVES%2Fuploads%2FU3ZKtMRKTnourkTvRsdh%2Fimage.png?alt=media\&token=936f89a3-d4d0-4b58-a3fc-ce3b52426f43)
{% endhint %}

### Importing animated files as separate objects

* Drag an animated file directly onto the canvas
* This imports a file as a textured plane
* The textured plane can then be positioned, resized, or applied onto any 3D object as a decal or sticker ([decals](https://open-2v.gitbook.com/url/help.vectary.com/documentation/design-process/decals "mention"))

{% hint style="success" %}
Switch to **Preview** mode to see how the animation or video functions
{% endhint %}

### Tutorials

{% embed url="<https://www.youtube.com/watch?v=FOtyQrlSuwU>" %}