How to get PNG Reactive! #discord #pngvtuber #vtuber

How to Get PNG Reactive! #discord #pngvtuber #vtuber

Ever wondered how to get those small PNGs of your friends to show up on your screen? Today, I will show you how, and they are called Discord Reactive Images. I will leave a link in the description below.

Step 1: Logging In and Authorizing

• Visit the Website: To get started, head over to the relevant website.
• Log into Your Account: Ensure you log in to your Discord account.
• Authorize: Allow the platform to access your Discord details to proceed.

Step 2: Customizing Your Reactive Images

Once you're in the account, you can see numerous customizable options:

• Bounce Effect: Makes the image bounce up and down.
• Dim Your Own Reactive Image: Keeps your image from lighting up when talking.
• Dim Others' Inactive Image: Prevents others' images from lighting up when they aren't talking.
• Cross-Effect: Choose the effects that you prefer for your character.

Step 3: Uploading Images

Select your images for both inactive and active states:

• Inactive Image: This is the image that shows when you are not speaking.
• Speaking Image: This image activates when you are talking.
• Saving Images: Ensure you hit the save button for the chosen images to work.

Step 4: Setting Up in OBS

There are two methods to set this up in OBS:

1. Group Browser Source:
   • When in a Group Discord Call, all participants' profile pictures will show up on your screen.
2. Individual Browser Source:
   • Copies the URL of each individual participant you're in a voice chat with, showing just their profile pictures.

Here are the steps:

• Create a Browser Source: Click the plus sign in OBS, select 'Browser' and name it (e.g., "Reactive Buddies").
• Paste the URL: Copy and paste the browser source URL from the website into OBS.
• Refresh Browser: Check the box 'Refresh browser when scene becomes active'.
• Positioning: Move the red box to where you want it on your screen.

Step 5: Setting Yourself as Reactive

To make yourself reactive:

• Copy the Individual Source URL: Paste this URL into your browser source in OBS.
• Shutdown Source: Ensure 'Shutdown source when not visible' is checked.
• Join a Discord Call: Your PNG will pop up only when in a Discord call.

By following these steps, you can efficiently set up Discord Reactive Images in OBS, making your streams more interactive and engaging. Happy streaming!

Keywords

• Discord Reactive Images
• PNGs
• Customization
• OBS
• Browser Source
• Group Discord Call
• Individual Source URL

FAQ

Q1: What are Discord Reactive Images?

Discord Reactive Images are small PNGs that show up on your screen corresponding to the activity within your Discord call.

Q2: How do I authorize the platform to access my Discord account?

You need to log in to your Discord account and grant permissions when prompted by the website.

Q3: How do I customize the appearance of my reactive images?

You can select various effects like Bounce Effect, Dim Your Own Reactive Image, Dim Others' Inactive Image, and Cross-Effect from the website's settings.

Q4: How do I upload and set images for speaking and inactive states?

Upload respective images for the inactive state and the speaking state on the website and ensure to save them.

Q5: What's the difference between Group Browser Source and Individual Browser Source in OBS?

Group Browser Source displays all participants' PNGs when in a group call, while Individual Browser Source shows specific individuals' PNGs that you have set up.

Q6: Why is my PNG not showing up in OBS?

Ensure that you've checked 'Refresh browser when scene becomes active' for Group Browser Source, or 'Shutdown source when not visible' for Individual Browser Source, and are in an active Discord call.