# GIF

## How do I add a GIF in my experience?

{% hint style="info" %}
GIF is a [popular format](https://en.wikipedia.org/wiki/GIF) for animated images with the extension `.gif`
{% endhint %}

{% embed url="<https://rnghud.gmetri.com/GIF>" %}

### Step 1:  Add a GIF element

You can add a GIF by clicking on the '**+**' icon in the top bar and selecting ‘GIF’.

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FcDdY4ck1DeveYkD9vFXS%2Fimage.png?alt=media&#x26;token=f34661e0-9b26-44ac-9d6e-bd5fd825f528" alt=""><figcaption><p>Add GIF to your experience</p></figcaption></figure>

### Step 2: Upload / Choose file

Go to properties and select 'Upload/Choose File'

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FBnMBG7rpDEx7JJVns4mI%2Fimage.png?alt=media&#x26;token=ce790c26-aaff-4c2b-a64c-4a629bcc1548" alt=""><figcaption><p>Upload/Choose File</p></figcaption></figure>

{% content-ref url="../editor/file-manager/3rd-person-scenes" %}
[3rd-person-scenes](https://docs.gmetri.com/metaverse/build/editor/file-manager/3rd-person-scenes)
{% endcontent-ref %}

### Step 3: Adjust the GIF element

In the right panel of your workspace, you can manage various adjustments of a GIF element. You can customize the width, height, scale, and opacity of the element, as well as animate and move/rotate it to fit the scene in your experience.

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2F1Yp4gl0jJV0gOpGAF25a%2Fimage.png?alt=media&#x26;token=321953cb-b603-450f-a4ea-c0f37ea08ca9" alt=""><figcaption><p>GIF adjustments</p></figcaption></figure>