askvity

How to Add Camera Frame in OBS?

Published in OBS Studio 3 mins read

To add a camera frame (border or overlay) in OBS Studio, you'll essentially add an image source on top of your webcam source. Here's how:

Steps to Add a Camera Frame

  1. Select Your Scene: Choose the scene in OBS where your webcam source already exists.

  2. Add an Image Source: In the "Sources" dock, click the "+" button (Add). Select "Image" from the menu.

  3. Name Your Frame: Give your new image source a descriptive name like "Webcam Frame" or "Camera Border."

  4. Browse for Your Frame Image: In the "Properties" window that appears, click the "Browse" button. Navigate to the folder where you saved your camera frame image file (e.g., a PNG with transparency). Select the image file.

  5. Adjust Size and Position:

    • Resizing: In the main OBS preview window, click and drag the red handles around the image source to resize it. Hold down the Shift key while dragging to maintain the aspect ratio if needed.
    • Positioning: Click and drag the image source in the preview window to position it correctly over your webcam feed. Make sure the frame is placed above your webcam source in the "Sources" list. The order in the source list dictates which sources are on top.
    • Fine-tuning: Use the "Transform" options (right-click on the frame source in the "Sources" list, then select "Transform") for precise adjustments to position, rotation, or scaling.

  6. Ensure Transparency (if applicable): If your frame image is a PNG with transparent areas, OBS should automatically recognize and display the transparency. If you are using a different format, ensure it supports and is set up to display transparency correctly.

Important Considerations:

  • Image Format: Use a PNG image with transparency for the frame so that the webcam feed shows through the frame. Other formats like JPG will not support transparency.
  • Image Creation: You will need to create your frame image using a graphics editor like Adobe Photoshop, GIMP (free), or similar. Design the frame with a transparent area in the center where your webcam feed will be visible.
  • Source Order: Make sure the frame image source is positioned above your webcam source in the "Sources" list. This ensures that the frame is displayed on top of the webcam feed.
  • Resolution Matching: Ideally, create your frame image with the same resolution as your OBS base canvas and output resolution for best results.

By following these steps, you can easily add a custom camera frame to your webcam feed in OBS Studio, giving your streams a more professional and personalized look.

Related Articles