Stroke Glow Shadow

Stroke Glow Shadow 1.0.2

Supported Bit Versions
  1. 32-bit
  2. 64-bit
Source Code URL
https://github.com/FiniteSingularity/obs-stroke-glow-shadow
Minimum OBS Studio Version
28.0.0
Supported Platforms
  1. Windows
  2. Mac OS X
  3. Linux

Stroke Glow Shadow Logo

An OBS plugin to create strokes, glow, and shadows around masked sources.​

Introduction​

The Stroke, Glow, Shadow Plugin offers an efficient way to apply Stroke, Glow, and Shadow effects to masked sources in OBS.

  • Stroke, Glow, Shadow, as the name implies, provides effects for applying Stroke, Glow, and Drop Shadow to any masked sources in OBS. You can use these effects on everything from a chroma-keyed facecam to a native OBS text source.
  • All three effects allow for inner and outer applications.
  • Additionally, all three effects offer options for solid color or another OBS source to be used for the fill type.
  • Lastly, all three effects are available as both inline filters and as separate sources.

Effect Types​

Stroke​

The stroke effect draws a line with user-definable stroke size and offset around the masked source.

stroke_example.png

Stroke filter with offset applied to a chroma-keyed facecam giving the look of a sticker.

Stroke Filter Parameters​

stroke_interface.png

  1. Source- Only available when used as a source Select the source used to generate the stroke. In the case of a filter, this is the filtered source and this input will not be shown.
  2. Position- Select either Outer Stroke or Inner Stroke. Outer strokes are drawn from the edge of the mask outward, while inner strokes are drawn from the edge of the mask inward over the top of the original source.
  3. Options- For an Outer Stroke if using the Stroke Source there is an option for Infill Zero Offset which will fill inside of the stroke if the offset is zero. For an inner stroke, both the filter and source have the option Ignore Source Border which will suppress drawing a stroke anywhere the masked content meets the edge of the source (e.g.- if your masked facecam is aligned with the bottom of the source).
  4. Stroke Size- Specifies the thickness (in pixels) of the stroke.
  5. Offset- Indicates how many pixels from the edge of the mask you want the stroke to be drawn.
  6. Offset Quality- If you are providing an offset value, you can choose the offset calculation algorithm. Fast is a quick approximation and will result in less accurate (but still visually pleasing) stroke thickness. More Accurate uses a two-pass technique (resulting in double the number of texture samples) to provide a more accurate stroke thickess.
  7. Anti-Alias- If selected will perform a basic anti-aliasing pass to remove the jagged edges seen on the edges of the stroke.
  8. Fill Type- Choose between Color or Source.
  9. The color or source to be used as fill.

Glow​

The glow effect draws a feathered stroke with a user-defined size and intensity around the masked source.

glow_example.png

Chroma-keyed facecam with both an inner and outer glow applied.

glow_interface.png

  1. Source- Only available when used as a source Select the source used to generate the glow. In the case of a filter, this is the filtered source and this input will not be shown. If using the Glow Source a source in this dropdown must be selected.
  2. Position- Select either Outer Glow or Inner Glow. Outer glows are drawn from the edge of the mask outward, while inner glows are drawn from the edge of the mask inward, over the top of the original source.
  3. Options- For an Outer Glow, if using the Glow Source, there is an option for Infill which will fill inside of the glow (the area that would be behind the original source). For an inner glow, both the filter and source have the option to Ignore Source Border, which will suppress drawing a glow anywhere the masked content meets the edge of the source (e.g., if your masked facecam is aligned with the bottom of the source).
  4. Blur Type- Choose either Triangular or Dual Kawase. Triangular is a more accurate, less diffuse, and tighter blur, whereas Dual Kawase is significantly more efficient, and more spread out.
  5. Size- Specifies the thickness (in pixels) of the glow.
  6. Intensity- Determines how bright the glow is. Higher intesity values will have less feathering and brighter colors.
  7. Fill Type- Choose between Color or Source.
  8. The color or source to be used as fill.

