# 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="/files/xb3F34pTj552F35Yizg3" alt=""><figcaption></figcaption></figure> <figure><img src="/files/MHTMEYFqFZFaps1pZOc6" 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="/files/pOS5WS27trQRBWqegcXb" alt=""><figcaption></figcaption></figure> <figure><img src="/files/T3t1WmXlkAS82zpK01o7" 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="/files/vWB7AWnH4fYnO5KRmiYG" alt=""><figcaption></figcaption></figure> <figure><img src="/files/OOjpwl8GjZoWAj77cJLU" 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="/files/vN0ZGsmCg8lz11PvCRG2" alt=""><figcaption></figcaption></figure> <figure><img src="/files/kp4ixaFS3PFEzVDJoHSp" 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="/files/ymD57BXqoMqfLhNdX6az" 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="/files/AMS7EanuufvCwkxQU3gO" alt=""><figcaption></figcaption></figure> <figure><img src="/files/a1CRCBdp7tu2N7ZyxmjZ" alt=""><figcaption></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.streamavatars.com/stream-avatars/how-to-overlay/twitch-studio.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.