FrameOPS / Moscas Tutorial

Your logo in the corner, placed right and ready for the switcher

Upload the logo, pick the corner, size and opacity, and download a full-frame transparent PNG. Always inside the safe area, so no screen crops it.

Open Moscas
Nothing to installWorks in Chrome, Edge or Safari.
Your logo never leaves your computerEverything is processed in the browser.
Ready for the DSKPNG with transparency and, if you need it, a separate key.
02

Place it inside the safe area

Some screens and TVs crop the edges of the picture. To avoid losing the logo, it goes inside the safe area:

ACTION SAFE · 3.5%TITLE SAFE · 5%
MarginWhen to use it
Title safe (5%)The standard for text and logos. Use it if in doubt.
Action safe (3.5%)A little closer to the edge. For streaming or screens that don't crop.
ManualThe exact margin your broadcaster or client asks for.

Then adjust the size (as a % of screen height; 7–10% is typical) and the opacity (70–85% is visible without being distracting).

See how it really looksAbove the preview, under Screenshot…, upload a screenshot of your program feed. The guides and test background are not included in the PNG.
03

Download it and load it into the switcher

  • Download PNG: the bug in the chosen position, full frame and with transparency.
  • All 4 corners (ZIP): the same bug in all four corners, so you can decide on the spot.
  • Black-and-white key: tick it if your gear needs the fill and the key (matte) as separate files.
GearHow
ATEMDrag the PNG into the Media Pool in ATEM Software Control and put it on a Downstream Key with the Media Player as the source. The resolution must match the switcher's.
vMixAdd Input → Image, and turn it on as an Overlay.
OBSSources → + → Image, above the other layers in the scene.