# Creating Avatars

## Tutorial Video

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

## Avatar Creation Guidelines / Rules

* .png file format
* each frame has the same dimensions
* characters face right
* first 5 rows are preset: idle, run, sit, stand, jump
* after 5 rows are custom animations
* you can override certain animations with custom animations by naming them respectively.
* frame sizes under 100x100 pixels are more efficient and higher quality.

## Override Avatar Animations

* attack
* fart
* dance
* bomb
* spawn
* death
* despawn
* ~~damaged~~
* hug
* sit\_loop
* fall
* land

## Sprite-sheet format

<figure><img src="https://2994430787-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYvA0UlM6GCcOd8hKhafT%2Fuploads%2FNybdJnIp2y9rgQZ8Fzbk%2FwxTHMB3Ut5.png?alt=media&#x26;token=4b2fa1af-35fa-4ac9-92b5-76f9cba151cf" alt=""><figcaption><p>NOTE: sleep is not required, this is just showing you can add custom animations beyond the initial 5.</p></figcaption></figure>

## Locate the Avatar Folder

Once you've found the folder, put your png file inside the avatars folder.

<figure><img src="https://2994430787-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYvA0UlM6GCcOd8hKhafT%2Fuploads%2FubgfrXlsFJgWrZtR3gxZ%2FTqhi7CXfHx.png?alt=media&#x26;token=c6776036-3a84-4910-b33a-4cfb97809bc9" alt=""><figcaption><p>open folder</p></figcaption></figure>

<figure><img src="https://2994430787-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYvA0UlM6GCcOd8hKhafT%2Fuploads%2FI5SmgwWuTK5V6OnQJWyn%2FcxmnLiBlqj.png?alt=media&#x26;token=e3c311f1-2f89-4ff9-86ae-012f362463c4" alt=""><figcaption><p>place png spritesheet inside avatars folder</p></figcaption></figure>

## Apply Avatar Settings

Set the width and height of your avatar. (single frame dimensions from the sprite-sheet)

Click Apply once you set the dimensions. (clicking apply will reset the avatar and potentially lose animation and gear positioning data.

<figure><img src="https://2994430787-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYvA0UlM6GCcOd8hKhafT%2Fuploads%2Fc4BfwGkiGVF4NcZMf244%2FvZIfwMfN48.png?alt=media&#x26;token=556f04b5-3ea0-4a2e-b987-63f659475a6b" alt=""><figcaption><p>Save, select avatar, set width, set height, click apply.</p></figcaption></figure>

## Avatar and Gear Settings

You can find more information and explanations for all of the settings in Avatar and Gear with the link below.

{% content-ref url="../application-settings/avatars-and-gear" %}
[avatars-and-gear](https://docs.streamavatars.com/stream-avatars/application-settings/avatars-and-gear)
{% endcontent-ref %}
