Purpose of this tutorial:
Introduce you to the new Freehand Annotation Tool in Screenflow 8.
The freehand annotation tool allows you to draw custom shapes, illustrations, and hand-drawn graphical elements.
The screencasting software I use to record all of my screencast tutorials. Screenflow 8 was released 8/1/18.
For Free Trial or To Buy or Upgrade Use My Affiliate Link if you want:
Upgrade Price: $39
To buy new: $129
What Are Annotations?
Annotations in Screenflow = Shape Tools.
I use Annotations in Screenflow to mark up tutorials and point things out that I am referencing. For example, I use the Line Tool to make arrows and I use the Circle Annotation Tool all the time to circle things in my videos. Annotations are great for people watching a video without sound or if they are watching a small device it just leads their eye to what you are talking about.
Annotation Tools in Screenflow 8 (Shape Tools):
- Line Tool (change end-points to make arrows)
- Solid Rectangle/Square Tool (Color-filled)
- Outlined Rectangle/Square Tool (No color fill. Stroke only)
- Circle Tool
- Freehand Tool (New)
How to Use The New Freehand Annotation Tool
Note: Annotation Tools are located in the Inspector Panel above the timeline on the right side (see image below)
Tip: Scroll through all the tools in the Inspector Panel using Cmd + 1, Cmd +2, Cmd + 3….
Annotations are the 7th tool in the panel, so you guessed it: Cmd + 7
Start Using The Freehand Animation Tool
- Click on Pencil Icon or Keyboard Shortcut (Cmd +7)
- Click on the + Button to Add Annotation Track on Timeline
- Cursor turns to cross-hair.
- Draw Custom Shapes on Canvas (Things I draw: arrows, boxes, circles…)
Tip: When drawing freehand shapes, use one fluid motion and do not lift finger off mouse or tablet pan. I use a Wacom tablet, so the brush motion is very easy and natural for me. When you first start drawing (especially with a mouse, do not stop or lift cursor off canvas until the drawing is complete. Each time you stop and start, Screenflow will create a new shape and group it with the others. It gets messy and harder to transform shapes and change parameters like colors. The goal is to create one shape.
Tip #2: For each shape you create, click the ‘+’ to add annotation so all of your shapes are on their own layers. This gives you more control over the individual shape layers.
Modify or Edit Freehand Shapes
- Click on the Annotation Track in the Timeline and there will be a Transform Box around your shape (look at example below on left). When in this transform box state:
-Add Video Motion
- Click Inside the Transform Box & the lines disappear and you will only see squares around the edges (right side of example below). Now you can change color, thickness, opacity and add shadow. You can also scale if you hold your cursor to the corners and wait until it changes to double arrow.
Anything you need help with, you can contact me anytime:
Watch the Video Tutorial:
Follow on Instagram: @mikeunplugged
Can I Help You?
I create content and help people figure things out.
Check out my YouTube Channel