Shadow​

The shadow effect draws an offset drop-shadow simulating a light causing the selected source to cast a shadow, giving the effect of the source floating off the canvas.

shadow_example.png

Webcam with outer (left) and inner (right) shadows applied.

shadow_interface.png

  1. Source- Only available when used as a source Select the source used to generate the shadow. In the case of a filter, this is the filtered source and this input will not be shown. If using the Shadow Source a source in this dropdown must be selected.
  2. Position- Select either Outer or Inner Shadow. Outer shadows give the sense of the source floating over the top of the canvas, while inner shadows make the source appear as if it is in a cutout below the canvas.
  3. Options- For an Outer Shadow, if using the Shadow Source effect, there is an option for Infill which will fill inside of the shadow (the area that would be behind the original source). For an inner shadow, both the filter and source have the option to Ignore Source Border, which will suppress drawing a shadow anywhere the masked content meets the edge of the source (e.g., if your masked facecam is aligned with the bottom of the source).
  4. Blur Type- Choose either Triangular or Dual Kawase. Triangular is a more accurate, less diffuse, and tighter blur, whereas Dual Kawase is significantly more efficient, and more spread out.
  5. Size- Specifies the thickness (in pixels) of the feathered portion of the shadow.
  6. Intensity- Determines how strong the shadow is. Higher intensity values will have less feathering and more saturated colors (e.g., darker grays).
  7. Light Angle- Specifies the direction the shadow is cast.
  8. Shadow Distance- Indicates the distance in pixels that the shadow is cast.
  9. Fill Type- Select Color or Source.
  10. The color or source to be used as fill.

Fill Types​

A stroke, glow, or shadow can be filled using either a solid color or a source.

  1. Color- Represents an RGBA color. The alpha channel can be used to create a lower opacity result, allowing the background to show through.
  2. Source- Refers to a different OBS Source. This can be anything from a media source to a fully filtered and rendered scene.

Source vs. Filter​

This plugin provides all three effects as both filters that can be applied to an existing source and as sources that can be added to your scenes. When used as a filter, the effect is drawn, with the filtered source rendering in front of (for outside effects) or behind (for inside effects) the rendered effect. When used as a source, the user selects another source whose alpha mask will be used to calculate the effect, and the effect will be drawn on its own without rendering the original source. Using a source effect has the advantage of not affecting the original masked source, and the resulting stroke, glow, or shadow can have its own filters applied to it. Additionally, the user has more control over how the effect is layered and the blending method used for compositing. Using the filter effect combines both the effect and the original source, making it easier to transform together when placed in a scene.
Author
FiniteSingularity
Downloads
40,199
Views
52,897
First release
Last update
Rating
5.00 star(s) 10 ratings

More resources from FiniteSingularity

Latest updates

  1. Bugfix Release 1.0.2

    A quick launch day bugfix.

Latest reviews

I used to create a source mirror - darken it - blur it, use that as my shadow. It worked just fine. Now I use this, thank you so much ❤️

I just wish there was an option to "angle" the outlines, so they're only on one side (so I can have multiple outlines on different sides with different colors and animate them using move transition)
I've tried it with lower thirds, browser sources, even cameras, this is just an amazing plugin. Has done alot to make my creativity spike and make a stream just... pop... Love it, Highly recommended.
Great plugin! Thank you...
Waited YEARS for this plugin, amazing job! Need it for so much sources and now I finally don't need my shadow PNG's :)
Awesome plugin! Very versatile and great effects!
Nutty's YouTube plugin shows the various possibilities quite well: https://www.youtube.com/watch?v=dsVQ_LnUQNM&t=116s&ab_channel=nutty.
Cool effect, easy to use, does what it's supposed to do.
I'm just now playing with this filter but it definitely helps add a lot of flair to sources by integrating the source stroke option.
Top