# Twitch Studio

## Adding the Layer

To add Stream Avatars as an overlay for Twitch Studio, first edit a scene. Next Add a new layer, and select "Screen Share" and then "Add".

<div><figure><img src="https://2994430787-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYvA0UlM6GCcOd8hKhafT%2Fuploads%2FaIAYvKpCu5s1Y7XERzEf%2FsgdkMHHyfy.png?alt=media&#x26;token=0ad8c91c-ccbb-4bd9-8ac9-7164d88ec2b7" alt=""><figcaption></figcaption></figure> <figure><img src="https://2994430787-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYvA0UlM6GCcOd8hKhafT%2Fuploads%2FEiLVaxyWkwPh8haYcpds%2FeBI4vM5tJx.png?alt=media&#x26;token=7ea96362-a31a-436a-9b2b-d04c01c2721b" alt=""><figcaption></figcaption></figure></div>

Now you need to set the Application window to be Stream Avatars. To do this, locate the "Screen Share Source" on the right side. Then click "Change". From here you need to find "Streaming Avatars" from the list of open programs.&#x20;

<div><figure><img src="https://2994430787-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYvA0UlM6GCcOd8hKhafT%2Fuploads%2F0Wx7A7sEcpNdhwHb6HyN%2FsnPjgF9cPu.png?alt=media&#x26;token=03efb847-94d7-464e-9556-a3280c9dc5fc" alt=""><figcaption></figcaption></figure> <figure><img src="https://2994430787-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYvA0UlM6GCcOd8hKhafT%2Fuploads%2FWJ4Paxa3GPsuQcB9zJuM%2FNA7MYVWwIL.png?alt=media&#x26;token=802632c3-4275-44a2-9711-c65d63388720" alt=""><figcaption></figcaption></figure></div>

## Setting background transparency

To make the new Screen Share have a transparent background you will need to navigate to the "Border" property on the right side. Click "Edit" and then set the "Opacity" to be 0.

<div><figure><img src="https://2994430787-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYvA0UlM6GCcOd8hKhafT%2Fuploads%2FqCZ8q9mHdpQO763WwAf6%2FFfVXNdlwiE.png?alt=media&#x26;token=fb2bedea-0ffe-4cec-b369-ef42d558462f" alt=""><figcaption></figcaption></figure> <figure><img src="https://2994430787-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYvA0UlM6GCcOd8hKhafT%2Fuploads%2FddHziILtRAVRgFrb9Bbd%2Fh9uqsI8ehp.png?alt=media&#x26;token=16faa0ac-6d54-4e81-ac32-b34ff9e90d49" alt=""><figcaption></figcaption></figure></div>

## Adjusting the layer order

Next you need to make sure your new "Screen Share" is on the correct layer to be an "Overlay" on your streaming content. To do this you need to click and drag the "Screen Share" to be the top element.

<div><figure><img src="https://2994430787-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYvA0UlM6GCcOd8hKhafT%2Fuploads%2Fyzgbmtlbh7zYwYe82KDy%2Fzi9fxU3Yhw.png?alt=media&#x26;token=049be82d-e6e4-4b0c-9eba-73ef8f6a64d3" alt=""><figcaption></figcaption></figure> <figure><img src="https://2994430787-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYvA0UlM6GCcOd8hKhafT%2Fuploads%2FrPrt4XmrGdSEr9oy5JwN%2FapIrhYkSxI.png?alt=media&#x26;token=4e4351e2-dde3-459f-8045-2f976c0efad4" alt=""><figcaption></figcaption></figure></div>

## Trouble shooting&#x20;

The transparency is lost if you ever open any of the properties on the left. Make sure they are collapsed while streaming.

<figure><img src="https://2994430787-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYvA0UlM6GCcOd8hKhafT%2Fuploads%2FqqUlooMIrwkU2KWT6r6s%2F4IgK9BlxAS.png?alt=media&#x26;token=5d21e03b-5227-462c-a2f5-12c1428246b7" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
Stop! Only use the "Green Screen Effect" if the border transparency is not working for you!
{% endhint %}

As a last resort, you might have to use the "Green Screen Effect" property to remove the background of Stream Avatars to make it an overlay. Make sure to set it's color to the same color of the background in Stream Avatars.

<div><figure><img src="https://2994430787-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYvA0UlM6GCcOd8hKhafT%2Fuploads%2FNOzdTGLPCu2NRTWebQ4G%2F0HHtaR25Bj.png?alt=media&#x26;token=cb33bf4a-b970-457d-906c-09c5bdb86771" alt=""><figcaption></figcaption></figure> <figure><img src="https://2994430787-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYvA0UlM6GCcOd8hKhafT%2Fuploads%2FYHfzYVY9ZJuznzzAooDI%2FAuL6eEs305.png?alt=media&#x26;token=b58df4a8-4762-4f29-9dbb-c6cebd80337d" alt=""><figcaption></figcaption></figure></div>
