Screenflow 10: How To Create Video Motion Logo Animations

This tutorial will show you how to create simple logo or graphics animations in Screenflow 10 using Video Motion.

00:00  Intro: About The Tutorial
00:13  Inspiration for Tutorial
00:34  Add Logo or Graphic To Timeline
00:54  Add Video Action
01:10  Move Logo To Create Animation
01:21  Add Z-Rotation
01:33  Add Video Motion (Spring)
01:52  Customize Video Motion Settings
02:12  Animate Logo Out
02:33  Add Video Motion Action
03:03  Gravity: Customize Settings

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

How To Animate a Logo using Video Actions:

  1. Open a Screenflow Document (I used 1080 x 1920)
  2. Add Logo or Graphic in the center using smart guides
  3. Drag scrubber to the center of the logo
  4. Go to Video Property in the Inspector Panel (1st icon)
  5. Click on +Action
  6. Drag Scrubber to the beginning of the action
  7. Move logo to the top (or where you want the animation to start)
  8. Press SpaceBar to preview

How To Add Spring/Bounce using Video Motion:

  1. Select the Video Action on the clip (should turn yellow when highlighted)
  2. Go to Video Motion tab (3rd icon)
  3. Check the box for ‘Effect’
  4. Select ’Spring’
  5. Keep box ticked for ‘Lock’
  6. Change Damping to 5
  7. Mass to 0.75
  8. Stiffness to 100
  9. Apply to: Scale, Position, Rotation

How To Animate Logo Out using Gravity (fall down from center)

  1. Move Scrubber forward in time
  2. Go to Video Motion tab
  3. Click on +Action
  4. Select Logo or graphic
  5. Drag it straight down off the canvas (add rotation or scale if desired)
  6. Click on ‘Effect’
  7. Select ‘Gravity’
  8. Keep ‘Lock to: checked
  9. Change ‘Elasticity’ to 60%
  10. Strength: 200%
  11. Velocity: 95
  12. Squash: 33%
  13. Tap Spacebar to Preview

Questions, Comments, Feedback?

My Gear List:

My Amazon Store:

My YouTube Channel: