Screenflow 10: How To Use Mask To Alpha To Add Overlays

Description:
This tutorial will show you how to add the Mask To Alpha Effect in Screenflow 10 to add overlays such as animated textures, grit, dust and scratches, particles, etc. Screenflow does not have Blend Modes, but Mask To Alpha works similarly to Screen blend mode to knock out the dark/black and leave the lights/whites.

Style Presets Tutorial:
https://youtu.be/7tSZKV5ohTA

Black Backgrounds w/White Graphics:
Add Mask To Alpha Effect to remove the black background
Add False Color Effect to change colors

White Backgrounds w/Black Graphics:
Add Color Invert Effect to change white to black ground
Add Mask To Alpha Effect and remove the black background
Use the False Color Effect to change the colors of the overlay graphics

Chapters:
00:00  Intro: About this tutorial
00:34  How To Overlay Textures w/Black Backgrounds
01:22  Mask To Alpha ~ Screen Blend Mode
01:32  Trick: How To Add Overlays on White Backgrounds
02:11 Add Color Invert Effect
02:40 How To Add Change Colors (False Color)
03:08 Remove Effects & Adjust Opacity
03:27  Style Presets

Software Used:
Screenflow 10 (Click To Try or Buy)

How To Add Overlays (Black Backgrounds):

  1. Add Footage to Timeline
  2. Add Overlay (Animated or Still) with Black Background & White/Light graphics
  3. Select Overlay Layer
  4. Go to Inspector Panel
  5. Click on Video Property (1st icon)
  6. Go to ‘Filters & Effects’
  7. Click on the Plus(+) icon
  8. Go to Stylize category
  9. Click on ‘Mask To Alpha’
  10. Click on ‘Add’
  11. Black background should be removed and only show light/white parts of overlay.

How To Add Overlays (White Backgrounds):

  1. Add Footage to Timeline
  2. Add Overlay (Animated or Still) with White Background & Black/Dark graphics
  3. Select Overlay Layer
  4. Go to Inspector Panel
  5. Click on Video Property (1st icon)
  6. Go to ‘Filters & Effects’
  7. Click on the Plus(+) icon
  8. Go to Stylize category
  9. Click on ‘Color Invert’
  10. Click on ‘Add’
  11. White Background should now be black with white graphics (inverted from original)
  12. In ‘Filters & Effects’ go to ‘Mask To Alpha’ under ‘Stylize’ category
  13. Click on ‘Add’
  14. Color Invert should be on top of Mask to Alpha and now the overlay background should be removed

How To Change Colors (False Color Effect)

  1. In ‘Filters & Effects’ go to ‘False Color’ under ‘Color Adjustments’ category
  2. Click on ‘False Color’
  3. Click on ‘Add’
  4. Click on Color Swatch 2
  5. Select color and overlay graphics should update
  6. Change Layer Opacity as needed